/* CSS Document */

/*ul {  all lists 
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid black;
}*/

#nav{     
	margin: 0;
	padding: 0;
	list-style-type: none;
	
 } 
#nav ul {
	padding: 0;     
	margin: 0;     
	list-style: none; 
	
}
#nav li {     
	color: black;
	float: left;
	cursor: pointer;
	list-style-type: none;	
}
#nav a {
	display: block;
	
}
a.productSub{
	display: block;
	width: 150px;
}
#nav a:visited{
	font-size: 10px;
}
#nav a:hover {
	color:black;
	text-decoration:none;
}
#nav li ul {     
	position: absolute;     
	width: 150px;     
	left: -999em; 
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	
	
} 
#nav li:hover ul {     
	left: auto;
	text-align: left;
	/*border: 1px solid black;*/
	background-color:white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#nav li:hover ul, #nav li.sfhover ul {     
	left: auto; 
	text-align: left;
	/*border: 1px solid black;*/
	background-color:white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

.sub {
	padding: 0;
	float: left;
	z-index:2;
	margin: 0;
	color: white;
	width: 135px;
	/*text-align:left;
	padding-top: 5px;*/
	background-color:white;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	list-style-type: none;
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
}
.sub li {
	float:none;
	text-align: left;
	position: relative;
	/*border: 1px solid black;*/
	background-color:white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.sub li:hover {
/*	background-color: white;*/
	color: black;
}




.manu {
	padding: 0;
	float: left;
	display: none;

	margin: 0;
	color: white;
	width: 100px;
	/*text-align:left;
	padding-top: 5px;*/
	background-color:white;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	list-style-type: none;
	z-index: 3;
	position: absolute;
	top: -1px;
	left: 133px;
}
.manu li {
	float:none;
	text-align: left;
	position: relative;
	/*border: 1px solid black;*/
	background-color:white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.manu li:hover {
/*	background-color: white;*/
	color: black;
}
.prodline {
	padding: 0;
	float: left;
	display: none;

	margin: 0;
	color: white;
	width: 200px;
	/*text-align:left;
	padding-top: 5px;*/
	background-color:white;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	list-style-type: none;
	z-index: 4;
	position: absolute;
	top: -1px;
	left: 96px;
}
.prodline li {
	float:none;
	text-align: left;
	position: relative;
	/*border: 1px solid black;*/
	background-color:white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.prodline li:hover {
/*	background-color: white;*/
	color: black;
}
/*
li ul li {
	position: absolute;
	left: -10px;
}*/

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;*/
	/*left: auto;*/
}

.nav li:hover .sub, .nav li.over .sub {
	display: block;
}
.sub li:hover .manu, .sub li.over .manu {
	display: block;
}
.manu li:hover .prodline, .manu li.over .prodline {
	display: block;
}

/*li:hover ul, li.over ul {  lists nested under hovered list items 
	display: block;
	background-color: #00FFFF;
}*/