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

body	{
	background-color:			#e5e1d9;
	font-family:				 Arial,Verdana, Helvetica, sans-serif;
	color:						#006698;
	font-size:					11px;
	margin:						0 0;
	background-image:			url(images/bg.gif);
	background-repeat:			repeat-x;
}

.theWrapper	{
	width:						800px;
	margin:						0px auto 0 auto;
	/*background-color:			#006698;*/
	position:					relative;
}

a img	{
	border:						0px none;
}

.clearLeft	{
	clear:						left;
}

.theHeader	{
	height:						127px;
	background-image:			url(images/bg_mainwrapper.gif);
	background-repeat:			repeat-x;
}	

.topLogo	{
	position:					absolute;
	right:						-50px;
	top:						10px;
	z-index:99;
}

.theHeader ul	{
	margin:						0;
	padding:					79px 0 0 0;
	list-style:					none;
}

.theHeader li	{
	display:					inline;
	padding:					0 2px 0 0;
	margin:						0;
}

.theHeader li a	{
}

.theHeader li a.advantage:link, .theHeader li a.advantage:visited	{
	color:						#fff;
	font-weight:				bold;
	font-size:					10px;
	text-align:					center;
	width:						176px;
	height:						38px;
	text-decoration:			none;
	display:					inline-block;
	background-image:			url(images/bg_nav_advantage.gif);
	padding:					7px 0 0 0;
	margin:						0;
}

.theHeader li a.recipe:link, .theHeader li a.recipe:visited	{
	color:						#fff;
	font-weight:				bold;
	font-size:					10px;
	text-align:					center;
	width:						66px;
	height:						38px;
	text-decoration:			none;
	display:					inline-block;
	background-image:			url(images/bg_nav_recipe.gif);
	padding:					7px 0 0 0;
	margin:						0;
}

.theHeader li a.tips:link, .theHeader li a.tips:visited	{
	color:						#fff;
	font-weight:				bold;
	font-size:					10px;
	text-align:					center;
	width:						197px;
	height:						38px;
	text-decoration:			none;
	display:					inline-block;
	background-image:			url(images/bg_nav_tips.gif);
	padding:					7px 0 0 0;
	margin:						0;
}


.theHeader li a.new:link, .theHeader li a.new:visited	{
	color:						#fff;
	font-weight:				bold;
	font-size:					10px;
	text-align:					center;
	width:						92px;
	height:						38px;
	text-decoration:			none;
	display:					inline-block;
	background-image:			url(images/bg_nav_new.gif);
	padding:					7px 0 0 0;
	margin:						0;
	background-position:		0 0;
	background-repeat:			no-repeat;
}

.theHeader li a.advantage:hover	{
	color:						#fff;
	text-decoration:			none;
	background-position:		0 -45px;
}

.theHeader li a.recipe:hover	{
	color:						#fff;
	text-decoration:			none;
	background-position:		0 -45px;
}

.theHeader li a.tips:hover	{
	color:						#fff;
	text-decoration:			none;
	background-position:		0 -45px;
}

.theHeader li a.new:hover	{
	color:						#fff;
	text-decoration:			none;
	background-position:		0 -45px;
}

.theHeader li a.tips.on, .theHeader li a.new.on, .theHeader li a.recipe.on, .theHeader li a.advantage.on	{
	color:						#fff;
	text-decoration:			none;
	background-position:		0 -45px;
}

/* home page ******************************************************/

img.placeholder	{
	display:block;
}

.shareExperience	{
	background-color:						#fff;
	border:						2px solid #002a53;
	padding:25px;
}

.shareExperience h3	{
	padding:					0;
	margin:						0;
	font-size:					14px;
	font-weight:				bold;
}

.shareExperience ul	{
	list-style:					none;
	margin-left:				0;
	padding-left:				0;
}

.shareExperience li	{
	padding:					2px 0;
	color:						#006698;
}

.shareExperience .highlight	{
	color:						#ec1c24;
	font-weight:				bold;
	font-size:					13px;
	float:						right;
	font-style:					italic;
}

.shareExperience a:link, .shareExperience a:visited	{
	color:						#ec1c24;
	text-decoration:			underline;
}

.shareExperience  a:hover	{
	color:						#ec1c24;
	text-decoration:			none;
}

