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

/*	Home
---------------------------------------------------	*/
.home{
	/*background:url(../images/hero_activia.png) left bottom no-repeat;*/
	color:#322704;
	font-size:14px;
	padding:0px 0 0 60px;
	/* height:477px; oringinal: height:421px;*/
	position:relative;
	width:1000px;
	margin:0 auto;
}

.home h1{
	width:413px;
	height:381px;
	background:url(../images/logo_home.png) no-repeat;
	float:left;
	position:relative;
	top:-15px;
	left:0;
}

.home h2{
	width:325px;
	height:70px;
	background:url(../images/title_stories.png) no-repeat;
	margin-bottom:10px;
	position:relative;
	top:45px;
	left:24px;
}

.home .info{
	width:545px;
	height:396px;
	float:right;
	position:relative;
}

.signup_offer{
	float:right;
}

.home dl{
	margin-bottom:19px;
}

.home dt{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.home dd{
	font-size:14px;
}

.home .product_details{
	font-size:15px;
	margin-bottom: 10px;
	/*position:absolute;
	bottom:5px; */
}

.home .faq{
	clear:both;
	color:#322704;
}

.home .disclaimer{
	color:#2b2203;
	font-size:10px;
	text-align:left;
	position:relative;
	bottom:0;
	margin-top:20px;
	display:inline-block;
}

.home .banner_area{
	position:absolute;
	top:55px;
	left:350px;
}

div.home #tasteTest_banner {
	
	width:1021px;
	/* height:393px; 
	z-index:10; */
	margin:0 auto;
	
}

div.home #tasteTest_banner_copy {
	width:300px;
	z-index:50;	
	text-align:center;
	/*margin:0 auto;*/
	position: absolute;
	top:275px;
	left:415px;
}

div.home #tasteTest_banner_copy p {
	font-size:14px;
	font-weight:bold;
	color:#FFF20D;
}

.home .banner_area .storiesbanner{
	background:url(../images/background_bannerstories.png) no-repeat;
	width:594px;
	height:181px;
	margin-bottom:20px;
}

.home .banner_area .storiesbanner .view_stories{
	display:block;
	background:url(../images/button_viewstories.png) no-repeat;
	width:230px;
	height:33px;
	position:relative;
	top:50px;
	left:75px;
	overflow: hidden;
}

.home .rules
{
    text-align:center;
    color:#000;    
    font-size:12px;
     font-weight:bold;
}






/*	Tracker
---------------------------------------------------	*/
.tracker{
	padding:100px 75px 0 103px;
	/*height:321px;  oringinal: height:421px;*/
	width:1000px;margin:0 auto;
}

.tracker h1{
	width:618px;
	height:33px;
	background:url(../images/title_tracker.png) no-repeat;
	margin-bottom:10px;
}

.tracker .text_welcome{
	color:#044220;
	font-size:15px;
	margin-bottom:53px;
}

.tracker label{
	color:#292206;
	text-transform:uppercase;
}

.tracker .icon_printer{
	color:#231d08;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	background:url(../images/icon_printer.png) left bottom no-repeat;
	padding-bottom:28px;
	float:left;
	display:block;
	margin-right:16px;
	margin-top:25px;
}

.tracker .disclaimer {
	padding-top: 10px;
}


#calendarWrapper {
	width:410px; 
	margin:0 auto;
	float:left;
	overflow:auto;
}

.trackerArrows  {
	float: left;
	margin-top: 43px;
}

#calendarWrapper {width:410px; margin:0 auto; overflow:auto;}


.chart_calender{
	width:350px;
	height:134px;
	background:url(../images/calender_chart.gif) no-repeat;
	float:left;
	display:none;
	margin-top: 25px;
}

.chart_calender h2{
	color:#FFF;
	display:block;
	height:29px;
	font-weight:normal;
	font-size:17px;
	line-height:29px;
	text-align:center;
}

.chart_calender li{
	width:47px;
	height:49px;
	float:left;
	display:inline-block;
	padding:1px;
}

.digestive_tip{
	/*width:292px; */
	width: 242px;
	height:130px;
	/*float:right; */
	color:#292206;
	font-size:14px;
	margin-top:25px; 
}

.digestive_tip dt{
	text-transform:capitalize;
}

.digestive_tip dd{
	font-style:italic;

}


/*	Tracker - faces
---------------------------------------------------	*/
.face_sluggish, .face_better, .face_good, .face_great, .face_na{
	background:url(../images/face_smiles.gif) no-repeat;
}

.face_na{
	background-position:0 0;
}

.face_sluggish{
	background-position:-47px 0;
}

.face_better{
	background-position:-94px 0;
}

.face_good{
	background-position:-141px 0;
}

.face_great{
	background-position:-188px 0;
}






/*	Testmonials
---------------------------------------------------	*/

.testmonials{
	background:url(../images/background_testimonial.png) right bottom no-repeat;
	font-size:14px;
	padding:65px 0 0 70px;
	height:356px; /* oringinal: height:421px;*/
}

