@charset "UTF-8";
/* CSS Document */

/****************************** old styles before superfish ******************************************/
/*#topNav{width:768px;float:left; clear:both;}

#topNav ul{float:left;width:753px; text-align:center;}
#topNav #divider{margin:0 25px;}
#topNav ul li{float:left; height:26px; list-style:none;}
#topNav a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px;text-decoration:none;}
#topNav a:hover{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:underline;}
#topNav #nav{ background-color:#1253c1; border-bottom:solid 1px #fff;height:26px; width:768px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px;  text-decoration:none;}
#homePage #topNav #nav  ul{position:relative; top:4px; left:76px;}
#productPage #topNav #nav  ul{position:relative; top:4px; left:76px;}
#topNav #nav #divider{color:#658fd7; font-family:Verdana, Arial, Helvetica, sans-serif; font:14px; margin:0 25px;}

#topNav #subNav{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration:none;}

#homePage #Home a{ color:#fff;  }
#ProductPage #topNav #nav ul #Products{background:url(images/navItemBG.gif) no-repeat 0 -1px; height:21px; width:109px; }*/

/****************************** /END/ old styles before superfish ******************************************/

/* CSS Document */

#nav ul {
	background:#fff; /*IE6 needs this*/
}

#nav li ul {
	float:none;
	top:-999em;
	position:absolute;
}

#nav li:hover,
#nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {	
	color: white; /* doesn't work*/
}
#nav li:hover ul, /* pure CSS hover is removed below */
ul#nav li.sfHover ul {
	left:-1px;
	top:20px;
}

#nav li:hover li ul,
#nav li.sfHover li ul {
	top:-999em;
}
#nav li li:hover ul, /* pure CSS hover is removed below */
ul#nav li li.sfHover ul {
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;
}


#topNav {width:768px; float:left; margin:0px 0 0 0; background:#1253c1; border-bottom: solid 1px #fff;}
#topNav #nav {font-family:Arial, Helvetica, sans-serif; font-size:15px; list-style:none; color:#fff;  position:relative; left:20px; top:3px;width:768px; text-align:center;}
#topNav .topLevel{text-align:center;}
#topNav .divider{margin:0 5px; color:#658fd7; font-family:Verdana, Arial, Helvetica, sans-serif; font:14px;}
#topNav .divider:hover{margin:0 5px; color:#658fd7; font-family:Verdana, Arial, Helvetica, sans-serif; font:14px;}

#topNav #nav,
#topNav #nav ul {padding: 0; margin: 0; list-style: none; z-index:900;}
#topNav #nav,
#topNav #nav ul li ul {padding: 0; margin:0 0 0 0px; list-style: none; z-index:900; }
#topNav #nav a {display: block; text-decoration:none; text-align: center; width: 100%; height: 26px;  color:#fff; margin:0px 0 0 0;}

#topNav #nav li {float:left; position:relative; top:0px; z-index:999; }
/* #topNav #nav li:hover a {text-align:center;} */

#topNav #nav li ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; margin:2px 0 0 1px; background:none;}
#topNav #nav ul a:link,
#topNav #nav ul a:visited,
#topNav #nav ul a:active {color:#666666; text-decoration:none;}
#topNav #nav ul a:hover {color:#0054A6; text-decoration:none;}
#topNav #nav li ul li {margin:0px 0 0 0; text-align:left; padding:0; height:16px;}
#topNav #nav li ul li a {background:#F0F5FB; padding:0 0 0 4px; border-left:1px solid #6A9EDA; border-right:1px solid #6A9EDA;  border-top:1px solid #6A9EDA; text-align: left}
#topNav #nav li ul li a:hover {background:#D7E3F5; color:#0054A6; text-align:left;}

#topNav #nav ul li ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; margin:1px 0 0 139px; background:none;width:199px; }
#topNav #nav ul li ul a:link,
#topNav #nav ul li ul a:visited,
#topNav #nav ul li ul a:active {color:#666666; text-decoration:none;}
#topNav #nav ul li ul a:hover {color:#0054A6; text-decoration:none;}
#topNav #nav li ul li ul li {margin:0px 0 0 0; text-align:left; padding:0; height:16px;}
#topNav #nav li ul li ul li a {background:#F0F5FB; padding:0 0 0 4px; border-left:1px solid #6A9EDA; border-right:1px solid #6A9EDA; text-align: left;}
#topNav #nav li ul li ul li a:hover {background:#D7E3F5; color:#0054A6;}


