/***********KELE P7 NAVIGATION*************/

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:10 - Plum Royale
  -----------------------------------
*/
*{margin: 0; padding: 0;}

#p7PMnav {
	margin: 0;
	padding:0;
	font-size: 13px;
}

#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: none; 
	line-height: 1.1em;
}

#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index:10000;
	background: none; 
	border: none;	
	color: #ffffff;

}

#p7PMnav ul a, #p7PMnav ul a:visited {
	padding: 4px 9px; /*padding for top, right of box*/
	color: #ffffff;
	margin:0;
	background-color: #083152; 
	border-bottom: 1px solid #BEBFC3;
	list-style-type: none;
	font-weight: bold!important;
}

#p7PMnav a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	/*line-height:1; */
	border-bottom: 0px;
}

#p7PMnav a:hover {
	color: none;
	background-color: none;
	letter-spacing: .01px;
}

#p7PMnav a:hover{
	background-position: left bottom;
		list-style-type: none;
}

#p7PMnav ul a:hover/*, #p7PMnav ul a:active, #p7PMnav ul a:focus*/ {
	color: #083152;
	background-color: #BEBFC3;
	background-position: right center;
	border-bottom: 1px solid #BEBFC3;
	font-weight: bold!important;}
	
#p7PMnav ul a:active{
	font-weight:normal;}
	
#p7PMnav ul a:visited{
	font-weight:normal;}


#p7PMnav .p7PMon /*,#p7PMnav .p7PMmark */ {
	background-position: left bottom;
}


#p7PMnav ul .p7PMmark {
		background-position: left bottom;
}

#p7PMnav .p7PMmark {
		background-position: left bottom;
}

/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:url(../images/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}

#p7PMnav ul .p7PMtrg, #p7PMnav .p7PMshow {
	background-position: right center;
	/*background-position: left bottom;*/
}

/* the active trigger link style -  CHANGE THIS TO MAKE THE HOVER GRAPHIC INTO AN ACTIVE STATE */
#p7PMnav .p7PMon {
		background-position: left bottom;}
		
	
#p7PMnav .p7PMon {
	background-color: none;
}

/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
}

#p7PMnav .p7PMshow {
	left: auto;
	z-index: 500000 !important;
}

/* Top level menu width */

#p7PMnav li {
	float: left;
	width: auto;
	background: none;
}

#p7PMnav ul li {
	float: left;
}

/* 2nd and subsequent Submenu widths*/
#p7PMnav ul{
width: 180px; 
}

 #p7PMnav ul li {
margin-left:10px;
/*width: 180px; 
border-left: 1px solid #083152;
border-right: 1px solid #083152;*/
}

#p7PMnav ul li a {
width: 180px; 
}
 #p7PMnav ul li li {
margin-left:15px;}
*html #p7PMnav ul li {
margin-left:5px;}
*html #p7PMnav ul li li {
margin-left:8px;}

#nav4 ul li  { margin-left:-20px!important;}
/****************/

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7{
  height: 33px!important;
  background-repeat: no-repeat;
  text-indent: -3000px;
}


#nav1 {
  width: 102px;
  background-image:url(../images/home.jpg);
  background-repeat: no-repeat;
}
  
#nav2 {
  width: 113px;
  background-image:url(../images/catalog.jpg);
}
#nav3 {
  width: 111px;
  background-image:url(../images/services.jpg);
}
#nav4 {
  width: 216px;
  background-image:url(../images/support_download.jpg);
}
#nav5 {
  width: 153px;
  background-image:url(../images/international.jpg);
}
#nav6 {
  width: 129px;
  background-image:url(../images/about.jpg);
}
#nav7 {
  width: 175px;
  background-image:url(../images/blogs_forums.jpg);
}

/*****************NAV ACTIVE FOR SECOND LEVEL STICK *******************/

#navActive1, #navActive2, #navActive3, #navActive4, #navActive5, #navActive6, #navActive7 {
	background-position: left bottom!important;
	height: 33px!important;
	text-indent: -3000px;}

#navActive1 {
  width: 102px;
  background-image:url(../images/home_white.jpg);
  background-repeat: no-repeat;
}
  
#navActive2 {
  width: 113px;
  background-image:url(../images/catalog_white.jpg);
}
#navActive3 {
  width: 111px;
  background-image:url(../images/services_white.jpg);
}
#navActive4 {
  width: 216px;
  background-image:url(../images/support_download_white.jpg);
}
#navActive5 {
  width: 153px;
  background-image:url(../images/international_white.jpg);
}
#navActive6 {
  width: 129px;
  background-image:url(../images/about_white.jpg);
}
#navActive7 {
  width: 175px;
  background-image:url(../images/blogs_forums_white.jpg);
}