/******** 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{
	padding-left: 10px;	
	list-style-type: disc;
}

.col-text li{
	padding-bottom: 5px;
}

/********* 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;
}


/******** Landing Page ************/

div#challenge-landing{
	background: url(../i/special-k-challenge/challenge-landing-bg.jpg) left top no-repeat;
	height: 412px;
	width: 980px;
	position: relative;
}

div#challenge-landing h1 { height: auto; }

div#challenge-landing div.copy {
	background: url(../i/special-k-challenge/challenge-landing-copy.gif) left top no-repeat;
	height: 183px;
	left: 505px;
	position: absolute;
	text-indent: -10000px;
	top: 100px;
	width: 361px;
}

a#see-challenge-instructions-btn {
	background: url(../i/special-k-challenge/challenge-how-it-works-btn.gif) left top no-repeat;
	height: 42px;
	left: 670px;
	position: absolute;
	text-indent: -10000px;
	top: 298px;
	width: 201px;
}

a#see-challenge-instructions-btn:hover { background-position: 0 -42px; }

div#challenge-landing div.legal {
	background: url(../i/special-k-challenge/challeng-landing-legal.gif) left top no-repeat;
	height: 18px;
	left: 505px;
	position: absolute;
	text-indent: -10000px;
	top: 385px;
	width: 314px;
}

/***** 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{
	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: url(../i/special-k-challenge/meal1.png) left top no-repeat;
}

div#meal2{
	background: url(../i/special-k-challenge/meal2.png) left top no-repeat;
}

div#meal3{
	background: url(../i/special-k-challenge/meal3.png) left top no-repeat;
}

div#snacks{
	background: url(../i/special-k-challenge/snacks.png) left top no-repeat;
}

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.colplan{
	height: 313px;
	float: left;
	margin-right: 4px;	
	position: relative;
}

div#classic-plan{
	background: url(../i/special-k-challenge/classic-plan-bg.jpg) left top no-repeat;
	width: 243px;
}

div#mix-it-up-plan{
	background: url(../i/special-k-challenge/mix-it-up-plan-bg.jpg) left top no-repeat;
	width: 243px;
}

div#on-the-go-plan{
	background: url(../i/special-k-challenge/on-the-go-plan-bg.jpg) left top no-repeat;
	width: 238px;
}

div#chocolate-lovers-plan{
	background: url(../i/special-k-challenge/chocolate-lovers-plan-bg.jpg) left top no-repeat;
	width: 244px;
	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;
}