/* footer *********************************************************/

.theFooter	{
	background-color:			#E5E1D9;
	padding:					5px 0 35px 0;
}

.theFooter ul	{
	list-style:					none;
	text-align:					right;
	font-size:					9px;
	padding-top:0;
	margin-top:0;
}

.retailLocator	{
	position:					absolute;
	top:						10px;
	left:						0px;
}

.retailLocator, .retailLocator a:link, .retailLocator a:visited 	{
	color:						#ec1c24;
	font-weight:				bold;
	text-decoration:			none;
}

.retailLocator a:hover	{
	text-decoration:			underline;
	color:						#ec1c24;
}

.retailLocator img		{
	vertical-align:				middle;
}

.createdBy	{
	float:						left;
	font-size:					10px;
}

.createdBy a:link, .createdBy a:visited	{
	color:						#006698;
	text-decoration:			none;
}

.createdBy a:hover	{
	color:						#006698;
	text-decoration:			underline;
}

/* Sub Page ******************************************************/

#contentWrapper1		{
	background-color:			#fff;
	border-top:					4px solid #002a53;
	border-bottom:				4px solid #002a53;
	background-image:			url(images/bg_content1.gif);
	background-repeat:			repeat-y;
}

#contentWrapper2		{
	background-color:			#fff;
	border-top:					4px solid #002a53;
	border-bottom:				4px solid #002a53;
	background-image:			url(images/bg_content2.gif);
	background-repeat:			repeat-y;
}
#contentWrapperxx		{
	background-color:			#fff;
	border-top:					4px solid #002a53;
	border-bottom:				4px solid #002a53;
	background-image:			url(images/bg_contentxx.gif);
	background-repeat:			repeat-y;
	margin:0;
	padding:0;
}
#contentWrapper_pg		{
	background-color:			#fff;
	border-top:					4px solid #002a53;
	border-bottom:				4px solid #002a53;
	background-image:			url(images/bg_blank.gif);
	background-repeat:			repeat-y;
}




/* leftWrapper ************************************************/

#leftWrapper			{
	width:						536px;
	float:						left;
}

#leftWrapper ul.subMenu	{
	list-style:					none;
	margin:						0;
	padding:					0;
	font-size:					9px;
	line-height:				0;
}

#leftWrapper ul.subMenu li	{
	display:					inline;
	margin:						0;
	letter-spacing:				1px;
}

#leftWrapper ul.subMenu a:link, #leftWrapper ul.subMenu a:visited	{
	display:					inline-block;
	color:						#0195dd;
	text-decoration:			none;
	padding:					10px 15px 13px 10px;
	/*background-color:			#002a53;*/
}

#leftWrapper ul.subMenu a:hover	{
	text-decoration:			underline;
}

#leftWrapper ul.subMenu a:link.on, #leftWrapper ul.subMenu a:visited.on	{
	color:						#fff;
}

#leftWrapper .subMenu2	{
	background-image:			url(images/fivestars_blue.gif);
	background-repeat:			no-repeat;
	background-position:		9px 100%;
	height:						105px;
	margin-bottom:				10px;
}

.subMenu2 li.titles {
	font-weight:bold;
}

.subMenu2 ul	{
	margin:						10px 5px;
	color:						#002a53;
	width:						165px;
	float:						left;
	font-size:					9px;
	padding:0;
}

.subMenu2 li	{
	list-style:					none;
	padding:					2px 0 2px 17px;
	margin:						0;
}

#leftWrapper .subMenu2 a:link, #leftWrapper .subMenu2 a:visited	{
	color:						#002a53;
	text-decoration:			none;
}

#leftWrapper .subMenu2 a:hover	{
	text-decoration:			underline;
}

#leftWrapper .subMenu2 li.on, #leftWrapper .subMenu2 li.on a:link, #leftWrapper .subMenu2 li.on a:visited 	{
	color:						#006698;
}

#leftWrapper .subMenu2 li.on2 	{
	color:						#006698;
	background-image:			url(images/star_blue.gif);
	background-repeat:			no-repeat;
	background-position:		4px 4px;
}

#leftWrapper .subMenu2 li.on2 a:link, #leftWrapper .subMenu2 li.on2 a:visited	{
	color:						#006698;
}

