/* Generic classes */
body {
	background: #fffabd;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	text-align: center;
}
body, input, select, textarea, table, td, div {
	color: #333;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}
form, h1, h2, h3, h4, h5, h6, ul, ol {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
li {
	list-style-type: none;
}
label {
	cursor: hand;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	font-size:1px;
}


/* Layout */
#page {
	width: 860px;
	margin: 20px auto; 
	text-align: left;
	z-index: 100;
}

#mainNav {
	width: 860px;
	height: 79px;
	border: 0;
	overflow: hidden;
}
#mainNav .navItems {
	float: left;
	display: inline;
}

.print_nav {
	display: none;
}

#subNav {
	width: 860px;
	height: 35px;
	background: url(images/navs/subnav_bkgd.gif) top left no-repeat;
}

#subNav2 {
	width: 860px;
	height: 32px;
	background: url(images/navs/subnav_bkgd2.gif) top left no-repeat;
}

#subNav .subnavItems {
	float: left;
	display: inline;
}

#subNav select {
	background: #fff;
	border: solid 1px #e8384d;
	color: #333;
	padding: 0px 0px 0px 4px;
}

#content {
	width: 860px;
	background: #f2b022 url(images/content_bkgd.jpg) top left no-repeat;
	z-index: 1000;
}

#content1 {
	width: 860px;
	background: #f2b022 url(images/content_plain_bkgd.jpg) top left no-repeat;
	z-index: 1000;
}

#content2 {
	width: 860px;
	background: #f2b022 url(images/content_bkgd2.jpg) top left no-repeat;
	z-index: 1000;
}

#contentLanding {
	width: 860px;
	z-index: 1000;
}

#contentBorders {
	width: 848px;
	border-right: solid 6px #e8384d;
	border-left: solid 6px #e8384d;
	z-index: 2000;
}

#contentBottom {
	width: 860px;
	height: 17px;
	background: url(images/page_bottom.gif) top left no-repeat;
	z-index: 2000;
}

#contentBorders #contentBody {
	width: 848px;
	overflow: hidden;
}

#contentBody .leftside {
	width: 187px;
	padding-left: 20px;
	float: left;
}
#contentBody .middle {
	width: 367px;
	margin-right: 18px;
	float: left;
	display: inline;
}
#contentBody .middle .contentText {
	width: 357px;
	border-right: solid 1px #f8af6f;
	padding-right: 10px;
}
#contentBody .rightside {
	width: 255px;
	float: left;
	display: inline;
}

#contentBody .wideMiddle {
	width: 621px;
	padding-right: 20px;
	float: left;
	display: inline;
}

#contentBody .wideMiddle a, #contentBody .wideMiddle a:hover {
	text-decoration: underline;
	color: #e8384d;
}


#footer {
	width: 860px;
	overflow: hidden;
}

#footer span.copyrights {
	font-size: 11px;
	color: #ed6070;
	line-height:1.3em;
}

#footer span.legalLinks {
	font-size: 11px;
	color: #ed6070;
	
}

#footer span.legalLinks a {
	text-decoration: none;
	color: #ed6070;
}

#footer span.legalLinks a:hover {
	text-decoration: underline;
	color: #ed6070;
}


/* Text and fonts */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	font-stretch: narrower;
	color: #e8384d;
	line-height: 24px;
	padding-bottom: 10px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}
h2.brown {
	color: #762c12;
	padding-bottom: 10px;
}




span.whiteText {
	color: #fff;
}

span.brownText {
	color: #762c12;
}

span.description {
	font-size: 14px;
	line-height: 18px;
}

span.superscript {
	font-size: 0.5em;
	vertical-align: super;
}

ul {
	margin-left: 15px;
	padding-left: 4px;
	height: auto;
}
ul li {
	list-style-type: disc;
	font-size: 12px;
	color: #333;
}

ol {
	margin-left: 26px;
}
	html>body ol {
		margin-left: 15px;
		padding-left: 4px;
	}
ol li {
	list-style-type: decimal;
	font-size: 12px;
	color: #333;
}


/* Tables */
table.ingredientsTable {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
}
table.ingredientsTable tr.colorRow {
	background: #fff5ba;
}



/* Modules */
.comparechart {
	width: 238px;
	margin-top: 20px;
	overflow: hidden;
}
.comparechart .top {
	width: 238px;
	height: 8px;
	background: url(images/comparechart_top.gif) top left no-repeat;
	overflow: hidden;
}
.comparechart .center {
	width: 238px;
	background: url(images/comparechart_middle.gif) top left repeat-y;
}
.comparechart .center table td {
	font-size: 10px;
}
.comparechart .bottom {
	width: 238px;
	height: 17px;
	background: url(images/comparechart_bottom.gif) top left no-repeat;
	overflow: hidden;
}

.nutritionchart {
	width: 240px;
	margin-top: 20px;
	overflow: hidden;
}
.nutritionchart .chartTop {
	width: 240px;
	height: auto;
	background: url(images/nutritionchart_top.gif) top left no-repeat;
	overflow: hidden;
	padding-top: 35px;
}
.nutritionchart .chartTop table td {
	font-size: 10px;
}
.nutritionchart .chartBottom {
	width: 240px;
	height: 19px;
	background: url(images/nutritionchart_bottom.gif) top left no-repeat;
	overflow: hidden;
}




