#nav {padding:0; margin:0; list-style:none; height:45px; position:relative; font-family:arial, verdana, sans-serif; width:840px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:45px; width:120px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(home.jpg);}
#nav li a.products {background:url(products.jpg);}
#nav li a.community {background:url(community.jpg);}
#nav li a.buy {background:url(buy.jpg);}
#nav li a.media {background:url(media.jpg);}
#nav li a.company {background:url(company.jpg);}
#nav li a.support {background:url(support.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 45px;}


#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:45px;
	width:213px;
	height:auto;
	z-index:300;

} 
#nav :hover ul.sub li
{display:block; height:27px; position:relative; float:left; width:213px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:27px; width:213px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.wirewraps {background:url(wirewraps.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.storagesystem {background:url(storagesystem.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.stashbox {background:url(stashbox.jpg);opacity: .9;
	filter: alpha(opacity=90);}
	#nav :hover ul li a.dirtrags {background:url(dirtrags.jpg);opacity: .9;
	filter: alpha(opacity=90);}
	#nav :hover ul li a.hangon {background:url(hangon.jpg);opacity: .9;
	filter: alpha(opacity=90);}

#nav :hover ul li a.potatoes {background:url(veg/potatoes2.jpg);}
#nav :hover ul li a.carrots {background:url(veg/carrots2.jpg);}
#nav :hover ul li a.turnips {background:url(veg/turnip2.jpg);}
#nav :hover ul li a.parsnips {background:url(veg/parsnip2.jpg);}

#nav :hover ul li a.cabbages {background:url(greens/cabbage2.jpg);}
#nav :hover ul li a.cauliflower {background:url(greens/cauliflower2.jpg);}
#nav :hover ul li a.beans {background:url(greens/beans2.jpg);}
#nav :hover ul li a.sprouts {background:url(greens/sprouts2.jpg);}
#nav :hover ul li a.peas {background:url(greens/peas2.jpg);}
#nav :hover ul li a.broccoli {background:url(greens/broccoli2.jpg);}

#nav :hover ul li a.almonds {background:url(nuts/almonds2.jpg);}
#nav :hover ul li a.cashews {background:url(nuts/cashews2.jpg);}
#nav :hover ul li a.walnuts {background:url(nuts/walnuts2.jpg);}
#nav :hover ul li a.pistachios {background:url(nuts/pistachios2.jpg);}

#nav :hover ul.sub li a:hover 
{background-position: 0 27px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}