#leftWrapper .subMenu3	{
	background-image:			url(images/fivestars_blue.gif);
	background-repeat:			no-repeat;
	background-position:		9px 100%;
	height:						95px;
	margin-bottom:				10px;
}

#leftWrapper .subMenu3 ul	{
	margin:						10px 5px;
	color:						#002a53;
	font-size:					9px;
	font-weight:				bold;
	padding:0;
}

#leftWrapper .subMenu3 li	{
	list-style:					none;
	padding:					2px 20px 2px 17px;
	margin:						0;
	display:					inline;
}

#leftWrapper .subMenu3 li.on 	{
	color:						#006698;
	background-image:			url(images/star_blue.gif);
	background-repeat:			no-repeat;
	background-position:		4px 2px;
}

#leftWrapper .subMenu3 li.on a	{
	color:						#006698;
}

#leftWrapper .subMenu3 a:link, #leftWrapper .subMenu3 a:visited	{
	color:						#002a53;
	text-decoration:			none;
}

#leftWrapper .subMenu3 a:hover	{
	text-decoration:			underline;
}

#leftWrapper em	{
	margin:						10px 20px;
	display:					block;
}
.emreplace	{
	margin:						10px 20px;
	display:					block;
}


#leftWrapper h2	{
	font-size:					12px;
	font-weight:				bold;
	margin:						10px 20px;
	padding:					0;
}

#leftWrapper ul.tipsList	{
	/*list-style:					none;
	margin:						10px 20px;
	padding:					0;*/
}

#leftWrapper ul.tipsList li	{
	/*padding-bottom:				5px;*/
}

#leftWrapper ol	{
	/*margin-right:				70px;*/
}

#leftWrapper ol li	{
	/*padding-bottom:				5px;*/
}

/* leftWrapper2 *********************************************/

#leftWrapper2			{
	width:						536px;
	height:						414px;
	overflow:					auto;
	float:						left;
	background-image:			url(images/image_100.gif);
	background-repeat:			no-repeat;
	background-position:		385px 285px;
}

#leftWrapper2 h2	{
	font-size:					13px;
	font-style:					italic;
	color:						#002a53;
	margin:						30px 150px 30px 20px;
	line-height:				20px;
}

#leftWrapper2 h2 .highlight	{
	color:						#ec1c24;
}

#leftWrapper2 p	{
	margin:						0 150px 10px 20px;
}

#leftWrapper2 ul	{
	font-weight:				bold;
}

/* leftWrapper3 ********************************************/

#leftWrapper3	{
	width:						270px;
	float:						left;
	color:						#fff;
}

#leftWrapper3 h3	{
	margin:						20px 20px 0 25px;
	padding:					0 0 10px 0;
	font-weight:				bold;
	font-size:					13px;
	letter-spacing:				.1em;
}

#leftWrapper3 ul	{
	list-style:					none;
	margin:						0 10px 10px 10px;
	padding:					0px 0 0 0;
	font-size:					10px;
}

#leftWrapper3 li	{
	margin:						0px;
	padding:					0 20px 3px 15px;
}

#leftWrapper3 li.title	{
	font-weight:				bold;
	padding:					10px 20px 3px 15px;
}

#leftWrapper3 li.on	{
	background-image:			url(images/star_white.gif);
	background-repeat:			no-repeat;
	background-position:		2px 4px;
}

#leftWrapper3 a:link, #leftWrapper3 a:visited	{
	color:						#fff;
	text-decoration:			none;
}

#leftWrapper3 a:hover	{
	color:						#fff;
	text-decoration:			underline;
}

/* rightWrapper1 888888888888888888888888888888888888888888*/

#rightWrapper1	{
	width:						525px;
	float:						left;
}

#rightWrapper1 h2	{
	color:						#002a53;
	font-size:					14px;
	margin:						20px 20px 0px 25px;
	width:						200px;
}

#rightWrapper1 ul	{
	list-style:					none;
	margin:						10px 25px 10px 25px;
	font-size:					10px;
	padding:					0;
}

#rightWrapper1 ul.description	{
	color:						#002a53;
}

#rightWrapper1 ul.ingredients	{
	background-image:			url(images/fivestars_blue.gif);
	background-repeat:			no-repeat;
	background-position:		top left;
	padding:					20px 0 0 0;
}

