/*
Client: The Fruit Box
CSS Document: Version 1.0 2009
Developer: Mark Till Online
URL: http://www.mark-till-online.co.uk
*/


/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

/* General Navigation Structure */

#nav_body{width:100%; background:url(../images/bg_nav.gif) repeat-x;}
#nav_container{width:900px; margin:0 auto; padding-top:0px; height:60px;}
#nav_container ul{margin:0; padding:0; list-style-type:none;}
#nav_container li{margin:0; padding:0; float:left;}
.nav{z-index:100; position:relative;}
.nav ul{list-style: none; margin: 0; padding: 0;}
.nav ul{width: 100px; position: absolute; top: -999em; left: -1px;}
.nav li{float:left; margin:0; padding:0; position:relative;}
.nav li:hover ul, .nav li.sfHover ul{top: 31px;}
.nav ul li {border: 0; float: none;}

/* Horizontal Rollover Styles */
.nav li.home a{width:80px; height:60px; background: url(../images/nav_01.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.home a:hover{background:url(../images/nav_01.gif) 0px -60px no-repeat; display: block;}
.nav li.home a.current{background: url(../images/nav_01.gif) 0px -60px no-repeat; display:block;}

.nav li.get_started a{width:137px; height:60px; background: url(../images/nav_02.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.get_started a:hover{background:url(../images/nav_02.gif) 0px -60px no-repeat; display: block;}
.nav li.get_started a.current{background: url(../images/nav_02.gif) 0px -60px no-repeat; display:block;}

.nav li.fruit_baskets a{width:147px; height:60px; background: url(../images/nav_03.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.fruit_baskets a:hover{background:url(../images/nav_03.gif) 0px -60px no-repeat; display: block;}
.nav li.fruit_baskets a.current{background: url(../images/nav_03.gif) 0px -60px no-repeat; display:block;}

.nav li.about a{width:117px; height:60px; background: url(../images/nav_04.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.about a:hover{background:url(../images/nav_04.gif) 0px -60px no-repeat; display: block;}
.nav li.about a.current{background: url(../images/nav_04.gif) 0px -60px no-repeat; display:block;}

.nav li.faq a{width:87px; height:60px; background: url(../images/nav_05.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.faq a:hover{background:url(../images/nav_05.gif) 0px -60px no-repeat; display: block;}
.nav li.faq a.current{background: url(../images/nav_05.gif) 0px -60px no-repeat; display:block;}

.nav li.fruit_guide a{width:133px; height:60px; background: url(../images/nav_06.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.fruit_guide a:hover{background:url(../images/nav_06.gif) 0px -60px no-repeat; display: block;}
.nav li.fruit_guide a.current{background: url(../images/nav_06.gif) 0px -60px no-repeat; display:block;}

.nav li.blog a{width:85px; height:60px; background: url(../images/nav_07.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.blog a:hover{background:url(../images/nav_07.gif) 0px -60px no-repeat; display: block;}
.nav li.blog a.current{background: url(../images/nav_07.gif) 0px -60px no-repeat; display:block;}

.nav li.contact a{width:114px; height:60px; background: url(../images/nav_08.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.contact a:hover{background:url(../images/nav_08.gif) 0px -60px no-repeat; display: block;}
.nav li.contact a.current{background: url(../images/nav_08.gif) 0px -60px no-repeat; display:block;}


/* Fruit Guide Drop Down Styles */
.nav li ul.ul_fruit_guide{ background: url(../images/ul_fruit_guide.gif) no-repeat; width:250px; height:400px;}
.nav li ul li.apples a{width:67px; height:31px; background: url(../images/sub_nav_apples.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-top:35px; margin-left:15px;}
.nav li ul li.apples a:hover{background:url(../images/sub_nav_apples.gif) -67px 0px no-repeat; display: block;}
.nav li ul li.apples a.current{background: url(../images/sub_nav_apples.gif) -67px 0px no-repeat; display:block;}
.nav li ul li.apricots a{width:156px; height:33px; background: url(../images/sub_nav_apricots.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.apricots a:hover{background:url(../images/sub_nav_apricots.gif) -156px 0px no-repeat; display: block;}
.nav li ul li.apricots a.current{background: url(../images/sub_nav_apricots.gif) -156px 0px no-repeat; display:block;}
.nav li ul li.bananas a{width:81px; height:33px; background: url(../images/sub_nav_bananas.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.bananas a:hover{background:url(../images/sub_nav_bananas.gif) -81px 0px no-repeat; display: block;}
.nav li ul li.bananas a.current{background: url(../images/sub_nav_bananas.gif) -81px 0px no-repeat; display:block;}
.nav li ul li.blueberries a{width:212px; height:33px; background: url(../images/sub_nav_blueberries.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.blueberries a:hover{background:url(../images/sub_nav_blueberries.gif) -212px 0px no-repeat; display: block;}
.nav li ul li.blueberries a.current{background: url(../images/sub_nav_blueberries.gif) -212px 0px no-repeat; display:block;}
.nav li ul li.clementines a{width:185px; height:33px; background: url(../images/sub_nav_clementines.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.clementines a:hover{background:url(../images/sub_nav_clementines.gif) -185px 0px no-repeat; display: block;}
.nav li ul li.clementines a.current{background: url(../images/sub_nav_clementines.gif) -185px 0px no-repeat; display:block;}
.nav li ul li.dates a{width:129px; height:33px; background: url(../images/sub_nav_dates.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:50px; margin-left:15px;}
.nav li ul li.dates a:hover{background:url(../images/sub_nav_dates.gif) -129px 0px no-repeat; display: block;}
.nav li ul li.dates a.current{background: url(../images/sub_nav_dates.gif) -129px 0px no-repeat; display:block;}
.nav li ul li.kiwi a{width:89px; height:33px; background: url(../images/sub_nav_kiwi.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.kiwi a:hover{background:url(../images/sub_nav_kiwi.gif) -89px 0px no-repeat; display: block;}
.nav li ul li.kiwi a.current{background: url(../images/sub_nav_kiwi.gif) -89px 0px no-repeat; display:block;}
.nav li ul li.mango a{width:156px; height:33px; background: url(../images/sub_nav_mango.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.mango a:hover{background:url(../images/sub_nav_mango.gif) -156px 0px no-repeat; display: block;}
.nav li ul li.mango a.current{background: url(../images/sub_nav_mango.gif) -156px 0px no-repeat; display:block;}
.nav li ul li.nectarines a{width:157px; height:33px; background: url(../images/sub_nav_nectarines.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:50px; margin-left:15px;}
.nav li ul li.nectarines a:hover{background:url(../images/sub_nav_nectarines.gif) -157px 0px no-repeat; display: block;}
.nav li ul li.nectarines a.current{background: url(../images/sub_nav_nectarines.gif) -157px 0px no-repeat; display:block;}
.nav li ul li.pears a{width:62px; height:33px; background: url(../images/sub_nav_pears.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li ul li.pears a:hover{background:url(../images/sub_nav_pears.gif) -62px 0px no-repeat; display: block;}
.nav li ul li.pears a.current{background: url(../images/sub_nav_pears.gif) -62px 0px no-repeat; display:block;}

/* Uneeded navigation items

#nav-one li:hover a, #nav-one li.sfHover a{background: #ccc; color: #000;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {background: #565656; color: #959595;}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {background: #ccc; color: #000;}


.nav ul a{  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {background: #ccc; color: #000;}

*/