#nav {padding:0; margin:0; list-style:none; height:17px; position:relative; z-index:200; font-family: Verdana, Arial, Helvetica, sans-serif;/* width:114px;*/}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:17px; /*width:114px;*/ border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}
#nav li a.fruit {background:url(../images/techdetails.gif);}
#nav li:hover a,
#nav a:hover
{background-position: 0 -17px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:0; top:17px; background: #c6c6c6; width:130px; height:auto; z-index:300; padding-top: 0px;}
#nav :hover ul.sub li
{display:block; height:26px; position:relative; float:left; width:130px; font-weight:normal; padding-bottom: 5px; padding-top: 0px;}
#nav :hover ul.sub li a
{display:block; height:26px; width:130px; border-bottom:1px solid #aaaaaa; text-decoration:none; cursor:pointer; text-align: left; font-size: 12px; color: #000; padding-top: 5px;}
#nav :hover ul.sub li a b {position: static; left:0; margin:0; text-align: left; font-weight: normal; padding-left: 5px; padding-top: 0px;}
#nav :hover ul.sub li a:hover 
{background-position: 0 19px; position:relative; font-size: 12px; color: #000; height: 26px; background: url(../images/menubg.gif) repeat-x top; vertical-align: top;}
#nav :hover ul.sub li a:hover b {left:100px; top:0px; background:#c6c6c6; color:#ee131b; display:block; width:125px; height:26px; text-align:left; font-size: 12px; padding-left: 5px; padding-top: 0px!important; padding-bottom: 0px;}