/* ====================== Page Formatting  ========================*/
body, table, p, a, td, th, li, ol, input, select, textarea, 
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, h7, h7 a {
	margin: 0px;
	padding: 0px;
	color:#000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
	
body {background:#b8926e url(../img/bg_body.gif) repeat-x top;}
td { vertical-align: middle; }

a {color:#b2230a; font-size: 12px;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
font-family: "Times New Roman", Times, serif;
color:#b2230a;
font-weight:normal;
}
h1, h1 a {font-size:19pt;margin-bottom: 5px;}
h2, h2 a {font-size:15pt;margin-bottom: 5px;}
h3, h3 a {font-size:14pt;}
h4, h4 a {font-size:13pt;}
h5, h5 a {font-size:11pt;}
h6, h6 a {font-size:9pt;}
h7, h7 a {font-size:8pt;}

h1.pageTitle {margin-bottom:25px;}

p {padding-bottom: 10px;}

ul {
	list-style-type: square;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
}
ul li {list-style-image:url(../img/li_bullet.gif); margin:-3px  0 0 5px;}

ol { list-style-type:decimal; padding-left:30px; margin-bottom:15px;}
ol li {list-style:decimal;}

img, a img { border:none; }

input, textarea, select {border:1px solid grey;}
input:focus, textarea:focus, select:focus {border:1px solid black;}

/* ======================== Shortcuts ========================== */
.inside5{padding:5px;}
.inside10{padding:10px;}
.inside20{padding:20px;}
.inside40{padding:40px;}

.clearBoth{clear:both;}
.floatLeft{float:left; margin-right:10px;}
.floatRight{float:right; margin-left:10px;}
.smallText { font-size: 9px; }


/* ====================== Layout ========================*/
#main, #header {
	text-align: left;
	margin: 0px auto;
}
#main {width:960px;}

/* ====================== Header ====================== */
#header {
	height: 170px;
	position:relative;
}

#logoContainer{}

#screenLogo{display:block;}

#printLogo{display:none;}

#searchContainer {}

#searchContainer input {
	vertical-align:middle;
	height:16px;
}
/* ====================== topNav ====================== */
#mainNav {position:absolute; overflow:hidden; margin:90px 0 0 265px;}

#mainNav a {font-size:12px; color:#fdd16e; text-decoration:none;}
#mainNav a:hover {text-decoration:underline;}
#mainNav ul {list-style:none; margin-right:-2px;}
#mainNav li {
	display:inline;
	background:url(../img/menu_divider.gif) no-repeat right top;
	margin:0px;
}
#mainNav li a {
	padding:0 14px;
	margin:0px;
}



/* ====================== leftNav ====================== */
.leftMaster .nav{}
	
.leftMaster .nav ul li{ border-bottom: 1px solid black;}

.leftMaster .nav ul li a{
	text-decoration:none;
	padding:4px 14px 4px 0px;
	margin-left:14px;
	margin-right:20px;
	border-bottom:1px solid red;
}
.leftMaster .nav ul li ul, .leftMaster .nav ul li.currentCategory ul li ul{ display:none; }
.leftMaster .nav ul li.currentCategory ul,
.leftMaster .nav ul li.currentCategory2 ul{ display:block; }

/* ====================== Content ====================== */
#content {
	text-align:center;
	margin:0 auto;
	background:transparent url(../img/bg_content.gif) repeat-y right;
}
img.contentBot {display:block;}
.contentArea{
	padding:0px 35px 22px 35px;
	margin-top:-160px;
	position:relative;
	text-align:left;
	z-index:2;
}
.pagePhoto {}
.pageFeature {margin:11px 0 0 0; background: url(../img/bg_flash.gif) no-repeat right top;}

.leftMaster {
	float: left;
	width: 591px;
}
.leftMaster .col0 { } /*designed to go entire width of container */
.leftMaster .col1 { width: 150px; }
.leftMaster .col2 { width: 300px; }

.rightMaster {
	float: left;
	width: 270px;
	padding-left:28px;
}
.rightMaster .col0 { } /*designed to go entire width of container */
.rightMaster .col1 { width: 150px; }
.rightMaster .col2 { width: 300px; }


.col1, .col2, .col3 /*etc..*/ { 
	float:left; 
	padding-right: 10px;
}



