/*
| Created by:	Kate Syddall
| Date Created:	JUNE 2008
| Copyright 2008 CALIFORNIA INNOVATIONS
*/

/* TOP NAVIGATION */

/* TOP NAVIGATION - image replacement*/

#nav {
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;	
	text-align: center;
	width: 624px;
	float: left;
	height: 29px;
}

*html #nav {
	margin: 10px 0 0 0;
	padding: 0 0 0 30px;	
	text-align: center;
	width: 624px;
	float: left;
	height: 29px;
}

#nav #leftbg {
	background: url(/images_ci/top-nav-left-bg.gif) no-repeat 0 0;
	width: 15px;
}

#nav #rightbg {	
	background: url(/images_ci/top-nav-right-bg.gif) no-repeat 0 0;
	width: 30px;
}

#nav ul li {
	border: 0 0 0 0;
	background: url(/images_ci/top-nav-bg.gif) repeat-x 0 0;
}
#nav ul li a{
	background: url(/images_ci/top-nav-bg.gif) repeat-x 0 0;
	float: left;
}

#nav ul, #nav li { 
	height: 29px !important;
}

#nav a:link,
#nav a:visited {
	font-size: 125%;
	_font-weight: bold;
	color: #fff;
	cursor: hand;
	text-decoration: none;
	line-height: 1.4em;
	height: 29px;
	padding: 6px 28px 6px 28px;
	_padding: 5px 22px 6px 22px;
}

#nav a:hover{
	background: url(/images_ci/top-nav-over.gif) repeat-x 0 0;
	height: 29px;
}
 
#nav li.active a{
	background: url(/images_ci/top-nav-over.gif) repeat-x 0 0;
	height: 29px;
}

*html #nav a:hover{
	background: url(/images_ci/top-nav-over.gif) repeat-x 0 0;
}

*html #nav li.active a{
	background: url(/images_ci/top-nav-over.gif) repeat-x 0 0;
}

#nav ul {
	height: 29px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	_padding: 0 0 0 10px;
	}

*html #nav ul {
	margin: 0 0 0 0 !important;
}
	
#nav ul li {
	float: left;
	margin: 0 0 0 0;
	list-style: none;
	display:inline;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #fff;
}

#nav ul li#leftbg {
	border-right: none !important;
}

#nav ul li#navspecial {
	border-right: none !important;
	}

/* end TOP NAVIGATION - image replacement*/


#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	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 */

#leftnavcontent {
	margin: 10px 0 0 0;
}

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

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_ci/navigation/lftnav-bullet-off.gif) left center no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #F29120;
	padding-left: 18px;
	text-align: left;	
}

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


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

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

.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 {
	background: transparent url(/images_ci/navigation/lftnav-bullet-on.gif) left center no-repeat !important;
	color: #F29120;		
}
/* 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_ci/navigation/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: #F29120;
}	

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.navlink a:hover {
	color: #86A11D;
}

/* 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 {
	background: url(/images_ci/navigation/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: #F29120;
}

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

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

ul.leftnav li#L2.active ul#green_thinking.show li.leftsublink a:hover {
	color: #86A11D;
	}


/* adds sub link on state bullet image and styling */
ul.leftnav li#L1.active ul#save.show li.safety.active a {
	background: url(/images_ci/navigation/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: #86A11D;
}


ul.leftnav li#L2.active ul#green_thinking.show li.leftsublink.active a {
	background: url(/images_ci/navigation/subnav-off.gif) left center no-repeat !important;
	font-size: 10px;
	margin: 0 0 0 10px;
	padding: 0 0 0 8px;
	font-weight: normal !important;
	color: #86A11D;
}


/* END LEFT NAVIGATION */

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

ul.footernav li.footernavlink {
	font-size: 86%;
	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_ci/ci_footer_dot.gif) left center no-repeat;
	text-decoration: none;
	color: #9B9B9B;
	padding-left: 8px;
	text-align: left;		
}

ul.footernav li.footernavlink a:hover, ul.footernav li.footernavlink a:active {
	color: #FFF;			
}
/* END FOOTER NAVIGATION */


/* RECIPE NAVIGATION */
#recipe_menu { 	
	margin: 0 0 10px 0;
	padding: 5px 0 5px 0;
	*height: 1%;
	float:left;
	clear:both;
	background: url(/images_ci/recipe/bot-nav-curve.gif) left bottom no-repeat;
	background-color: #98B51F !important;
}


*html #recipe_menu {
	height: 1%;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0 !important;
}

#nav_recipe {
	float: left;
	width: 410px;
	margin: 0 20px 0 10px;
	background-color: #98B51F;
	*height: 1%;
}

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

#nav_recipe ul {
	margin: 0 !important;
	padding: 3px 0 0 0;
	_padding: 5px 0 0 0;
	list-style: none;
	background: #98B51F;
	_height:1%;
}
	
#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 5px !important;
}
	
*html #nav_recipe ul li {
	margin: 0 0 10px 0;
	padding: 0 8px 0 6px;
	}
	
#nav_recipe ul li:last-child, #nav_recipe ul li.Special_Occasions {
	background: none !important;
	}
	
#nav_recipe ul li a,
#nav_recipe ul li a:link,
#nav_recipe ul li a:visited { 
	color: #fff; 
	font-weight: bold;
	text-decoration:none;
	}
#nav_recipe ul li a:hover, 
#nav_recipe ul li a:active{ 
	color: #474747;
}

#recipehome #nav_recipe ul li.recipehome a {
	color: #474747;
}