#nav {
	margin: 20px 0 0 0;
}


	#nav ul {
	/*background:url(../images/ul_bg.gif) bottom center no-repeat;*/
	border-bottom: 1px dotted #333333;
	
}

#nav ul li {
	list-style:outside;
	list-style-type:none;
	display:inline; /*--------- IE needs this ---------------*/
	}

#nav ul li a {
	background:url(../images/item_bg.gif) top center no-repeat;
	/*line-height:24px;*/
	padding:5px 0 5px 30px;
	display:block;
	width:134px;
	letter-spacing:-0.060em;
	
	
}

#nav ul li a:hover {
	/*line-height:24px;*/
	padding-left:30px;
	display:block;
	background:url(../images/item_bg_over.gif) top center no-repeat;
	letter-spacing:-0.060em;
	
}

		
		
		
		
		/*this is the css for the vertical version*/
		
		
		
		.vertical li ul{
			position: absolute;
			margin-top: -25px;
			margin-left: 160px;
			width:150px;
		}
		
	
	div#nav.mlmenu ul li.haschild ul.none {
		
		
		border: 0px;
		}
	
	
	div#nav.mlmenu ul li.haschild ul.none li a{
		background-color:#00FF66;
		background:url(../images/bg_sub_menu.jpg);
		font-size:10px;
		display:block;
		border: 1px solid #FFFFFF;
		}
		
		div#nav.mlmenu ul li.haschild ul.none li a:hover{
		background-color:#FFFFFF;
		background:url(../images/heade_bg.jpg);
		font-size:10px;
		display:block;
		/*border-bottom: 1px solid #FFFFFF;*/
		
		}
		
		div#nav.mlmenu ul li.haschild ul li.haschild .menu-2 {
		/*display:none;
		border:0px;*/
		}
		
		
		
		/*------------------------------- Navegation styles for the product subpages ----------------*/
		
		
		
		#products {
			margin-left:10px;
		}
		
		#products li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		margin: 2px 2px 2px 2px;
		padding: 8px 10px 8px 10px;
		float:left;
		display:inline;
		background-color:#333333;
		
		
		
		
		}
		
		#products li.current_navlink {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		margin: 2px 2px 2px 2px;
		padding: 8px 10px 8px 10px;
		float:left;
		display:inline;
		background:url(../images/bg_sub_menu.jpg);
		
		
		
		
		}
		
		#products li a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		}
		
		#products li a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:underline;
		}
		
		
		
		
		
		#products li a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		}
		
		#products li a.current_navlink {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#990000;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*this is the css for the horizontal version*/
		
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}