/* Boxes */
/**** grocery landing ****/
#bottomLargeYellow {
	width: 640px;
	height: 153px;
	background: url(images/box/grocery_looknofurther.gif) top left no-repeat;
}
#bottomLargeYellow .column {
	width: 304px;
	text-align: left;
	margin-top: 35px;
	float: left;
	display: inline;
}
#bottomLargeYellow span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d3c11;
}
#bottomLargeYellow .header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9d3c11;
	font-weight: bold;
	padding-bottom: 5px;
}
#bottomLargeYellow span.province {
	width: 50px;
	font-weight: bold;
	float: left;
}
#bottomLargeYellow span.stores {
	width: 250px;
	float: left;
	display: inline;
	margin-bottom: 2px;
}
/**** breakfastplan landing ****/
#topLeftWhite {
	width: 368px;
	height: 202px;
	background: url(images/box/breakfastplan_healthystories.gif) top left no-repeat;
}
#topLeftWhite div {
	padding: 80px 20px 0px 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#topLeftWhite div a, #topLeftWhite div a:hover {
	text-decoration: underline;
	color: #e8384d;
}

#topRightYellow {
	width: 338px;
	height: 194px;
	background: url(images/box/breakfastplan_5min5day.gif) top left no-repeat;
}
#topRightYellow .button {
	padding: 153px 0px 0px 105px;
	border: 0;
}

#bottomCenterWhite {
	width: 623px;
	height: 140px;
	background: url(images/box/breakfastplan_entertowin.gif) top left no-repeat;
}
#bottomCenterWhite .button {
	padding: 85px 0px 0px 130px;
	border: 0;
}
#more_recipes{
padding: 0px 0px 0px 30px;
}

/**** eggcellent landing ****/
#topLeftYellow {
	width: 389px;
	height: 194px;
	background: url(images/box/eggcellent_cookingweb.gif) top left no-repeat;
}
#topLeftYellow div {
	padding: 36px 145px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#topLeftYellow .button {
	padding: 5px 0px 0px 85px;
	border: 0;
}

#topRightNutrition {
	width: 390px;
	height: 193px;
	background: url(images/box/eggcellent_nutrition.gif) top left no-repeat;
}
#topRightNutrition div {
	padding: 36px 200px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#topRightNutrition .articleLinks {
	display: block;
	padding-bottom: 6px;
}
#topRightNutrition .articleLinks a {
	color: #e8384d;
	text-decoration: none;
}
#topRightNutrition .articleLinks a:hover {
	color: #e8384d;
	text-decoration: underline;
}

#topRightLgtYellow {
	width: 390px;
	height: 193px;
	background: url(images/box/eggcellent_compared.gif) top left no-repeat;
}
#topRightLgtYellow div {
	padding: 48px 20px 0px 143px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#topRightLgtYellow .button {
	padding: 10px 0px 0px 205px;
	border: 0;
}

#bottomRightHSF {
	width: 390px;
	height: 193px;
	background: url(images/box/eggcellent_hsf.gif) top left no-repeat;
}
#bottomRightHSF div {
	padding: 45px 25px 0px 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;
}
#bottomRightHSF .button {
	padding: 10px 0px 0px 205px;
	border: 0;
}

/*#bottomCenterRed {
	width: 469px;
	height: 130px;
	background: url(images/box/eggcellent_hsfoundation.gif) top left no-repeat;
}
#bottomCenterRed div {
	padding: 35px 10px 0px 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;
}*/


/**** recipes landing ****/
#recipeModulesWrapper {
	width: 282px;
	height: 163px;
	background: url(images/recipeBg.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}
#recipeModulesWrapper .recipePhotos {
	padding: 12px 10px 0px 12px;
	width: 95px;
	height: auto;
	float: left;
}
#recipeModulesWrapper .recipePhotos .photo {
	width: 95px;
	height: 95px;
	border: 0;
}
#recipeModulesWrapper .recipePhotos .button {
	padding: 10px 0px 0px 0px;
	text-align: center;
	border: 0;
}
#recipeModulesWrapper .recipeDetails {
	width: 150px;
	height: auto;
	padding: 12px 12px 0px 0px;
	font-size: 11px;
	color: #000;
	float: left;
	display: inline;
}
#recipeModulesWrapper .recipeDetails .header {
	font-size: 14px;
	font-weight: bold;
	color: #e8384d;
	padding-bottom: 5px;
}

#fiveMinsRecipePlan {
	width: 402px;
	height: 121px;
	background: url(images/5min5day.gif) left top no-repeat;
}
#fiveMinsRecipePlan .button {
	padding: 82px 0px 0px 12px;
	border: 0;
	float: left;
	text-align: left;
}



/* Misc */
.dividerlineDrkOrange {
	width: 100%;
	height: 1px;
	font-size: 1px;
	background: #ef5c39;
	margin: 3px 0px 3px 0px;
}

#flashWrapper {
	position: absolute;
	width: 877px;
	height: 458px;
	margin: 0px 0px 0px -22px;
	z-index: 3000;
}

span.errorMsg {
	font-size: 11px;
	color: #f00;
}