#topNav #nav li#products {height:26px; width:138px;}
#topNav #nav li#products a{margin:0px 0 0 0;}
#topNav #nav li#products.sfHover,
#topNav #nav li#products a:hover { background:url(images/navItemBG_product.gif) no-repeat 0px 0px; display: block; text-decoration:none; width:138px; height: 26px;  color:#fff;}
#productPage #topNav #nav li#products  { background:url(images/navItemBG_product.gif) no-repeat 0px 0px; display: block; text-decoration:none; width:138px; height: 26px;  color:#fff;}
#topNav #nav li#products ul{ background:none;}
#topNav #nav li#products ul li{ background:#F0F5FB;}
#topNav #nav li#products ul .bottomCapProducts{ background:none; position:relative; top:-3px;}
#topNav #nav li#products ul {margin-top:1px;}
/*#topNav #nav li#products ul li ul {position:relative;}*/
#topNav #nav li#products ul li a {width:124px; position:relative; background:url(images/subNavArrow.gif) no-repeat 3px 3px; padding: 0 0 0 12px; height:16px;}
#topNav #nav li#products ul li a:hover {color:#0054A6; width:124px; background:url(images/subNavArrowHover.gif) no-repeat 3px 3px #D7E3F5; height:16px; text-align:left;}
#topNav #nav li#products ul li ul li a {width:199px; position:relative; background:url(images/subNavCircle.gif) no-repeat 3px 3px; padding: 0 0 0 12px; height:16px;}
#topNav #nav li#products ul li ul li a:hover {width:199px; background:url(images/subNavCircle.gif) no-repeat 3px 3px #D7E3F5; height:16px; text-align:left;}

#topNav #nav #flavor {height:23px; width:167px;}
#topNav #nav #flavor a:hover {text-decoration:none; background:url(images/navItemBG_flav.gif) no-repeat 0px 0px;}
#flavorPage #topNav #nav #flavor a {text-decoration:none; background:url(images/navItemBG_flav.gif) no-repeat 0px 0px;}

#topNav #nav #recipes {height:23px; width:99px;}
#topNav #nav #recipes a:hover {text-decoration:none; background:url(images/navItemBG2.gif) no-repeat 0 0px;}
#recipePage #topNav #nav #recipes a {text-decoration:none; background:url(images/navItemBG_home.gif) no-repeat 0 0px;}

#topNav #nav #nutrition {height:23px; width:112px;}
#topNav #nav li#nutrition.sfHover,
#topNav #nav li#nutrition a:hover { background:url(images/navItemBG_nut.gif) no-repeat 0 0px;}
#topNav #nav #nutrition ul li a{ background:none;}
#nutritionPage #topNav #nav #nutrition { background:url(images/navItemBG_nut.gif) no-repeat 0 0px;}

#topNav #nav li#nutrition ul{ background:none;}
#topNav #nav li#nutrition ul li{ background:#F0F5FB;}
#topNav #nav li#nutrition ul .bottomCapProducts{ background:none; position:relative; top:-3px;}
#topNav #nav li#nutrition ul {margin-top:1px;}
#topNav #nav li#nutrition ul li a {width:99px; position:relative; background:url(images/subNavArrow.gif) no-repeat 3px 3px; padding: 0 0 0 12px; height:16px;}
#topNav #nav li#nutrition ul li a:hover {color:#0054A6; width:99px; background:url(images/subNavArrowHover.gif) no-repeat 3px 3px #D7E3F5; height:16px; text-align:left;}

#topNav #nav .store {height:23px; width:119px; padding:0 5px; }
#topNav #nav .store a:hover {text-decoration:none; background:url(images/navItemBG.gif) no-repeat 0px 0px;}
#storePage #topNav #nav .store {text-decoration:none; background:url(images/navItemBG.gif) no-repeat 5px 0px; }


/****************** fix for suckerfish dropdowns in IE7 
#nav li:hover, #nav li.hover {position: static;}*/