/*
| Created by:	Kate Syddall
| Date Created:	APRIL 2008
| Copyright 2008 ARCTIC ZONE
*/

/* TOP NAVIGATION */

/* TOP NAVIGATION - image replacement*/
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display:inline;
	height:43px;
	position: relative;
}

#nav a:link,
#nav a:active,
#nav a:visited,
#nav a:hover {
	display: block;
	height:43px;
	line-height:12px;
	font-size: 9px;
	text-indent: -9999em;
	cursor: hand;
}

#nav span {
	position: absolute;
	top: 0;
	left: 0;
	height:43px;
}

#navcoolers {
	width: 122px;
	background:  url(/images/navigation/mainnav-div.gif) no-repeat top right;
}

#navcoolers span {
	background:  url(/images/navigation/coolers-off.gif) no-repeat 0;
	width: 122px;
}

#navcoolers a:link,
#navcoolers a:active,
#navcoolers a:visited,
#navcoolers a:hover {
	width: 122px;
	background:  url(/images/navigation/coolers-off.gif) no-repeat 0;	
}

#navcoolers a:hover span,
#navcoolers a.selected:link span,
#navcoolers a.selected:visited span,
#navcoolers a.selected:active span,
#navcoolers a.selected:hover span, #navcoolers.active a span {
	background:  url(/images/navigation/coolers-on.gif) no-repeat 0;
}

#navcoolers.active span {
	background:  url(/images/navigation/coolers-on.gif) no-repeat 0;
}

#navlunchbags {
	width: 154px;
	background:  url(/images/navigation/mainnav-div.gif) no-repeat top right;
}

#navlunchbags span {
	background:  url(/images/navigation/lunchbags-off.gif) no-repeat 0;
	width: 154px;
}

#navlunchbags a:link,
#navlunchbags a:active,
#navlunchbags a:visited,
#navlunchbags a:hover {
	background:  url(/images/navigation/lunchbags-off.gif) no-repeat 0;
	width: 154px;
}

#navlunchbags a:hover span,
#navlunchbags a.selected:link span,
#navlunchbags a.selected:visited span,
#navlunchbags a.selected:active span,
#navlunchbags a.selected:hover span {
	background:  url(/images/navigation/lunchbags-on.gif) no-repeat 0;
}

#navlunchbags.active span {
	background:  url(/images/navigation/lunchbags-on.gif) no-repeat 0;
}

#navhydration {
	width: 142px;
	background:  url(/images/navigation/mainnav-div.gif) no-repeat top right;
}

#navhydration span {
	background:  url(/images/navigation/hydration-off.gif) no-repeat 0;
	width: 142px;
}

#navhydration a:link,
#navhydration a:active,
#navhydration a:visited,
#navhydration a:hover {
	background:  url(/images/navigation/hydration-off.gif) no-repeat 0;
	width: 142px;
}

#navhydration a:hover span,
#navhydration a.selected:link span,
#navhydration a.selected:visited span,
#navhydration a.selected:active span,
#navhydration a.selected:hover span {
	background:  url(/images/navigation/hydration-on.gif) no-repeat 0;
}

#navhydration.active span {
	background:  url(/images/navigation/hydration-on.gif) no-repeat 0;
}

#navecologic {
	width: 94px;
}

#navecologic span {
	background:  url(/images/navigation/ecologic-off.gif) no-repeat 0;
	width: 94px;
}

#navecologic a:link,
#navecologic a:active,
#navecologic a:visited,
#navecologic a:hover {
		background:  url(/images/navigation/ecologic-off.gif) no-repeat 0;
	width: 94px;
}

#navecologic a:hover span,
#navecologic a.selected:link span,
#navecologic a.selected:visited span,
#navecologic a.selected:active span,
#navecologic a.selected:hover span {
		background:  url(/images/navigation/ecologic-on.gif) no-repeat 0;
}

#navecologic.active span {
	background:  url(/images/navigation/ecologic-on.gif) no-repeat 0;
	width: 94px;
}
/* end TOP NAVIGATION - image replacement*/


#nav li ul { /* second-level lists */
	position: absolute;
	background: #3F77A7;
	opacity:.80;
	filter: alpha(opacity=80);
	width: 12em;
	*width: 100px;
	_width: 100px;
	top: 24px;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 3px 0 5px 0;
	z-index: 100;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover ul li.sublink, #nav li.sfhover ul li.sublink {
	margin: 0 0 0 0;
	padding: 8px 0 8px 10px;
	_padding: 3px 0 0 10px;
	height: 10px;
	}

#nav li:hover ul li.sublink a, 
#nav li:hover ul li.sublink a:link,
#nav li:hover ul li.sublink a:visited,
#nav li.sfhover ul li.sublink a, 
#nav li.sfhover ul li.sublink a:link,
#nav li.sfhover ul li.sublink a:visited {
	color: #C0F244;
	font-size: 95%;
	_font-size: 12px;
	margin: 0 0 0 6px;
	padding: 0 0 10px 0;
	_padding: 5px 0 0 0;
	background-image: none !important;
	text-decoration: none;
	opacity:100;
	filter: alpha(opacity=100);
	font-weight: bold;
	_width: 100px;
	_height:20px !important;
	_line-height:12px !important;
	text-indent: 0;
}

#nav li:hover ul li.sublink a:hover,
#nav li:hover ul li.sublink a:active,
#nav li.sfhover ul li.sublink a:hover,
#nav li.sfhover ul li.sublink a:active {
	color: #FFF;
}