.hpFeatureContent {
	width: 564px;
	background:url(../img/bg_hpFeature.jpg) bottom center no-repeat;
	text-align:left;
	padding:0px 7px 7px 20px;
	margin:0 0 30px 0;
}
.hpFeatureContent .col1 {width:325px; margin:17px 0 0 5px;}
.hpFeatureContent .col2 {
	width:174px; 
	padding:7px 15px 15px 20px; 
	margin:5px 0 6px 15px;
	background:url(../img/hp_featurecontent_2.gif) no-repeat;
	height:220px;
}
.hpFeatureContent .col2 h1 {color:#000; letter-spacing:-.8px;}
.hpFeatureContent .col2 p {font-size:12px; letter-spacing:-.5px;}
.hpFeatureContent .col2  ul {margin-bottom:10px;}
.hpFeatureContent .col2 li {list-style-image:url(../img/li_bullet_blk.gif); color:#000; font-size:12px; letter-spacing:-.4px;}


.mainContent {margin:14px 0 0 19px;}
.mainContent p {margin:7px 0 0 5px; font-size:12px;}

.recipeContainer {margin:15px 0 0 0;padding:9pt 0 0 15pt;}
.recipe {margin:0 23px 0 0;}


.recipeContainer h1 {
	font-size:20pt;
	margin:7px 0 10px 0;
	letter-spacing:-.8pt;
}
.recipe h1, .recipe h2 {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0 0;}


.recipe  {float:left; width:100px; text-align:center;}
.recipe .recipeDesc {width:93px; text-align:left; margin:auto;}
.recipe .recipeDesc p {color:#717171; font-size:10px;}
.home .recipe {margin:0 10px 0 0;}


.recipeCallout {
	height:328px;
	width:273px;
	background:url(../img/recipe_callout.gif) no-repeat top center;
}
 
.recipeCallout .callout {
width:215px;
padding:10px 0 0 23px; 
margin:0px;
}
.recipeCallout .callout a {color:#B2230A;}



.videoCallout {
height:105px; 
width:399px; 
background:url(../img/watch_video_callout.gif) center no-repeat;
padding-left:66px;
}
.videoCallout img {margin:43px 0 0 3px;}
 
 /* ====================== callouts  ====================== */
.callout {width:315px; margin-top:15px; clear:both;}
.callout h1, .callout h1 a, .callout h2, .callout h2 a,.callout h3, .callout h3 a, .callout h4, .callout h4 a, .callout h5, .callout h5 a 
{line-height:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
.callout h1, .callout h1 a {font-size:14px; margin-bottom:5px;line-height:16px;}
.callout h2, .callout h2 a {font-size:13px;}
.callout h3, .callout h3 a {font-size:12px;}
.callout h4, .callout h4 a {font-size:11px;}
.callout h5, .callout h5 a {font-size:10px;}
.callout p, .callout p a {color:#000; font-size:12px;}


.where2find {}
.where2find h1 {margin-bottom:0px;}
.where2find li {list-style:none; margin:0px;}
img.usmap {float:right; margin:0 -15px 0 0;}
.home .locations {float:left; width:190px;}
.home .locations .location {float:left; width:95px;}
.locations h1, h1 a {font-size:14px; margin-bottom:5px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.locations h2, h2 a {font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.locations h3, h3 a {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.locations h4, h4 a {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.locations h5, h5 a {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.locations ul {margin:0 0 15px 0; padding:0px;}
.locations li {list-style-image:url(../img/li_bullet_blank.gif); font-weight:medium; font-size:10px;}







/* ====================== search results ======================== */
.searchResultsFooter {
	font-size:9px;
	color: grey;
	margin-bottom:10px;}
#umbSearchResult1_PanelArrows{
	margin-top:20px;
	padding-top:15px;
	border-top:1px solid grey;}
.searchResultsHeader{
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid grey;
	font-size:10px;
	font-style:italic;}
.searchResultsHeader h1{
	font-style:normal;}

/* ======================== Form Style ========================== */
.formInput{}

.formResponse{}

.formLabel{}

.error {color:red;}
.error, .notice, .success {}


/* ====================== Footer ====================== */
#footer {
	margin:10px 0 0 0;
	padding-bottom:45px;
	clear: both;
	font-size:9px;
	color:#5f4228;
	background:#B8926E;
}

#footer a, #footer li, #footer li a {font-size:9px; color:#5f4228;}

#footer ul{
	margin: 0 -2px 0 -8px;
	padding:0px;
	list-style: none;
	float:left;
}

#footer li {
	display: inline;
	padding: 0px 8px 0px 8px;
}

#footer li { border-right: 1px solid #5f4228; }

#footer .copyright {float:left; margin-left:50px;}
#footer .nav {overflow:hidden; float:left;}
#footer .right {float:right; margin-right:15px;}






















/*--------------EXPANDABLE GALLERY STYLING-----------------*/


#OverlayContainer {text-align:center; display:none;}


.MultiBoxContainer {
	position:absolute;
	border: 10px solid #fff;
	background-color: #FFF;
	padding:10px;
	z-index: 2;
	margin: 20px 0 0 20px;
}

.MultiBoxLoading {
	background: url(../img/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../img/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../img/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../img/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../img/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background:url(../img/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 35px 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
}




/* INDIVIDUAL PAGE STYLING */








/* CROSS BROSWER FIXES */
img#macfox {display:none;}
img.contentBG {position:relative;margin-top:-34px}



/* HOME */
.home .contentArea {margin-top:-22px; padding-top:0px;}
.home .mainContent {border-right:1px solid #F7E4BD;margin:0 0 0 10px;}
.home .mainContent p {margin:0px}
.home .recipeContainer {padding:0px;}
.home .hpfeatTop {display:block;}
.home #mainNav {display:none;}


/* Our Bread */
/*.ourBread .contentArea {background: url(../img/bg_ourBread.gif) top center no-repeat;}*/
.products {margin-top:15px;}
.ourBread .mainContent .products p {margin:0px;}
.product {margin:0 0 35px 0;}
.productAlt{margin:45px 0 35px 0;}
.products h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

/* PRODUCT H1 COLORS */
.product h1.whitewheat {color:#017dc4;}
.product h1.100wheat {color:#a03100;}
.product h1.fiberwheat {color:#1710a2;}
.product h1.honeywheat {color:#fb6e4e; margin-top:15px;}



.product img {float:left; clear:both; padding-right:10px; margin-top:-8px;}
.productAlt {}
.productAlt .desc {padding-left:20px;}
.productAlt img {float:right; clear:both; padding-left:10px; margin-top:-8px;}


/* Win Bread */
/*.winBread .contentArea {background: url(../img/bg_winBread.gif) top center no-repeat;}*/
.winBread .mainContent {margin:-31px 0 0 75px;}

.winContent {
	background:url(../img/win_content.gif) bottom left no-repeat;
	width:785px;
	padding:29px 0 125px 44px;
}

.winContent .text {width:630px;}
.winContent p {color:#696969; font-size:12px; margin:0px; letter-spacing:-0.12pt;}
.winContent h1 {margin-bottom:10px;}
.winContent p.question {
	font-weight:bold;
	color:#ae2109;
	font-size:14px;
	padding-top:25px;
}
.winContent .answer {font-size:12px; margin-top:5px;}
.winContent .radioBtn {margin-right:13px; display:inline;}
.winContent .answer input {margin:0 10px 0 22px; vertical-align:bottom;}
.winContent .terms {margin:0 auto; text-align:center;}
.winContent .winBottom {margin:auto; text-align:center; margin:30px 0 0 0;}
.winContent .winBottom a.terms {font-size:7pt; color:#b0b0b0; letter-spacing:-.08pt;}
img.winHeader {display:block;}
.winBread .videoCallout {background-image:url(../img/watch_video_callout-win.gif);margin:-38px 0 50px 133px;}


/* Win Bread Terms */
body.terms {background:#fff url(none); margin:0 10px 0 0;}
body.terms h1, body.terms h2, body.terms h3, body.terms h4, body.terms h5, body.terms a {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:0px;}
body.terms h1.details {font-size:11px; color:#999999; margin-bottom:15px;}
body.terms a {font-size:10px;}
body.terms ol li {padding:5px 0;}






/* -----------------------------------------------------  RECIPECARDS Recipies Details Page*/
body.recipePage {background:none;}

#recipeCard .img_subHeaders {
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7a168;
}
#recipeCard .servings {
	float:right;
	font-size:80%;
}
#recipeCard .Qty {
	font-size:110%;
	font-weight:bold;
	color:#d25400;
}

#recipeCard .prep, #recipeCard .prep li, #recipeCard .cooknotes, #recipeCard .cooknotes p, #recipeCard h1, #recipeCard h2 {text-align:left;}

#recipeCard TBLcolorLOrange {text-align:center;}

/* ================== FORM STYLING ============== */
td.label {text-align:right; width:94px; height:31px; padding-top:3px; vertical-align:top;}
td.state, td.zip {text-align:right; padding-top:3px; vertical-align:top;}
.winContent td.input input {height:17px;}
.winContent td.input input, .winContent td.input select {margin:0 18px 0 8px;}
.winContent td.input.alt {vertical-align:top;}
.winContent td.input.alt select, .winContent td.input.alt input {padding-top:2px;}