/******** typography **********/
.col-header{
	color: #333333;
	font-size: 12px;
}

ul.col-header{
	padding-left: 40px;
	list-style-type: disc;	
}

.col-text{
	color: #666666;
	font-size: 11px;	
}

.col-text a{
	color: #666666;
	text-decoration: underline;
}

.col-text a:hover{	color: #F03; }

ul.col-text{
	list-style-type: disc;
	margin: 0 0 10px;
	padding-left: 10px;	
}

/********* H1 Blue Header Styles ************/
div.bodycontent h1{
	height: 90px;
    margin: 0 0 8px;
    width: 980px;
}

h1#h1-challenge-instructions{
	background: url(../i/blue-headers/challengeinstructionsheader.jpg) no-repeat;
}

h1#h1-design-your-plan{
	background: url(../i/blue-headers/designyourplanheader.jpg) no-repeat;
}

h1#h1-victory-stories{
	background: url(../i/blue-headers/victorystoriesheader.jpg) no-repeat;
}

/************************/
/******* layout *********/
/************************/

p#challenge-disclaimer{
	color: #666;
	font-size: 10px;
	position: absolute;
	left: 0;
	top: -20px;
}

h2#h2-special-k-challenge-instructions{
	height: 90px;
	width: 980px;
	margin: 0 0 8px;
	background: url(../i/blue-headers/special-k-challenge-instructions.gif) left top no-repeat;
}

/* - Challenge Landing Page - */

div#challenge-landing, div#challenge-landing div.main, div#challenge-landing div.sidebar {
	display: inline;
	float: left;
}

div#challenge-landing { width: 980px; }

div#challenge-landing div.main {
	background: url(../i/special-k-challenge/landing-page/challenge-landing-sprite.jpg) no-repeat;
	height: 409px;
	margin: 0 5px 0 0;
	position: relative;
	width: 782px;
}

div#challenge-landing div.sidebar {
	background: #FBFBFB url(../i/special-k-challenge/landing-page/challenge-landing-sprite.jpg) no-repeat right bottom;
	height: 349px;
	padding: 30px 10px;
	width: 173px;
}

h1#challenge-starts-now {
	background: url(../i/special-k-challenge/landing-page/txt-challenge-starts-now.gif) no-repeat;
	height: 80px;
	left: 400px;
	position: absolute;
	top: 95px;
	width: 337px;
}

div#challenge-landing p.copy {
	color: #666;
	left: 400px;
	position: absolute;
	top: 200px;
}

div#challenge-landing a#how-it-works-btn {
	background: url(../i/special-k-challenge/landing-page/how-it-works-btn.gif) no-repeat;
	height: 32px;
	left: 400px;
	position: absolute;
	top: 298px;
	width: 191px;
}

div#challenge-landing a#how-it-works-btn:hover { background-position: 0 bottom; }

div#challenge-landing p.legal {
	bottom: 10px;
	color: #333;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8px;
	left: 395px;
	margin: 0;
	position: absolute;
	width: 362px;
}

div#challenge-landing div.sidebar h2, div#challenge-landing div.sidebar p { clear: both; }

h2#member-sign-in {
	background: url(../i/special-k-challenge/pre-reso/member-sign-in.gif) no-repeat;
	height: 19px;
	width: 130px;
}

h2#not-a-member {
	background: url(../i/special-k-challenge/pre-reso/not-a-member.gif) no-repeat;
	height: 13px;
	width: 125px;
}

div#challenge-landing div.sidebar p { color: #8D8E93; }

a#sign-in-btn {
	background: url(../i/buttons/sign-in-btn.png) no-repeat;
	display: block;
	float: right;
	height: 31px;
	margin: 0 0 30px;
	width: 99px;
}

a#sign-in-btn:hover { background-position: 0 -31px; }

a#register-now-btn {
	background: url(../i/buttons/register-now-btn.png) no-repeat;
	display: block;
	float: right;
	height: 31px;
	width: 132px;
}

a#register-now-btn:hover { background-position: 0 -31px; }

/*----- Custom Challenge Page -----*/

div#custom-challenge-landing {
	background: url(../i/special-k-challenge/custom-challenge-page/custom-challenge-bg.jpg) no-repeat;
	clear: both;
	display: inline;
	float: left;
	height: 445px;
	padding: 0 0 0 540px;
	position: relative;
	width: 440px;
}

div#custom-challenge-landing.non-custom { background: url(../i/special-k-challenge/custom-challenge-page/custom-challenge-bg-single.jpg) no-repeat; }

h1#custom-challenge-header {
	height: auto;
	margin: 20px 0 15px;
	width: 404px;
}

div#custom-challenge-landing p.copy {
	color: #999;
	margin: 0;
}

div#custom-challenge-landing p.copy a { color: #F03; }
div#custom-challenge-landing p.copy a:hover { text-decoration: underline; }