#rightWrapper1 li.title	{
	font-weight:				bold;
}

#rightWrapper1 ol	{
	margin:						10px 25px 20px 15px;
	padding:					0px 0 0 30px;
}

#rightWrapper1 div.title	{
	margin:						0 0 -10px 25px;
	font-weight:				bold;
}

.printBreak	{
	display:					none;
	visibility:					hidden;
}
	

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.guarantee			{
	float:						right;
	margin:						10px 20px;
	position:					absolute;
	bottom:						10px;
	right:						20px;
}

#mainImage		{
	float:						left;
}

/* bottom tips **********************************************/

.bottomTips		{
	background-color:			#006698;
	padding:					10px;
	color:						#fff;
	font-size:					12px;
	font-weight:				bold;
	letter-spacing:				2px;
}

.bottomTips img	{
	float:						left;
	vertical-align:				top;
}

.bottomTips p	{
	float:						left;
	margin:						5px 0 0 20px;
	padding:					0;
	/*line-height:				20px;*/
	width:						570px;
	
}

.bottomLogo	{
	display:					none;
	visibility:					hidden;
}
 a:link.printLink,  a:visited.printLink	{
	display:					block;
	margin:						15px 30px;
	color:						#ec1c24;
	float:						right;
	text-decoration:			none;
}

a:hover.printLink 	{
	display:					block;
	margin:						15px 30px;
	color:						#ec1c24;
	float:						right;
	text-decoration:			underline;
}

a.printLink	{
	display:					block;
	margin:						15px 30px;
	color:						#ec1c24;
	float:						right;
	text-decoration:			underline;
}

/* Share Your Experience ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.shareWrapper	{
	background-image:			url(images/bg_share.jpg);
	background-repeat:			repeat-x;
	background-position:		bottom;
	height:						500px;
	color:						#fff;
	position:					relative;
	top:						-10px; 
	z-index:					1;
}

.shareWrapper h2	{
	font-size:					15px;
	font-weight:				bold;
	margin:						10px 0 10px 25px;
	letter-spacing:				.05em;
}

.shareWrapper p	{
	font-size:					10px;
	font-style:					italic;
	line-height:				16px;
	margin:						10px 10px 50px 25px;
}

.shareWrapper form	{
	margin:						25px;
}

.shareWrapper label	{
	display:					block;
	margin:						10px 0 5px 0;
}

.shareWrapper input	{
	background-color:			#006698;
	color:						#fff;
	border:						none;
	padding:					4px;
	width:						220px;
}

.shareWrapper input.zip	{
	width:						60px;
}

.shareWrapper textarea	{
	background-color:			#006698;
	color:						#fff;
	border:						none;
	padding:					4px;
	width:						475px;
	height:						170px;
}

.fWrapper1	{
	float:						left;
	width:						220px;
	margin-right:				25px;
}

.fWrapper2	{
	float:						left;
	position:					relative;
	width:						483px;
}

.shareWrapper button			{
	margin:						0px 0 0 0px;
	background-color:			#006698;
	color:						#fff;
	display:					block;
	border:						none;
	padding:					3px 8px;
	float:						right;
}

/*added=*/

#subMenuxx li.titles	{
	font-weight:				bold;
}


#subMenuxx ul	{
	margin:						10px 5px;
	color:						#002a53;
	width:						155px;
	float:						left;
	font-size:					9px;
	padding:0;
}

#subMenuxx li	{
	list-style:					none;
	padding:					2px 0 2px 17px;
	margin:						0;
}

#subMenuxx li.titles	{
	font-weight:				bold;
}
#subMenuxx li a:link, #subMenuxx li a:visited	{
	color:						#002A53;
	text-decoration:			none;
}

#subMenuxx li a:hover	{
	color:						#002A53;
	text-decoration:			underline;
}



#subMenuxx li.on 	{
	color:						#006698;
	background-image:			url(images/star_blue.gif);
	background-repeat:			no-repeat;
	background-position:		4px 4px;
}
#subMenuxx li.on a:link, #subMenuxx li.on a:visited	{
	color:						#006698;
	text-decoration:			none;
}

#subMenuxx li.on a:hover	{
	color:						#006698;
	text-decoration:			underline;
}


