/*--------------------------------------------------

	Client: SpecialK
	
	This stylesheet should contain styles only
	being used in the content part of the
	SpecialK project!
	
	REMEMBER TO KEEP IT CLEAN, EASY TO READ,
	AND IN THE DOCUMENT FLOW!
	
	Thanks!

--------------------------------------------------*/

/*----- Content Layout Divs -----*/

div.bodycontent {
	clear: both;
	float: left;
	min-height: 430px;
	height: auto !important;
	height: 430px;
	margin: 0 0 50px;
	position: relative;
	width: 980px;
}

/*----- Flash Containers -----*/

#jewel-box {
    position: absolute;
    top: -60px;
    z-index: 1; /* All flash should get 1 */
}

#no-flash{
	display: none;
	height: 430px;
	width: 980px;
	margin: 34px 0 0 0;
	position: relative;
	background: url(../i/modals/homepage-noflash.jpg) left top no-repeat;
}

#no-flash a#download-now-btn{
	display: block;
	height: 29px;
	width: 167px;
	background: url(../i/modals/download-now-btn.gif) left top no-repeat;
	position: absolute;
	left: 441px;
	top: 156px;
	text-indent: -999px;
}
#no-flash a#download-now-btn:hover{ background-position: left bottom; }

#no-flash a#learn-more-btn{
	display: block;
	height: 26px;
	width: 126px;
	background: url(../i/modals/learn-more-btn.gif) left top no-repeat;
	position: absolute;
	left: 464px;
	top: 240px;
}
#no-flash a#learn-more-btn:hover{ background-position: left bottom; }

/*------ Tooltips ------*/

div#tooltip {
    position: absolute;
    visibility: hidden;
    z-index: 20;
}

div#tooltip div.left, div#tooltip div.content, div#tooltip div.right {
    display: inline;
    float: left;
}

div#tooltip {
	background: url(../i/tooltips/tooltip_arrow.png) no-repeat center bottom;
}

div#tooltip div.left, div#tooltip div.right {
    background: url(../i/tooltips/tooltip_left.png) no-repeat;
    height: 27px;
    width: 6px;
}

div#tooltip div.content {
    background: url(../i/tooltips/tooltip_bmiddle.png) no-repeat center bottom;
    height: 14px;
    padding: 8px;
    line-height: 7px;
}

div#tooltip div.right { background: url(../i/tooltips/tooltip_right.png) no-repeat; }

div#protein-disclosure{
	display: none;
}

div.product-description{
	position: relative;
}

span.p-disclosure{

}

span.p-disclosure div.ptooltip{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	padding: 5px;
	border: 1px solid #666;
	background: #fff;
	opacity: .9;
	width: 200px;
}

span.p-disclosure, span.p-disclosure a{ color: #666666 !important;	}

div.check-links span.save-tooltip{
	position: absolute;
	top: 80px;
	left: 8px;
	z-index: 9999;
	padding: 4px;
	border: 1px solid #666;
	background: #fff;
	opacity: .9;
	width: 140px;	
	text-align: center;
	display: none;
}

/*------ Callout Boxes ------*/

div#callout-boxes{
	clear:both;
	height:57px;
	padding:20px 0 20px 90px;
}

div.callout-box{
	float: left;
	height: 57px;
	width: 250px;
	position: relative;
	margin-right: 25px;
}

div.callout-box#ChallengeInstructions{ background: url(../i/callout-boxes/challenge-instructions-box.gif) left top no-repeat; }
div.callout-box#DesignYourPlan{ background: url(../i/callout-boxes/design-your-plan-box.gif) left top no-repeat; }
div.callout-box#SpecialKCommunity{ background: url(../i/callout-boxes/specialk-community-box.gif) left top no-repeat; }
div.callout-box#VictoryStories{ background: url(../i/callout-boxes/victory-stories-box.gif) left top no-repeat; }
div.callout-box#QuickRecipes{ background: url(../i/callout-boxes/quick-recipes-box.gif) left top no-repeat; }
div.callout-box#GetCoupons{ background: url(../i/callout-boxes/get-coupons-box.gif) left top no-repeat; }
div.callout-box#YummyIdeas{ background: url(../i/callout-boxes/other-ways-to-love-box.gif) left top no-repeat; }
div.callout-box#FreeDVD{ background: url(../i/callout-boxes/free-dvd-box.gif) left top no-repeat; }
div.callout-box#cob-take-challenge-with-friend { background: url(../i/callout-boxes/take-with-friend-box.gif) left top no-repeat; }
div.callout-box#cob-get-inspired { background: url(../i/callout-boxes/get-inspired-box.gif) left top no-repeat; }
div.callout-box#cob-join-on-facebook { background: url(../i/callout-boxes/join-on-facebook-box.gif) left top no-repeat; }
div.callout-box#cob-victory-project { background: url(../i/callout-boxes/victory-project-box.gif) left top no-repeat; }