/* END TOP NAVIGATION */

/* LEFT NAVIGATION */

ul.leftnav {
	display: block;
	text-align: left;
	padding: 10px 0 0 10px;
}

ul.leftnav li.navlink {
	line-height: 1.6;
}

* html ul.leftnav li.navlink {
	line-height: 1.8;
}

ul.leftnav li.navlink a, ul.leftnav li.navlink a:link, ul.leftnav li.navlink a:visited {
	background: transparent url(/images/navigation/lftnav-bullet-off.gif) left center no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #C0F244;
	padding-left: 15px;
	text-align: left;	
}

ul.leftnav li.navlink a:hover, ul.leftnav li.navlink a:active {
	background: transparent url(/images/navigation/lftnav-bullet-on.gif) left center no-repeat;
	color: #FFF;		
}


/* Left nav SubNav Styles- Added April 22 08 */

ul.leftnav ul#save, ul.leftnav ul#green_thinking {
	margin: 0 0 0 15px;
}

ul.leftnav ul#save li, ul.leftnav ul#green_thinking li {
	_line-height: 1.5em !important;
}

.show {
	display:block;
	font-weight: normal !important;
}

.hide {
	display:none;
}

/* To show which item in left nav is selected */
#leftnavcontent ul.leftnav li.active a, #leftnavcontent ul.leftnav li#L1.active a, #leftnavcontent ul.leftnav li#L2.active a {
	background: transparent url(/images/navigation/lftnav-bullet-on.gif) left center no-repeat !important;
	color: #FFF;
}
/* End to show which item in left nav is selected */


ul.leftnav li#L1 ul#save.show li.navlink a, ul.leftnav li#L2 ul#green_thinking.show li.navlink a {
	background: url(/images/navigation/leftnav-subnav-off.gif) left center no-repeat !important;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: normal !important;
	color: #C0F244;
}	

ul.leftnav li#L1 ul#save.show li.navlink a:hover, ul.leftnav li#L1.active ul#save.show li.safety.leftsublink a:hover,
ul.leftnav li#L2 ul#green_thinking.show li.navlink a:hover, ul.leftnav li#L2.active ul#green_thinking.show li.leftsublink a:hover {
	color: #fff;
}

/* to remove conflicting headers BG image */
ul.leftnav li#L1.active ul#save.show li.safety.leftsublink, ul.leftnav li#L2.active ul#green_thinking.show li.leftsublink {
	background: none !important;
}

/* adds sub link bullet image */
ul.leftnav li#L1.active ul#save.show li.safety.leftsublink a, ul.leftnav li#L2.active ul#green_thinking.show li.leftsublink a {
	background: url(/images/navigation/leftnav-subnav-off.gif) left center no-repeat !important;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: normal !important;
	color: #C0F244;
}

/* adds sub link on state bullet image and styling */
ul.leftnav li#L1.active ul#save.show li.safety.active a, ul.leftnav li#L2.active ul#green_thinking.show li.active a {
	background: url(/images/navigation/leftnav-subnav-on.gif) left center no-repeat !important;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: normal !important;
	color: #fff;
}

/* END LEFT NAVIGATION */

/* FOOTER NAVIGATION */
ul.footernav {
	display: block;
	padding: 12px 0 0 10px;
}

ul.footernav li.footernavlink {
	font-size: 80%;
	line-height:1.6;
}

* html ul.footernav li.footernavlink {
	line-height:1.8;
}

ul.footernav li.footernavlink a, ul.footernav li.footernavlink a:link, ul.footernav li.footernavlink a:visited {
	background: transparent url(/images/navigation/footerbullet-off.gif) left center no-repeat;
	text-decoration: none;
	color: #5E8FBB;
	padding-left: 8px;
	text-align: left;		
}

ul.footernav li.footernavlink a:hover, ul.footernav li.footernavlink a:active {
	color: #FFF;
	background: transparent url(/images/navigation/footerbullet-on.gif) left center no-repeat;			
}
/* END FOOTER NAVIGATION */


/* RECIPE NAVIGATION */
#recipe_menu { 
	background-color: #60605F; 	
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	*height: 1%;
	float:left;
	clear:both;
}


*html #recipe_menu {
	height: 1%;
	padding: 0 0 5px 0;
}

#nav_recipe {
	float: left;
	width: 420px;
	margin: 0 20px 0 10px;
	background-color: #60605F;
}

*html #nav_recipe {
	margin: 0 10px 0 10px;
}

#nav_recipe ul {
	margin: 0 !important;
	padding: 3px 0 0 0;
	_padding: 8px 0 0 0;
	list-style: none;
}
	
#nav_recipe ul li { 
	list-style: none;
	display: inline;
	background: url(/images/recipe/recipes_topnav_dotted.gif) repeat-y right center !important;
	margin: 0 0 10px 0;
	padding: 0 8px 0 6px !important;
}
	
*html #nav_recipe ul li {
	margin: 0 0 10px 0;
	padding: 0 8px 0 6px;
	}
	
#nav_recipe ul li:last-child {
	background: none !important;
	}
	
#nav_recipe ul li a,
#nav_recipe ul li a:link,
#nav_recipe ul li a:visited { 
	color: #F2F2F2; 
	font-weight: bold;
	text-decoration:none;
	}
#nav_recipe ul li a:hover, 
#nav_recipe ul li a:active{ 
	color: #C0F244;
}

#recipehome #nav_recipe ul li.recipehome a {
	color: #C0F244;
}
/* END RECIPE NAVIGATION */