div#challenge-plans, div#sarahs-plan, div#design-your-own-plan {
	display: inline;
	float: left;
}

div#challenge-plans {
	position: absolute;
	top: 250px;
}

div#sarahs-plan {
	background: url(../i/special-k-challenge/custom-challenge-page/sarahs-plan-thumbnail.jpg) no-repeat;
	margin: 0 30px 0 0;
	padding: 0 0 0 75px;
	width: 110px;
}

div#design-your-own-plan {
	background: url(../i/special-k-challenge/custom-challenge-page/design-your-plan-thumbnail.jpg) no-repeat;
	padding: 0 0 0 80px;
	width: 135px;
}

div#custom-challenge-landing.non-custom div#design-your-own-plan {
	background: url(../i/special-k-challenge/custom-challenge-page/design-your-plan-thumbnail.jpg) no-repeat;
	margin: 10px 0 0 78px;
	padding: 0 0 0 80px;
	width: 135px;
}

div#sarahs-plan p, div#design-your-own-plan p {
	color: #999;
	height: 80px;
	margin: 0;
}

div#custom-challenge-landing.non-custom div#design-your-own-plan p {
	height: auto;
	margin: 0 0 10px;
}

a#view-the-plan-btn {
	background: url(../i/buttons/view-the-plan-btn.png) no-repeat;
	display: block;
	height: 31px;
	left: -5px;
	position: relative;
	width: 126px;
}

a#view-the-plan-btn:hover { background-position: 0 -31px; }

a#design-your-plan-btn {
	background: url(../i/buttons/design-your-plan-btn.png) no-repeat;
	display: block;
	height: 31px;
	left: -5px;
	position: relative;
	width: 143px;
}

a#design-your-plan-btn:hover { background-position: 0 -31px; }

div#custom-challenge-landing p.legal {
	bottom: 8px;
	color: #A6A6A6;
	font-size: 9px;
	left: 554px;
	margin: 0;
	position: absolute;
	width: 405px;
}

/***** Instructions Page *****/

div#expandable-meals{
	background: url(../i/special-k-challenge/special-k-challenge-columns.jpg) left bottom repeat-y;
	list-style: none;
	float: left;
}

div.meal{
	background: url(../i/special-k-challenge/meal-cols.jpg) no-repeat;
	width: 178px; /*198 - padding*/
	padding: 165px 10px 10px 10px; /*155 top for image + 10 for text */
	margin-right: 4px;
	float: left;
}

div.meal h3{
	display: none;
}

div#meal1 { background-position: 0 0; }
div#meal2 { background-position: -198px 0; }
div#meal3 { background-position: -396px 0; }
div#snacks{ background-position: -594px 0; }

div#design-your-plan{
	float: left;
	width: 166px;
	margin-left: 6px;
	background: #f10b1d url(../i/special-k-challenge/design-your-plan.gif) right top no-repeat;
	position: relative;	
}

#get-started{
	background: url(../i/special-k-challenge/get-started-btn.png) left top no-repeat;
	height: 25px;
	width: 132px;
	display: block;
	margin: 230px 0px 20px 17px;
}

a#get-started:hover{ background-position: left bottom; }

#print-instructions{
	background: url(../i/special-k-challenge/print-instructions-btn.png) left top no-repeat;
	height: 18px;
	width: 128px;
	display: block;
	top: 0px;
	left: 0px;
}

a#print-instructions:hover{ background-position: left bottom; }

/***** Design your plan page *****/

div#plans {
	display: inline;
	float: left;
	width: 980px;
}

div.colplan {
	background: url(../i/special-k-challenge/dpy-choose-plan-cols.jpg) no-repeat;
	height: 316px;
	float: left;
	margin-right: 4px;	
	position: relative;
	width: 242px;
}

div#classic-plan { background-position: 0 0; }
div#mix-it-up-plan { background-position: -242px 0; }
div#on-the-go-plan { background-position: -484px 0; }

div#chocolate-lovers-plan {
	background-position: -726px 0;
	margin-right: 0;
}

.go-btn{
	background: url(../i/special-k-challenge/go-btn.gif) left top no-repeat;
	position: absolute;
	bottom: 70px;
	right: 30px;
	height: 27px;
	width: 62px;
	display: block;	
	border: none;
	cursor: pointer;
}

.go-btn:hover{
	background-position: left bottom;	
}

#classic-plan-header{
	background: url(../i/special-k-challenge/classic-plan-header.gif) top left no-repeat;
	height: 34px;
	width: 198px;
	margin: 60px 0 1em 20px;
}

#mix-it-up-plan-header{
	background: url(../i/special-k-challenge/mix-it-up-plan-header.gif) top left no-repeat;
	height: 35px;
	width: 198px;
	margin: 60px 0 1em 20px;
}