div.callout-box a.callout-btn{
	display: block;
	height: 23px;
	background: left top no-repeat;
	position: absolute;
	bottom: 3px;
}	

div.callout-box a.callout-btn:hover{
	background-position: left bottom;
}

div.callout-box a.callout-btn#how-it-works-btn{ 
	background-image: url(../i/callout-boxes/how-it-works-btn.gif); 
	right: 33px;
	width: 132px;
}

div.callout-box a.callout-btn#start-now-btn{ 
	background-image: url(../i/callout-boxes/start-now-btn.gif); 
	right: 30px;
	width: 104px;
}

div.callout-box a.callout-btn#visit-yahoo-group-btn{ 
	background-image: url(../i/callout-boxes/visit-yahoo-group-btn.gif); 
	right: 7px;
	width: 162px;
}

div.callout-box a.callout-btn#get-inspired-btn{ 
	background-image: url(../i/callout-boxes/get-inspired-btn.gif); 
	right: 21px;
	width: 130px;
}

div.callout-box a.callout-btn#checkout-recipes-btn{ 
	background-image: url(../i/callout-boxes/checkout-recipes-btn.gif); 
	right: 20px;
	width: 169px;
}

div.callout-box a.callout-btn#save-now-btn{ 
	background-image: url(../i/callout-boxes/save-now-btn.gif); 
	right: 32px;
	width: 105px;
}

div.callout-box a.callout-btn#get-yummy-ideas-btn{ 
	background-image: url(../i/callout-boxes/get-yummy-ideas-btn.gif); 
	right: 25px;
	width: 130px;
}

div.callout-box a.callout-btn#get-yours-btn{ 
	background-image: url(../i/callout-boxes/get-yours-btn.gif); 
	right: 35px;
	width: 112px;
}

div.callout-box a.callout-btn#invite-friend-btn{ 
	background-image: url(../i/callout-boxes/invite-friend-btn.gif); 
	height: 27px;
	right: 38px;
	width: 125px;
}

div.callout-box a.callout-btn#join-our-chain-btn{ 
	background-image: url(../i/callout-boxes/join-our-chain.gif); 
	height: 27px;
	right: 6px;
	width: 164px;
}

div.callout-box a.callout-btn#join-on-facebook-btn{ 
	background-image: url(../i/callout-boxes/join-on-facebook-btn.gif); 
	height: 27px;
	right: 16px;
	width: 153px;
}

div.callout-box a.callout-btn#victory-project-btn{ 
	background-image: url(../i/callout-boxes/victory-project-btn.gif); 
	height: 27px;
	right: 18px;
	width: 137px;
}

/*----- Ratings -----*/

div.product-rating{ width: 316px; margin: 0 0 10px 0; }
div.product-rating span{line-height: 12px;}
div.product-rating span.rating-link a{text-decoration:underline !important;}
div.product-rating span#thank-you-hidden{display: none;}
div.product-rating span.star-rating-control{ display: block; float: left; height: 12px; width: 60px; margin-right: 4px; }
div.star-rating{float:left;width:12px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.star-rating,div.star-rating a{background:url(../i/products/ratings/star.gif) no-repeat 0 0px;}
div.star-rating a{display:block;width:12px;height:100%;background-position:0 0px;border:0;}
div.star-rating-on a{background-position:0 -12px!important;}
div.star-rating-hover a{background-position:0 -12px;}
div.star-rating-readonly a{cursor:default !important;}
div.star-rating{background:transparent!important;overflow:hidden!important;}
div.product-rating div.rating-cancel{display:none;}

/*----- Landing Page Rating Results -----*/
/*Product Landing*/
li.product-rollover{ position: relative; }
li.product-rollover div.rating-average{ display: none; bottom: 60px; right: 40px; }

/*Recipe Landing*/
li.recipes-list-recipe{ position: relative; }
li.recipes-list-recipe div.rating-average{ display: block; bottom: 6px; left: 151px; }

/*Product/Receipe Details*/
div.product-rating div.rating-average{ display: block; position: relative; float: left; margin-right: 4px;}

div.rating-average{
	background:url(../i/products/ratings/star.gif) repeat-x 0 0;
	height: 12px;
	width: 60px;
	position: absolute;
	float: left;
	display: block;
	overflow: hidden;
}

div.current-average{ background:url(../i/products/ratings/star.gif) repeat-x 0 -12px; height: 12px; }