body
{	
	width:100%;
	font-family:Verdana;
	font-size:11px;
	color:#666666;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	
	margin:0;
	padding:0;	
}

ul, li { list-style:none;}

.clear { clear:both;}
.fleft { float:left;}
.fright { float:right;}

.hidediv { display:none;}
.showdiv { display:block;}
.redtext { color:#AA2421;}



/***** Product Popup pages *****/
#nutrion-popup 
{
	padding:10px 10px 10px 15px;	
	color:#666666;
}


#nutrion-header h1.butteryspread
{
	background:url(/images/nut_promise.jpg) 0 0 no-repeat;
	height:90px;
	width:427px;
	text-indent:-999em;
}
#nutrion-header h1.lightspread
{
	background:url(/images/nut_light.jpg) 0 0 no-repeat;
	height:90px;
	width:427px;
	text-indent:-999em;
}
#nutrion-header h1.activlight
{
	background:url(/images/nut_activ.jpg) 0 0 no-repeat;
	height:90px;
	width:427px;
	text-indent:-999em;
}
#nutrion-header h1.fatfree
{
	background:url(/images/nut_ff.jpg) 0 0 no-repeat;
	height:90px;
	width:427px;
	text-indent:-999em;
}
#nutrion-header h1.sticks
{
	background:url(/images/nut_sticks.jpg) 0 0 no-repeat;
	height:90px;
	width:427px;
	text-indent:-999em;
}

#nutrion-popup h2 
{
	color:#AB2524; font-size:16px;font-weight:bold;padding-bottom:3px;padding-top:10px;	
}

ul.serving { float:left; margin:0px; padding:0px 25px 0px 0px;}
ul.serving li { list-style:none; margin:0px; padding:0px;}

.nutrition-container { width:650px;}
.nutrition-info {width:296px;float:left;padding-top:10px;}

ul.nutrition { float:left; margin:0px; padding:0px 0px 0px 0px;}
ul.nutrition li { float:left;list-style:none; margin:0px; padding:1px 0px 1px 0px;}

.recipe-detail-section ul.nutritionlist { float:left; padding-right:20px; list-style:none;}
.recipe-detail-section ul.nutritionlist li { list-style:none; margin:0px; padding:0px;}


ul.nutrition li.left { text-align:left; width:148px;list-style:none; margin:0px; }
ul.nutrition li.right { text-align:right;width:148px;list-style:none; margin:0px; }

.blue-divider 
{
	float:left;
	line-height:1px;
	font-size:1px;
	background:url(/images/nutline1.gif) 0 0 no-repeat;
	height:1px;
	width:296px;

}
.gray-divider 
{
	float:left;
	line-height:1px;
	font-size:1px;
	background:url(/images/nutline2.gif) 0 0 no-repeat;
	height:1px;
	width:296px;
}

.dashed-divider 
{
	float:left;
	width:1px;
	padding:30px 8px 0px 8px;
}
.nutrition-bottom { padding-top:20px;width:640px;}

/******* Comparison Chart *******/
#compare-chart-wrapper 
{
	width:700px;
	padding:10px 10px 10px 15px;
}
#compare-chart-header 
{
	width:700px;
}

ul#chart-nav 
{	
	list-style: none;	
	padding:0px;
	height:24px;
	width:410px;
}

ul#chart-nav li 
{
	float:left;
	display: block;
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

ul#chart-nav li a 
{
	display: block;
	text-indent: -999em;
	height:24px;
}

ul#chart-nav li 
{
	display: block;
	text-indent: -999em;
	height:24px;
}


ul#chart-nav li.buttery a {
	background:url(/Images/products/PromiseTab-off.jpg) 0 0 no-repeat;
	width: 205px;
}

ul#chart-nav li.buttery a:hover {
	background:url(/Images/products/PromiseTab-on.jpg) 0 0 no-repeat;
	width: 205px;
}
ul#chart-nav li.activ a {
	background:url(/Images/products/PromiseActivTab-off.jpg) 0 0 no-repeat;
	width: 205px;
}

ul#chart-nav li.activ a:hover {
	background:url(/Images/products/PromiseActivTab-on.jpg) 0 0 no-repeat;
	width: 205px;
}

ul#chart-nav li.buttery-active a {
	background:url(/Images/products/PromiseTab-on.jpg) 0 0 no-repeat;
	width: 205px;
	height: 24px;
}
ul#chart-nav li.activ-active a {
	background:url(/Images/products/PromiseActivTab-on.jpg) 0 0 no-repeat;
	width: 205px;
	height: 24px;
}

.chart-content 
{
	width:698px;
	border:1px solid black;
	background-color:White;	
}


ul.chart-header  
{	
	list-style: none;	
	padding:0px;
	height:94px;
	width:698px;
	vertical-align:bottom;
}

ul.chart-header li 
{
	float:left;
	display: block;
	margin: 0px;
	padding:0px 1px 0px 2px;
	overflow: hidden;
	height:94px;
	text-align:center;
	vertical-align:bottom;
	
}

ul.chart-header li.first
{
	width:204px;	
	padding-top:10px;
	height:84px;
	vertical-align:bottom;
}
ul.chart-header li.second
{
	width:122px;
	background-color:#FFE9AD;
	vertical-align:bottom;
	padding-top:45px;
	height:49px;	
	
}
ul.chart-header li.third
{
	padding-top:45px;
	height:49px;	
	vertical-align:bottom;
	width:122px;
}
ul.chart-header li.fourth
{
	vertical-align:bottom;
	width:122px;
	padding-top:45px;
	height:49px;	
}
ul.chart-header li.fifth
{	
	padding-top:45px;
	height:49px;	
	width:110px;
	vertical-align:bottom;
}




ul.chart-content-row 
{	
	list-style: none;	
	padding:0px;
	height:20px;
	width:698px;
	vertical-align:text-bottom;
}

ul.chart-content-row li 
{
	float:left;
	display: block;
	margin: 0px;
	padding:2px 1px 0px 2px;
	overflow: hidden;
	height:17px;
	text-align:center;
	
	border-top:1px solid black;	
	
}

ul.chart-content-row li.first
{
	width:204px;	
}
ul.chart-content-row li.second
{
	width:122px;
	background-color:#FFE9AD;
	
}
ul.chart-content-row li.third
{
	width:123px;
}
ul.chart-content-row li.fourth
{
	width:124px;
}
ul.chart-content-row li.fifth
{
	width:110px;
}


/****** Send to friend *******/
#friend-wrapper
{
	background:url(/images/friend/sendfr_bkg.jpg) 0 0 no-repeat;
	width:590px;
	height:487px;
	padding:10px 0px 0px 10px;
}

#friend-wrapper h1.form
{
	background:url(/images/share_header.jpg) 0 0 no-repeat;
	text-indent:-999em;
	width:245px;
	height:27px;
	padding-bottom:10px;
}
#friend-wrapper h1.thanks
{
	background:url(/supershots/images/friend/footer.gif) 0 0 no-repeat;
	text-indent:-999em;	
	width:521px;
	height:30px;
}

#form-wrapper
{
	float:left;
	background-color:#FFFFFF;
	width:549px;
	border-left:solid 2px #E7EAEF;
	border-right:solid 2px #E7EAEF;
	padding-left:10px;
	padding-top:5px;
}