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

/* reset css for browser consistency */

p, form, input, textarea, ul, li, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    }


	
ul, li {
    list-style-type:none;
    }
    
a img {
    border:0;
    }

textarea
{
   resize: none;
}

    
/* overall layout css */

html, body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#776559;
    } 

html{
	overflow-y:scroll;
	overflow-x:auto;
	}  

sup {
	line-height:0;
	font-size:0.6em;
	text-decoration:none; !important
	}
	
.clear {
	clear:both;
	}
	
.clear2 {
	clear:both; width:600px;
	}
	
/* rules for centered layout */
	
body {
	text-align:center;
	background:url(../images/tile_bg.jpg) repeat-x top #f0e2ce;
	}
	
#container {
	margin:auto;
	width:1009px;
	text-align:left;
	}
	
	
/* Header */

#headerRight {
	background-color:#f4ead9;
	height:34px;
	margin-top:32px;
	text-align:left;
	position:absolute;
	top:0;
	right:0;
	}

#headerRight a {
	text-decoration:none;
	color:#776559;
	text-align:left;
	margin-right:5px;
	}

#headerRight a:hover {
	text-decoration:underline;
	color:#776559;
	text-align:left;
	}

#header {
	width:1009px;
	text-align:left;
	position:relative;
	}

#headerInfo {
	height:66px;
	}
	
	
/*Main Nav*/

#nav {
	background:url(../images/nav_tile.jpg) repeat-x;
	width:1009px;
	height:39px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

#nav div {
	margin-left:20px;
	position:relative;
	}

span.nav {
	font-size:14px;
	float:left;
	/*margin-top:10px;*/
	height:39px;
	display:inline-block;
	}
	
span.nav a {
	color:#FFF;
	text-decoration:none;
	height:39px;
	line-height:39px;
	padding:0 10px;
	display:inline-block;
	}

span.nav a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#6e954b;
	}

span.nav:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#6e954b;
	}

#drop {
	z-index:10000;
	position:absolute;
	top:105px;
	left:558px;
	width:150px;
	text-align:left;
	background-color:#6b934a;
	padding:5px 5px 5px 15px;
	margin:0;
	display:none;
	}

#drop p {
	padding:5px 0;
}
	
/*.topNavLink:hover {
	display:inline-block;
	padding:10px 15px 0 15px;
	height:29px;
	background-color:#6e954b;
	text-decoration:none;
	}
	*/
	
.subNavLink {
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:5px 5px;
	}

.subNavLink:hover {
	color:#FFF;
	background-color:#9cc964;
    }
	
#logos {
	background:url(../images/logo_bg.gif) no-repeat;
	width:1009px;
	height:49px;
	margin: auto;
	}

#logos div {
	margin-left:40px;
	}

#logos a {
	display:inline-block;
	width:60px;
	text-align:center;
	margin-right:38px;
	
	}

#logos img {
	margin-top:10px;
	}

/*Pasta Chat*/

#poll {
	width:886px;
	height:305px;
	background:url(../images/poll_bg.jpg) no-repeat;
	position:relative;
	}

#pollForm {
	position:absolute;
	top:110px;
	left:65px;
	width:400px;
	height:150px;
	}

/*Facebook*/

#facebook_feed {
	margin-top:20px;
	float:left;
	width:310px;
	}

.fb_comment_bg {
	width:280px;
	padding:10px 5px;
	margin-top:5px;
	border-bottom:1px #999 solid;
	}
	
.fb_image {
	float:left;
	width:54px;
	height:54px;
	background-color:#f55;
	}

.fb_comment {
	color:#000;
	text-align:left;
	float:left;
	width:210px;
	background-color:#ffffff;
	margin-left:10px;
	}

.fb_comment span{
	color:#339;
	text-align:left;
	font-weight:bold;
	}

/*Review*/

#review_feed {
	float:left;
	width:260px;
	background-color:#f4ead9;
	padding-left:10px;
	}
	
.reviewForm_copy {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	}

.reviewForm_copyDVA {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color: #ff0000;
	}	
	
#reviewFormContainer {
	padding:5px 10px 10px 10px;
	width:230px;
	margin-bottom:20px;
	position:relative;
	}

#reviewChatContainer {
	padding:5px;
	width:240px;
	margin-bottom:20px;
	}
	
