/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropline_1.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 {height:76px; margin-left:280px; padding-top:20px; padding-bottom:0; position:relative; font-family:arial, verdana, sans-serif; font-size:11px;z-index:500; background: url(../images/navBg.gif) repeat-x;}
#nav .select {margin:0; padding:0; list-style:none; white-space:nowrap;}
#nav li {float:left;}

#nav .select li.home-preload {display:block; width: 48px; height: 28px; cursor:pointer;background:url(../images/nav/nav-home.gif);}
#nav .select li.home-preload-current {display:block; width: 48px; height: 28px; cursor:pointer;background:url(../images/nav/nav-home-hi.gif);}
#nav .select li.products-preload {display:block; cursor:pointer;background:url(../images/nav/nav-products.gif);}
#nav .select li.products-current {display:block; cursor:pointer;background:url(../images/nav/nav-products-hi.gif);}
#nav .select li.nutrition-and-wellbeing-preload {display:block; cursor:pointer;background:url(../images/nav/nav-nutrition-and-wellbeing.gif);}
#nav .select li.nutrition-and-wellbeing-current {display:block; cursor:pointer;background:url(../images/nav/nav-nutrition-and-well-being-hi.gif);}
#nav .select li.eating-well-preload {display:block; cursor:pointer;background:url(../images/nav/nav-eating-well.gif);}
#nav .select li.eating-well-preload-current {display:block; cursor:pointer;background:url(../images/nav/nav-eating-well-hi.gif);}
#nav .select li.promotions-preload {display:block; cursor:pointer;background:url(../images/nav/nav-promotions.gif);}
#nav .select li.promotions-preload-current  {display:block; cursor:pointer;background:url(../images/nav/nav-promotions-hi.gif);}
#nav .select li.feedback-preload {display:block; cursor:pointer;background:url(../images/nav/nav-feedback.gif);}
#nav .select li.feedback-preload-current {display:block; cursor:pointer;background:url(../images/nav/nav-feedback-hi.gif);}


#nav .select a b {text-indent: -9000px;}
#nav .select a b.home {display:block; width: 48px; height: 28px; background:url(../images/nav/nav-home-hi.gif) no-repeat; background-position: 0 -50px;}
#nav .select a b.products {display:block; width: 72px; height: 28px; background:url(../images/nav/nav-products-hi.gif) no-repeat; background-position: 0 -50px;}
#nav .select a b.nutrition-and-wellbeing {display:block; width: 136px; height: 28px; background:url(../images/nav/nav-nutrition-and-wellbeing-hi.gif) no-repeat; background-position: 0 -50px;}
#nav .select a b.eating-well {display:block; width: 77px; height: 28px; background:url(../images/nav/nav-eating-well-hi.gif) no-repeat; background-position: 0 -50px;}
#nav .select a b.promotions {display:block; width: 83px; height: 28px; background:url(../images/nav/nav-promotions-hi.gif) no-repeat; background-position: 0 -50px;}
#nav .select a b.feedback {display:block; width: 67px; height: 28px; background:url(../images/nav/nav-feedback-hi.gif) no-repeat; background-position: 0 -50px;}

#nav .select li:hover a {line-height:28px; cursor:pointer; }
#nav .select li:hover a b {display:block;  cursor:pointer;background:url(../images/nav/nav-home-hi.gif);}
#nav .select li:hover a b.home {display:block; cursor:pointer;background:url(../images/nav/nav-home-hi.gif);}
#nav .select li:hover a b.products {display:block; cursor:pointer;background:url(../images/nav/nav-products-hi.gif);}
#nav .select li:hover a b.nutrition-and-wellbeing {display:block; cursor:pointer;background:url(../images/nav/nav-nutrition-and-wellbeing-hi.gif);}
#nav .select li:hover a b.eating-well {display:block; cursor:pointer;background:url(../images/nav/nav-eating-well-hi.gif);}
#nav .select li:hover a b.promotions {display:block; cursor:pointer;background:url(../images/nav/nav-promotions-hi.gif);}
#nav .select li:hover a b.feedback {display:block; cursor:pointer;background:url(../images/nav/nav-feedback-hi.gif);}