#on-the-go-plan-header{
	background: url(../i/special-k-challenge/on-the-go-plan-header.gif) top left no-repeat;
	height: 35px;
	width: 198px;
	margin: 60px 0 1em 20px;
}

#chocolate-lovers-plan-header{
	background: url(../i/special-k-challenge/chocolate-lovers-plan-header.gif) top left no-repeat;
	height: 56px;
	width: 198px;
	margin: 60px 0 1em 20px;
}

.plan-inner{
	padding: 3px 20px 3px 33px;	
}

/****** Calendar view page ********/

/*
#right-side-bar{
	float: left;
	display: inline;
	width: 166px;
}

#current-plan{
	background: url(../i/special-k-challenge/calendar-side-column-plans.gif) no-repeat;
	height: 265px;
	width: 166px;
	position: relative;
	margin-bottom: 5px;
	*z-index: 1;
}


div#right-side-bar div.classic-plan{ background: url(../i/special-k-challenge/calendar-side-column-plans.gif) no-repeat 0 0; }
div#right-side-bar div.on-the-go-plan{ background: url(../i/special-k-challenge/calendar-side-column-plans.gif) no-repeat 0 -265px; }
div#right-side-bar div.mix-it-up-plan{ background: url(../i/special-k-challenge/calendar-side-column-plans.gif) no-repeat 0 -530px; }
div#right-side-bar div.chocolate-love-plan{ background: url(../i/special-k-challenge/calendar-side-column-plans.gif) no-repeat 0 -795px }

#buy-on-amazon-btn{
	background: url(../i/special-k-challenge/buy-on-amazon-btn.gif) left top no-repeat;
	display: block;
	height: 17px;
	width: 96px;
	position: absolute;
	right: 10px;
	top: -20px;	
}

#change-my-plan{
	background: url(../i/special-k-challenge/change-my-plan.gif) no-repeat;
	height:17px;
	left:5px;
	position:absolute;
	top:48px;
	width:90px;
}

.chocolate-love-plan #current-plan-header{
	background: url(../i/special-k-challenge/current-plan-chocolate.gif) left top no-repeat;
	height: 42px;
	width: 140px;	
	position: absolute;
	top: 78px;
	left: 10px;
}
.classic-plan #current-plan-header{
	background: url(../i/special-k-challenge/current-plan-classic.gif) left top no-repeat;
	height: 21px;
	width: 140px;	
	position: absolute;
	top: 93px;
	left: 13px;
}
.on-the-go-plan #current-plan-header{
	background: url(../i/special-k-challenge/current-plan-onthego.gif) left top no-repeat;
	height: 23px;
	width: 154px;	
	position: absolute;
	top: 93px;
	left: 6px;
}
.mix-it-up-plan #current-plan-header{
	background: url(../i/special-k-challenge/current-plan-mix.gif) left top no-repeat;
	height: 23px;
	width: 142px;	
	position: absolute;
	top: 93px;
	left: 10px;
}

#save-my-plan-btn{
	background: url(../i/special-k-challenge/save-my-plan-btn.gif) left top no-repeat;
	display: block;
	height: 31px;
	width: 151px;
	position: absolute;
	left: 10px;
	top: 130px;
}
#save-my-plan-btn:hover{ background-position: 0 -31px; }
#save-my-plan-btn.saved { background-position: 0 -62px; }

#sharing-links{
	position: absolute;
	left: 12px;
	top: 165px;
	width: 145px;
	zoom: 1;
}

#sharing-links a{
	background: url(../i/special-k-challenge/sharing-links.gif) no-repeat;
	clear: both;
	float: left;
	height: 13px;
	width: 109px;
	margin: 0 0 5px 17px;
}
#sharing-links a#print-my-plan{ background-position: 0 0; }
#sharing-links a#print-my-plan:hover{ background-position: 0 -13px; }

#sharing-links a#print-my-recipes{ background-position: 0 -26px;}
#sharing-links a#print-my-recipes:hover{ background-position: 0 -39px;}

#sharing-links a#email-my-plan{ background-position: 0 -52px;}
#sharing-links a#email-my-plan:hover{ background-position: 0 -65px;}

#sharing-links p {
    text-align: center;
    margin: 0 0 12px;
    width: 125px;
}

#sharing-links a.sign-in-btn {
	background: none;
	float: none;
	text-decoration: underline;
	width: auto;
}

#sidebar-banner{
	background: url(../i/special-k-challenge/sidebar-banner.gif) left top no-repeat;
	height: 238px;
	position: relative;
	width: 166px;	
}

#sidebar-banner a {
    background: url(../i/special-k-challenge/sidebar-banner-link.gif) no-repeat;
    bottom: 5px;
    display: block;
    height: 12px;
    line-height: 0;
    margin: 0 0 0 18px;
    position: absolute;
    text-indent: -10000px;
    width: 133px;
}

br.clear_float{
	clear: both;
	line-height: 0px;
	height: 0px;
}
*/