/*Twitter*/

#twitter_feed {
	margin-top:20px;
	float:left;
	width:280px;
	margin-left:12px;
	margin-right:14px;
	}

#twitter_feed_bg {
	width:270px;
	padding:5px;
	margin-top:10px;
	background-color:#94e4e5;
	}

.twitter_comment_bg {
	width:258px;
	padding:5px;
	background-color:#ffffff;
	border:1px #e2e5ee solid;
	margin-top:5px;
	}

.twitter_image {
	float:left;
	width:54px;
	height:54px;
	background-color:#f55;
	}

.twitter_comment {
	color:#999;
	text-align:left;
	word-wrap:break-word;
	float:left;
	width:190px;
	background-color:#ffffff;
	margin-left:10px;
	}



/*Myths*/

#mythLeft {
	background-color:#ffffff;
	float:left;
	width:330px;
	height:300px;
	position:relative;
	}

#healthyBtn {
	position:absolute;
	width:299px;
	height:82px;
	top:320px;
	left:44px;
	}
	
#mythRight {
	float:right;
	background:url(../images/myth_image.jpg) no-repeat;
	width:574px;
	height:459px;
	position:relative;
	}

#myth1 {
	width:114px;
	height:114px;
	background:url(../images/fiber_btn.jpg) no-repeat;
	background-position:0 -115px;
	position:absolute;
	top:230px;
	left:0;
	display:block;
	}

a#myth1:hover {
	background-position:0 0;
	}

#myth2 {
	width:114px;
	height:114px;
	background:url(../images/carbs_btn.jpg) no-repeat;
	background-position:0 -115px;
	position:absolute;
	top:0;
	left:115px;
	display:block;
	}


a#myth2:hover {
	background-position:0 0;
	}

#myth3 {
	width:114px;
	height:114px;
	background:url(../images/fat_btn.jpg) no-repeat;
	background-position:0 -115px;
	position:absolute;
	top:345px;
	left:230px;
	display:block;
	}

a#myth3:hover {
	background-position:0 0;
	}

#myth4 {
	width:114px;
	height:114px;
	background:url(../images/gly_btn.jpg) no-repeat;
	background-position:0 -115px;
	position:absolute;
	top:345px;
	left:460px;
	display:block;
	}

a#myth4:hover {
	background-position:0 0;
	}

#myth5 {
	width:114px;
	height:114px;
	background:url(../images/healthy_btn.jpg) no-repeat;
	background-position:0 -115px;
	position:absolute;
	top:115px;
	left:345px;
	display:block;
	}

a#myth5:hover {
	background-position:0 0;
	}

.mythTitle {
	color:#6b934a;
	font-size:14px;
	}

.mythTitle1 {
	color:#6b934a;
	font-size:14px;
	}
.mythTitle2 {
	color:#6b934a;
	font-size:14px;
	}
.mythTitle3 {
	color:#6b934a;
	font-size:14px;
	}
.mythTitle4 {
	color:#6b934a;
	font-size:14px;
	}	

#mythCopy1 {
	font-size:12px;
	line-height:16px;
	display:none;
	}

#mythCopy2 {
	font-size:12px;
	line-height:16px;
	display:none;
	}

#mythCopy3 {
	font-size:12px;
	line-height:16px;
	display:none;
	}

#mythCopy4 {
	font-size:12px;
	line-height:16px;
	display:none;
	}

#mythCopy5 {
	font-size:12px;
	line-height:16px;
	display:none;
	}

/*recipe box*/

.recipebox1 {
	width:500px;
	background-color:#ffffff;
	}

.recipebox2 {
	width:500px;
	background-color:#eff3e9;
	}

/*recipe landing*/

#recipeLandingLeft {
	width:364px;
	height:605px;
	background:url(../images/recipeLandingTile.jpg) repeat-x top;
	background-color:#a0cd6c;
	text-align:left;
	float:left;
	}

#recipeLandingRight {
	width:605px;
	height:605px;
	float:left;
	}

#recipeNav {
	color:#FFF;
	font-size:24px;
	text-align:left;
	margin-left:10px;
	}
	
#recipeNav a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:5px;
	}

#recipeNav a:hover {
	color:#776559;
	text-decoration:none;
	background-color:#f0e2ce;
	display:block;
	}