#nav .sub {display:none; list-style:none;}
#nav .sub li {background: #da1d1c; }
#nav .select li:hover .sub {height:21px; display:block; position:absolute; float:left; width:500px; top:36px; left:0; text-align:center; overflow:hidden;}
#nav .select li:hover .sub li a {display:block; float:left;  margin:0; white-space:nowrap; text-indent: -9000px;}

#nav .select li.subnav-eating-well-preload{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-eating-well.gif) no-repeat;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.sub-eating-well{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-eating-well-hi.gif) no-repeat;  background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.sub-eating-well:hover {background:url(../images/nav/subnav-eating-well-hi.gif) no-repeat;}

#nav .select li.our-range-preload{display:block; width: 70px; height:21px; float:left; background:url(../images/nav/subnav-our-range.gif) no-repeat;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.our-range{display:block; width: 70px; height:21px; float:left; background:url(../images/nav/subnav-our-range-hi.gif) no-repeat; background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.our-range:hover {background:url(../images/nav/subnav-our-range-hi.gif) no-repeat;}

#nav .select li.meal-plan-preload{display:block; width: 69px; height:21px; float:left; background:url(../images/nav/subnav-meal-plan.gif) no-repeat;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.meal-plan{display:block; width: 69px; height:21px; float:left; background:url(../images/nav/subnav-meal-plan-hi.gif) no-repeat; background-position: 0 -50px;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.meal-plan:hover {background:url(../images/nav/subnav-meal-plan-hi.gif) no-repeat;}

#nav .select li.snack-maths-preload{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-snack-maths.gif) no-repeat;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.snack-maths{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-snack-maths-hi.gif) no-repeat; background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.snack-maths:hover {background:url(../images/nav/subnav-snack-maths-hi.gif) no-repeat;}
 
#nav .select li.tips-preload{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-tips.gif) no-repeat;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.tips{display:block; width: 80px; height:21px; float:left; background:url(../images/nav/subnav-tips-hi.gif) no-repeat; background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.tips:hover {background:url(../images/nav/subnav-tips-hi.gif) no-repeat;}



#nav .select li.lean-cuisine-bowl-preload{display:block; width: 43px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-bowl.gif);  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-bowl{display:block; width: 43px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-bowl-hi.gif) no-repeat;  background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-bowl:hover {background:url(../images/nav/subnav-lean-cuisine-bowl-hi.gif);}

#nav .select li.lean-cuisine-real-food-preload{display:block; width: 69px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-real-food.gif);  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-real-food{display:block; width: 69px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-real-food-hi.gif) no-repeat; background-position: 0 -50px; margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-real-food:hover {background:url(../images/nav/subnav-lean-cuisine-real-food-hi.gif);}

#nav .select li.lean-cuisine-steam-preload{display:block; width: 48px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-steam.gif);  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-steam{display:block; width: 48px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-steam-hi.gif) no-repeat; background-position: 0 -50px;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-steam:hover {background:url(../images/nav/subnav-lean-cuisine-steam-hi.gif);}

#nav .select li.lean-cuisine-everyday-wellbeing-preload{display:block; width: 120px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-everyday-wellbeing.gif);  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-everyday-wellbeing{display:block; width: 120px; height:21px; float:left; background:url(../images/nav/subnav-lean-cuisine-everyday-wellbeing-hi.gif) no-repeat; background-position: 0 -50px;  margin:0; white-space:nowrap;}
#nav .select li:hover .sub li a.lean-cuisine-everyday-wellbeing:hover {background:url(../images/nav/subnav-lean-cuisine-everyday-wellbeing-hi.gif);}