/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


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

#nav li a.fruit {background:url(images/SteelingHome_menu_icons_on_06.jpg);}
#nav li a.veg {background:url(veg/veg.jpg);}
#nav li a.greens {background:url(greens/greens.jpg);}
#nav li a.nuts {background:url(nuts/nuts.jpg);}

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


#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:114px;
	width:210px;
	height:auto;
	z-index:300;
}
#nav :hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:210px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:auto; width:210px; 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.apples {
	background:url(images/SteelingHome_menu_icons_10.png);
	height: 28px;
}
#nav :hover ul li a.oranges {
	background:url(images/SteelingHome_menu_icons_12.png);
	height: 28px;
}
#nav :hover ul li a.pears {background:url(images/SteelingHome_menu_icons_13.png);
height: 28px;}

#nav :hover ul li a.bananas {
	background:url(images/SteelingHome_menu_icons_14.png);
	height: 28px;
}
#nav :hover ul li a.lemons {background:url(images/SteelingHome_menu_icons_15.png);
height: 28px;}


#nav :hover ul li a.potatoes {background:url(images/SteelingHome_menu_icons_16.png);
height: 28px;}
#nav :hover ul li a.carrots {background:url(images/SteelingHome_menu_icons_17.png);
height: 28px;}
#nav :hover ul li a.turnips {background:url(images/SteelingHome_menu_icons_18.png);
height: 28px;}
#nav :hover ul li a.parsnips {background:url(images/SteelingHome_menu_icons_19.png);
height: 28px;}

#nav :hover ul li a.cabbages {
	background:url(images/SteelingHome_menu_icons_20.png);
	height: 20px;
}
#nav :hover ul li a.cauliflower {background:url(images/SteelingHome_menu_icons_20.png); height: 51px;}
#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 0px;
	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;
}