/* leftWrapperxx ********************************************/

#leftWrapperxx	{
	width:						320px;
	float:						left;
	color:						#fff;
	background-repeat:			no-repeat;
}

#leftWrapperxx h3	{
	margin:						20px 20px 0 25px;
	padding:					0 0 10px 0;
	font-weight:				bold;
	font-size:					13px;
	letter-spacing:				.1em;
}

#leftWrapperxx ul	{
	list-style:					none;
	margin:						0 10px 10px 10px;
	padding:					0px 0 0 0;
	font-size:					10px;
}

#leftWrapperxx li	{
	margin:						0px;
	padding:					0 20px 3px 15px;
}

#leftWrapperxx li.title	{
	font-weight:				bold;
	padding:					10px 20px 3px 15px;
}

#leftWrapperxx li.on	{
	background-image:			url(images/star_white.gif);
	background-repeat:			no-repeat;
	background-position:		2px 4px;
}

#leftWrapperxx a:link, #leftWrapperxx a:visited	{
	color:						#fff;
	text-decoration:			none;
}

#leftWrapperxx a:hover	{
	color:						#fff;
	text-decoration:			underline;
}

/* rightWrapperxxx 888888888888888888888888888888888888888888*/

#rightWrapperxx	{
	width:						478px;
	float:						left;
}

#rightWrapperxx h2	{
	color:						#002a53;
	font-size:					14px;
	margin:						20px 20px 0px 25px;
	width:						200px;
	
	display:					none;
	visibility:					hidden;
}

#rightWrapperxx ul	{
	/*list-style:					none;
	margin:						10px 25px 10px 25px;
	font-size:					11px;
	padding:					0;
	*/
	margin:10px 25px 10px 45px;
	padding:0;
}

#rightWrapperxx ul.description	{
	color:						#002a53;
	display:					none;
	visibility:					hidden;
}

#rightWrapperxx ul.ingredients	{
	/*background-image:			url(images/fivestars_blue.gif);
	background-repeat:			no-repeat;
	background-position:		top left;*/
	padding:					0px 0 0 0;
}

#rightWrapperxx li.title	{
	font-weight:				bold;
}

#rightWrapperxx ol	{
	margin:						10px 25px 20px 15px;
	padding:					0px 0 0 30px;
}

#rightWrapperxx ol li	{
	padding-bottom:				4px;
}

#rightWrapperxx div.title	{
	margin:25px 0 -5px 25px;
	font-weight:				bold;
}



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* rightWrapperxxx 888888888888888888888888888888888888888888*/

#rightWrapper_wnew	{
	width:						480px;
	float:						left;
}

#rightWrapper_wnew h2	{
	color:						#002a53;
	font-size:					14px;
	margin:						20px 20px 0px 25px;
	width:						200px;
}

#rightWrapper_wnew ul	{
	list-style:					none;
	margin:						10px 25px 10px 25px;
	font-size:					11px;
	padding:					0;
}

#rightWrapper_wnew ul.url	{
	color:						#002a53;
}



#rightWrapper_wnew ol	{
	margin:						10px 25px 20px 15px;
	padding:					0px 0 0 30px;
}

#rightWrapper_wnew div.title	{
	margin:						0 0 -10px 25px;
	font-weight:				bold;
}



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#imgfloater{
	color:#002A53;
	padding-bottom:10px;
	padding-top:10px;

}
#imgfloater h2{
	color:#002A53;
	font-size:13px;
	padding:0 0 0 23px;
	position:absolute;
	width:200px;
	z-index:3;
}

#imgfloater ul.description	{
	color:#002A53;
	margin-top:55px;
	position:absolute;
	z-index:2;
}
#imgfloater div.bg	{
	background-color:#FFFFFF;
	height:149px;
	opacity:0.1;
	filter: alpha(opacity=10);
	position:absolute;
	top:131px;
	width:320px;
	z-index:0;
}



a:link, a:visited	{
	color:						#006698;
	text-decoration:			underline;
}

a:hover	{
	color:						#006698;
	text-decoration:			underline;
}
sup{
	font-size:8px;
	
}



#tpbg{
    background-image:			url(images/tips_bg.gif);
	background-repeat:			no-repeat;

}