@charset "utf-8";
/* CSS Document */

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:55px;
	position:relative;
	z-index:10;
	font-family:arial, verdana, sans-serif;
	width:834px;
	visibility: visible;
	background:url(imghtml/sep.jpg) bottom repeat-x;
}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:44px; width:139px; border-color:#000000; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.fruit {background:url(imghtml/menu_01.jpg);}
#nav li a.veg {background:url(imghtml/menu_02.jpg);}
#nav li a.greens {background:url(imghtml/menu_03.jpg);}
#nav li a.nuts {background:url(imghtml/menu_04.jpg);}
#nav li a.menu05 {background:url(imghtml/menu_05.jpg);}
#nav li a.menu06 {background:url(imghtml/menu_06.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 139px 44px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

#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:44px; background: #171717; width:139px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:139px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:35px; width:139px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



/* Roll Overs 
#nav :hover a.fruit {background:url(imghtml/over_01.jpg);}
#nav :hover a.veg {background:url(imghtml/over_02.jpg);}
#nav :hover a.greens {background:url(imghtml/over_03.jpg);}
#nav :hover a.nuts {background:url(imghtml/over_04.jpg);}
#nav :hover a.menu05 {background:url(imghtml/over_05.jpg);}
#nav :hover a.menu06 {background:url(imghtml/over_06.jpg);}
*/
/* Roll Overs Submenus */

/* Roll Overs End*/
#nav li a.oranges {background:url(imghtml/menu_08.jpg);}
#nav ul li a.carrots {background:url(imghtml/submenu2-1.jpg);}
#nav :hover ul li a.turnips {background:url(imghtml/submenu2-2.jpg);}
#nav :hover ul li a.parsnips {background:url(imghtml/submenu2-3.jpg);}

#nav :hover ul li a.cabbages {background:url(greens/cabbage2.jpg);}
#nav :hover ul li a.cauliflower {background:url(imghtml/submenu3-1.jpg);}
#nav :hover ul li a.beans {background:url(imghtml/submenu3-2.jpg);}
#nav :hover ul li a.sprouts {background:url(imghtml/submenu3-3.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(imghtml/submenu4-1.jpg);}
#nav :hover ul li a.walnuts {background:url(imghtml/submenu4-2.jpg);}
#nav :hover ul li a.pistachios {background:url(nuts/pistachios2.jpg);}



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