.testmonials h1{
	width:608px;
	height:35px;
	background:url(../images/title_testimonial.png) no-repeat;
	position:relative;
	left:-25px;
	margin-bottom:10px;
}

.testmonials p{
	width:530px;
}

.testmonials .user_experience{
	width:600px;
	margin-top:23px;
}

.testmonials dt{
	padding-top:19px;
	padding-bottom:6px;
}


.testmonials .col_1,.testmonials .col_2 {
	width:150px;
	height:98px;
	padding-left:110px;
	margin-bottom:8px;
}

.testmonials .col_1{
	float:left;
}

.testmonials .col_2{
	float:right;
}

.testmonials .jillian{
	background:url(../images/testimonial_jullian.png) no-repeat;
}

.testmonials .kyle{
	background:url(../images/testimonial_cup.png) no-repeat;
}

.testmonials .julia{
	background:url(../images/testimonial_cup.png) no-repeat;
	
}

.testmonials dt{
	color:#044320;
	font-size:20px;
}

.testmonials dd a{
	color:#044320;
	font-size:12px;
	line-height:14px;
	text-decoration:underline;
	display:block;
	width:128px;
	padding-bottom:7px;
	background:url(../images/largearrow_yellowdots.png) right 7px no-repeat;	
}

.testmonials dd a:hover{
	text-decoration:none;
	color:#292209;
}


/* Stories
---------------------------------------------------	*/
.stories{margin:0 auto;padding-left:40px;padding-top:50px;width:1000px;}
	.stories h1{ background:url(../images/title_stories_home.png) no-repeat; width:561px; height:50px; margin-bottom:28px;}
	
.stories .main{ width:565px; float:left;}
	.stories .main .feature_story{
		background:url(../images/hero_featurestory.gif) no-repeat;
		padding-left:266px;
		min-height:214px;
		height:auto !important;
  		height:214px;
		margin-bottom:40px;
	}
	
	.stories .main .feature_story dt{
		font-size:15px;
		font-weight:bold;
		padding-top:12px;
	}
	
	.stories .main .feature_story dd p{
		margin-bottom:14px;
	}
	
	.stories .main .feature_story a{
		color:#044320;
		font-size:12px;
		line-height:14px;
		text-decoration:underline;
		display:block;
		width:115px;
		padding-bottom:10px;
		padding-top:3px;
		background:url(../images/largearrow_yellowdots.png) right -1px no-repeat;	
	}
	
	.stories .main .user_experience dl{
		width:135px;
		background:url(../images/stories_cup.gif) no-repeat;
		padding-top:105px;
		float:left;
		margin-right:40px;
	}
	
	.stories .main .user_experience .toni{
		background:url(../images/stories_cup_toni.png) no-repeat;
	}
	
	.stories .main .user_experience .emily{
		background:url(../images/stories_cup_emily.png) no-repeat;
	}
	
	.stories .main .user_experience dt{
		color:#044320;
		font-size:20px;
		padding-bottom:12px;
	}
	
	.stories .main .user_experience a{
		color:#044320;
		font-size:12px;
		line-height:14px;
		text-decoration:underline;
		display:block;
		width:128px;
		padding-bottom:7px;
		background:url(../images/largearrow_yellowdots.png) right 7px no-repeat;	
	}

	.stories .main .feature_story a:hover, .stories .main .user_experience a:hover{
		text-decoration:none;
		color:#292209;
	}
	
	.stories .main .user_experience .view_stories{
		/* display: none; */
		display:inline-block;
		background:url(../images/button_viewstories.png) no-repeat;
		width:230px;
		height:33px;
		margin-top:31px;
	}

.stories .right-handrail{ width:333px; /* float:right; */}
	.stories .right-handrail .coupon_offer{ background:url(../images/background_offer_coupon.gif) no-repeat; width:325px; height:190px; margin-bottom:22px;}
	.stories .right-handrail .coupon_offer dt{ background:url(../images/title_offer_coupon.png) no-repeat; height:138px; background-position:45px 43px;}
	.stories .right-handrail .coupon_offer dd a{display:block; background:url(../images/button_offer_coupon.png) no-repeat; width:250px; height:30px; margin-left:43px;}
	
	.stories .right-handrail .share_stories{ background:url(../images/background_offer_stories.gif) no-repeat; width:324px; height:216px;}
	.stories .right-handrail .share_stories dt{font-size:16px; font-weight:bold; text-transform:uppercase; padding:19px 0 24px 24px;}
	.stories .right-handrail .share_stories dd{ font-size:14px; padding-left:24px; padding-right:114px;}
	.stories .right-handrail .share_stories dd a{display:block; background:url(../images/button_offer_sharestory.png) no-repeat; width:227px; height:62px; margin-top:5px;}


.stories .disclaimer{
	display:inline-block;
	color:#2b2203;
	font-size:12px;
	text-align:left;
	position:relative;
	bottom:0;
	margin-top:131px;
}