/* CSS Document */

.nav {
  position: relative;
  margin: 0 0 0 18px;
}

ul.nav {
	float:left;
	line-height:1;
	padding:0;
	margin:0pt 0pt 0pt 0pt;
}
ul.nav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	z-index:999;
	text-align:center;
	padding:0;
	margin:0 10px 0 0;
	background:transparent none no-repeat scroll 0px 0px;
}

ul.nav li a.subMenu {
	background:url('/Images/New_images/images/subMenu.gif')  no-repeat 100% 13px ;
	padding-right:17px;
}

ul.nav li a.subMenu:hover {
	background:url('/Images/New_images/images/subMenuOn.gif')  no-repeat 100% 13px;
	padding-right:17px;
	background-color:#fff;
	color:#377bac;
}

ul.nav li a {
	display:block;
	float:left;
	font-family:"Trebuchet ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin-right:1em;
	letter-spacing:3px;
	height:20px;
	padding-top:0.75em;
	padding-bottom:0.35em;
	padding-right:5px;
	padding-left:6px;
	text-decoration:none;
	width:auto;
}

ul.nav li a:visited 
{
    color: #ffffff;
}

ul.nav li ul li {
	clear:both;
}

ul.nav li ul li a {
	letter-spacing:1px;
	white-space:nowrap;
}

ul.nav li ul li a:visited {
    color:#377bac;
}

ul.nav li a:hover,
#home ul.nav li#homeLink a, #advanced ul.nav li#advanced a { 
	background-color:#fff;
	color:#377bac;	
	
}
#infopage ul.nav li#infopage a:hover
{
	background-color:#fff;
	color:#377bac;
	
}

body#guides ul.nav li#guidesLink a.top,
body#home ul.nav li#homeLink a.top, 
body#infopage ul.nav li#infopage a.top, 
body#advanced ul.nav li#advanced a.top, 
body#about ul.nav li#aboutLink a.top,
body#contact ul.nav li#contactLink a.top,
body#productInfo ul.nav li#productInfoLink a.top{
	background-color:#fff;
	color:#377bac;
	background:url('/Images/New_images/images/subMenuOn.gif')  no-repeat 100% 13px #fff;
	margin-bottom: 0;
	height: 20px;
}


ul.nav li ul {
	float:none;
	position:absolute;
	top:-999em;
	border:1px solid #ccc;
	border-top:1px solid #fff;
	background-color:#fff;
	margin-left:0pt;
	
}

ul.nav li:hover ul, ul.nav li.sfHover ul {
	left:-1px;
	top:2.6em;
	padding: 0 0;
}


ul.nav li:hover ul li a, ul.nav li.sfHover ul li a {
	background-color:#fff;
	color:#377bac;
	text-transform:none;
	text-align:left;
	white-space:nowrap;
	padding-top:5px;
	padding-bottom:2px;
	clear:both;
	width:auto;
	margin-left: 0px;
}


ul.nav li:hover ul li a:hover, 
ul.nav li.sfHover ul li a:hover {
	text-decoration:underline;
}
div#nav ul.nav li ul li {
	clear:both;
}