/* Product Menu ----------------------------*/

#menu {margin:0; position:relative; }

#menu ul {margin:0; padding:1px 1px 0 1px; list-style:none; white-space:nowrap; text-align:left; }

#menu li {margin:0; padding:0; list-style:none; display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px; top: 24px;}
#menu ul.level1 {position:absolute; left:0; top: 10px;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none; padding:0 22px 0 10px; border-bottom:1px solid #ddd;} 
#menu ul ul a {padding:0 10px 0 10px; }

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px; }
#menu a:hover ul {left:100%; visibility:visible;}
	
	
	/* -- Negative heights based on how many li's from the top... kinda --*/
	#menu a:hover ul.zero {left:100%; top: 24px; }
	#menu ul li:hover > ul.zero { left:100%; top: 24px; margin-left:-1px; }
	
	#menu a:hover ul.one {left:100%; top: 47px; }
	#menu ul li:hover > ul.one {left:100%; top: 47px; margin-left:-1px; }
	
	#menu a:hover ul.two {left:100%; top: 70px; }
	#menu ul li:hover > ul.two {left:100%; top: 70px; margin-left:-1px;}




#menu li a:hover {background:#dfe1d4;} 
#menu li:hover > a {background:#dfe1d4;}
#menu li a.fly {background: url(../images/arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#dfe1d4 url(../images/arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#dfe1d4 url(../images/arrow.gif) no-repeat right top;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}