#recipeNav p {
	color:#FFF;
	font-size:24px;
	text-align:left;
	padding:5px 0;
	}
	
#recipe-1 {display:block;}
#recipe-2 {display:none;}
#recipe-3 {display:none;}
#recipe-4 {display:none;}
#recipe-5 {display:none;}
#recipe-6 {display:none;}
#recipe-7 {display:none;}
#recipe-8 {display:none;}
	
/*promos*/

.promo1 {
	width:565px;
	background-color:#ffffff;
	}

.promo2 {
	width:565px;
	background-color:#eff3e9;
	}

.promoImage {
	float:left;
	padding:10px;
	width:164px;
	
	}

.promoInfo {
	float:left;
	width:340px;
	padding:10px;
	text-align:left;
	}

.promoInfo span {
	font-weight:bold;
	font-size:14px;
	}

.promoInfo p {
	margin-bottom:5px;
	width:350px;
	}

/*recipe Category*/

.recipe1 {
	width:500px;
	background-color:#ffffff;
	display:inline-block;
	float:left;
	position:relative;
	}

.recipe2 {
	width:500px;
	background-color:#eff3e9;
	display:inline-block;
	float:left;
	position:relative;
	}

.recipeImage {
	float:left;
	padding:10px;
	width:104px;
	}

.recipeInfo {
	float:left;
	padding:10px;
	text-align:left;
	}

.recipeInfo p {
	margin-bottom:5px;
	width:350px;
	}
	
/* Main */   
#mainWrapper {
	width:969px;
	text-align:left;
	background:url(../images/main_tile.gif) #89bb5e repeat-x top;
	margin:auto;
	margin-left:20px;
	}

#mainContainer {
	width:918px;
	margin-left:25px;
	padding-bottom:20px;
	text-align:left;
	}

#pageTitle {
	text-align:left;
	height:51px;
	font-size:36px;
	color:#FFF;
	padding-top:15px;
	}
	
	
#pageTitle span{
	font-size:28px;
	color:#FFF;
	padding-top:15px;
	}
	
#mainBody {
	background-color:#FFF;
	width:894px;
	padding:12px;
	}

#mainBody2 {
	background-color:#FFF;
	width:918px;
	}

#mainLeft {
	float:left;
	width:340px;
	background-color:#f4ead9;
	padding:15px;
	}

#mainLeft2 {
	float:left;
	width:340px;
	background-color:#f4ead9;
	}
	
#mainRight {
	float:left;
	width:500px;
	margin-left:15px;
	padding:15px;
	line-height:16px;
	}

#recipeBtnContainer {
	margin:10px 0 10px 20px;
	width:300px;
}

/*tips*/

#tipsContainer {
	margin:10px 0 10px 20px;
	width:300px;
	height:136px;
	background:url(../images/tip_bg.jpg) no-repeat;
	position:relative;
	}

#tipsContainer p {
	font-size:12px;
	text-align:left;
	width:200px;
	height:70px;
	display:block;
	position:absolute;
	top:45px;
	left:90px;
}

/*review*/

#reviewContainer {
	margin:10px 0 10px 20px;
	width:300px;
	background-color:#FFF;
}

#reviewContainer p {
	font-size:12px;
	text-align:left;
	padding:15px;
	line-height:18px;
	}

/*Brands*/

.brands {
}

.brandImage{
	float:left;
	width:;
	padding:5px;
	
}

.brandCopy {
	float:left;
	text-align:left;
	margin-left:10px;
	padding:10px;
}

/*Forms*/

.brownBox {
	background-color:#f4ead9;
	padding:0 15px;
	}
	
#budgetLrgBtn {
	position:absolute;
	top:90px;
	left:600px;
	width:304px;
	height:96px;
	z-index:1000;
	}
	
.formLabel {
	font-size:16px;
	font-weight:bold;
	color:#776559;
	height:20px;
	}
	
.formLabelRight {
	font-size:16px;
	font-weight:bold;
	color:#776559;
	float:left;
	text-align:right; 
	height:20px;
	}

.formLabelLeft {
	font-size:16px;
	font-weight:bold;
	color:#776559;
	float:left;
	text-align:left; 
	height:20px;
	}
	
.formClear {
	height:20px;
	clear:both;
	line-height:0;
	}
	
.inputText {
	height:18px;
	border:1px solid #776559;
	width:145px; 
	}

.inputRadio {
	margin-left:15px;
	margin-right:10px;
	}
	
/*store locator results*/

#storeResults {
	margin-top:20px;
	padding:12px;
	position:relative;
	}

.resultsTitle {
	background-color:#f9f4eb;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	height:30px;
	padding-top:10px;
	float:left;
	margin-right:2px;
	}
	
.resultsInfo1 {
	background-color:#f9f4eb;
	font-size:12px;
	float:left;
	margin-right:2px;
	padding:10px;
	height:80px;
	}

.resultsInfo2 {
	background-color:#ffffff;
	font-size:12px;
	float:left;
	margin-right:2px;
	padding:10px;
	height:80px;
	}

#headlineContainer {
	height:50px;
	}
	
.headline {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#776559;
	padding-bottom:12px;
	}


.headline a {
	color:#776559;
	padding-bottom:12px;
	text-decoration:none;
	}

.headline a:hover {
	color:#6b934a;
	padding-bottom:12px;
	text-decoration:none;
	}
	
.recipeHeadline {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#776559;
	}

.recipeSub {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#776559;
	}

#recipeTopLeft {
	float:left;
	width:320px;
}

#recipeTopRight {
	float:right;
	width:164px;
}

.ingredientTitle {
	font-size:18px;
	font-weight:bold;
	}

.directionTitle {
	font-size:18px;
	font-weight:bold;
	}

.nutritionTitle {
	font-size:14px;
	font-weight:bold;
	}
	
#rateRecipe {
	background:url(../images/rate_bg.jpg) no-repeat;
	width:250px;
	height:100px;
	}

#rateRecipe img {
	margin-left:10px;
	margin-top:35px;
	}

#dmaContainer {
	margin-top:15px;
	margin-left:15px;
	width:310px;
	}

#dmaImage {
	float:left;
	}
	
#dmaCopy {
	float:left;
	margin-left:10px;
	}
	
#featuredContainer {
	margin-top:15px;
	margin-left:15px;
	width:310px;
	}
	
	
.featuredheadline {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#776559;
	padding-bottom:12px;
	}

.featuredheadline2 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#6b934a;
	padding-bottom:12px;
	}
	
.dottedLine {
	border-bottom:2px dotted #9e9794;
	}

.grnLink {
	color:#6b934a;
	text-decoration:underline;
	}

.brnLink {
	color:#776559;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}

.recipeTitle {
	color:#6b934a;
	text-decoration:underline;
	font-size:14px;
	}
/*Footer*/

#footer {
	width:969px;
	height:68px;
	text-align:left;
	background-color:#ffffff;
	margin:auto;
	}

#footer p {
	margin-left:20px;
	padding-top:24px;
	font-size:11px;
	}
	
#footer a {
	display:inline-block;
	color:#776559;
	text-decoration:none;
	}

#footer a:hover {
	display:inline-block;
	color:#776559;
	text-decoration:underline;
	}
	
	
.formLabelRightDVA {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	float:left;
	text-align:right; 
	height:20px;
	}	
	
.formLabelLeftDVA {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	float:left;
	text-align:left; 
	height:20px;
	}	
	
.formInstDVA {
	font-size:16px;
	font-weight:bold;
	color:#776559;
	float:left;
	text-align:left; 
	height:20px;
	}	
	
.invalidFormFieldDVA {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	height:20px;
	text-align:right; 
	}
	
.invalidLoginMessage {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	height:20px;
	}	
	
	
.formLabelRight2DVA {
	font-size:16px;
	font-weight:bold;
	color:#776559;
	text-align:right; 
	height:20px;
	}	
	
.resultsTitleDVA {
	background-color:#ffffff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	height:30px;
	padding-top:10px;
	float:left;
	margin-right:2px;
	}	
	
#rateRecipe2 {
	background:url(../images/rate_bg2.jpg) no-repeat;
	width:250px;
	height:100px;
	}	
	
.pageSubTitleWithLink {
	text-align:left;
	height:51px;
	font-size:28px;
	color:#FFF;
	text-decoration: none;
	padding-top:15px;
	}	
	
#recipeTopRightDVA {
	width:164px;
	right:0px;
	position:absolute;
}