html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, address, cite,em, img,strong, sub, sup,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

@font-face {
    font-family: 'EnglishRegular';
    src: url('/_fonts/english_-webfont.eot');
    src: url('/_fonts/english_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/english_-webfont.woff') format('woff'),
         url('/_fonts/english_-webfont.ttf') format('truetype'),
         url('/_fonts/english_-webfont.svg#EnglishRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LiberationSerifRegular';
    src: url('/_fonts/LiberationSerif-Regular-webfont.eot');
    src: url('/_fonts/LiberationSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/LiberationSerif-Regular-webfont.woff') format('woff'),
         url('/_fonts/LiberationSerif-Regular-webfont.ttf') format('truetype'),
         url('/_fonts/LiberationSerif-Regular-webfont.svg#LiberationSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('/_fonts/OpenSans-Regular-webfont.eot');
    src: url('/_fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/_fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/_fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root{
	overflow-y:scroll;
}

.clear {
	clear: both;
}

body {
	color: #333;
	background: #f2f2f2;
	padding: 20px 0;
}

#Wrapper {
	position: relative;
	display: block;
	width: 968px;
	font-family: 'OpenSansRegular',arial,sans-serif;
	font-size: 87.5%;/* 14px */
	margin: 0 auto;
}

#Header {
	display: block;
	width: 100%;
	height: 231px;
}
#Home #Header {
	height: 371px;
	background: url(/i/home-header-bgd.jpg) 0 90px no-repeat;
}
.photo {
	display: block;
	height: 197px;
	width: 314px;
	margin: 0 0 1em 0;
}

#StoreFlour #Header {				background: url(/i/header-loaves.jpg) 0 90px no-repeat;}
#StoreBakeryMixes #Header {			background: url(/i/header-muffins.jpg) 0 90px no-repeat;}
#StoreDoughConditioner #Header {	background: url(/i/header-scones.jpg) 0 90px no-repeat;}
#ProductDetails #Header {			background: url(/i/header-artisan-loaves.jpg) 0 90px no-repeat;}
#StoreCart #Header {				background: url(/i/header-croissant.jpg) 0 90px no-repeat;}

#Retail #Header {			background: url(/i/header-broken-bread.jpg) 0 90px no-repeat;}
#Retail .photo {			background: url(/i/broken-bread.jpg) top left no-repeat;}
#OrganicFlour #Header {		background: url(/i/header-broken-bread.jpg) 0 90px no-repeat;}
#OrganicFlour .photo {		background: url(/i/broken-bread.jpg) top left no-repeat;}
#TraditionalFlour #Header {	background: url(/i/header-cookies.jpg) 0 90px no-repeat;}
#TraditionalFlour .photo {	background: url(/i/cookies.jpg) top left no-repeat;}
#OrganicBakeryMixes #Header {background: url(/i/header-waffles.jpg) 0 90px no-repeat;}
#OrganicBakeryMixes .photo {background: url(/i/waffles.jpg) top left no-repeat;}
#BakeryMixes #Header {		background: url(/i/header-donuts.jpg) 0 90px no-repeat;}
#BakeryMixes .photo {		background: url(/i/donuts.jpg) top left no-repeat;}
#DoughConditioner #Header {	background: url(/i/header-white-slices.jpg) 0 90px no-repeat;}
#DoughConditioner .photo {	background: url(/i/white-slices.jpg) top left no-repeat;}
#WholeGrains #Header {		background: url(/i/header-grainy-slices.jpg) 0 90px no-repeat;}
#WholeGrains .photo {		background: url(/i/grainy-slices.jpg) top left no-repeat;}
#ProductList #Header {		background: url(/i/header-donuts.jpg) 0 90px no-repeat;}
#ProductList .photo {		background: url(/i/donuts.jpg) top left no-repeat;}
#Services #Header {			background: url(/i/header-dough-loaves.jpg) 0 90px no-repeat;}
#Services .photo {			background: url(/i/dough-loaves.jpg) top left no-repeat;}
#Organics #Header {			background: url(/i/header-wheat2.jpg) 0 90px no-repeat;}
#Organics .photo {			background: url(/i/wheat2.jpg) top left no-repeat;}
#Careers #Header {			background: url(/i/header-grainy-basket.jpg) 0 90px no-repeat;}
#Careers .photo {			background: url(/i/grainy-basket.jpg) top left no-repeat;}
#Contact #Header {			background: url(/i/header-rye.jpg) 0 90px no-repeat;}
#Contact .photo {			background: url(/i/rye.jpg) top left no-repeat;}
#Error #Header {			background: url(/i/header-bagels.jpg) 0 90px no-repeat;}
#Error .photo {				background: url(/i/bagels.jpg) top left no-repeat;}

#Top {
	position: relative;
	display: block;
	height: 148px;
	width: 100%;
	background: url(/i/header2.png) top center no-repeat;
}
#Logo {
	position: relative;
	display: block;
	height: 182px;
	width: 148px;
	background: url(/i/ribbon.png) top center no-repeat;
	text-align: center;
	margin: -148px auto 0 auto;
}
#Logo img {
	margin-top: 3px;
}

#Content {
	clear: both;
	display: block;
	background: url(/i/body-bgd.jpg) top center repeat-y;
	padding: 0 0 53px 0;
}

#Body {
	position: relative;
	float: right;
	width: 660px;
	margin: 0 33px 0 0;
}

.leftCol {
	clear: left;
	float: left;
	width: 315px;
}
.rightCol {
	float: right;
	width: 315px;
}

#Home .leftCol, #Home .rightCol {
	width: 383px;
}
#Home .leftCol {
	margin: 0 0 0 53px;
}
#Home .rightCol {
	margin: 0 53px 0 0;
}

a {
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color:#6e801a;
}
a:visited {
	color:#4c5812;
}
a:hover {
	color:#8ea522;
	text-decoration: underline;
}
a:active {
	color:#8ea522;
}
a img {
	border: none;
}

h1,h2,h3,h4 {
	clear: both;
}
h1 {
	position: absolute;
	top: 30px;
	left: 30px;
}

h2, h3, h3 a, h4, h5 {
	font-weight: normal;
}
h3, h4, h5 {
	font-family: 'LiberationSerifRegular', 'Times New Roman', serif;
}
h3, h4 {
	color: #80561b;
}
h2 {
	color: #6e801a;
	font-family: 'EnglishRegular', 'Times New Roman', serif;
	font-size: 2em;
	line-height: 3.0714em;
	padding: 0 0 0 .4em;
}
h3 {
	font-size: 1.3em;
	line-height: 2.2em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.5em;
}
h5 {
	font-size: 1.1em;
	line-height: 1.5em;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

li p {
	margin-bottom: 0;
}
li p + p {
	margin-bottom: 1em;
}

#Content ul {
	list-style-image: url(/i/bullet.gif);
	padding: 0 0 0 1.2em;
	margin: 0 0 1em 0;
}

dl {
	margin: 0 0 1em 0;
}
dt {
	line-height: 1.5em;
	font-weight: bold;
}
dd p {
	margin-bottom: 0;
}

address {
	font-style: normal;
	line-height: 1.5em;
}

strong {
	font-weight: bold;
}

#InfoSheets {
	clear: both;
}

#ShopNow {
	text-align: center;
	padding: 80px 30px 0 30px;
}
#ShopNow a {
	display: inline-block;
	height: 54px;
	width: 140px;
	color: #fff;
	background: url(/i/shop-now.jpg) top left no-repeat;
	font-family: 'LiberationSerifRegular', 'Times New Roman', serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 54px;
	text-decoration: none;
	margin: 0 0 .5em 0;
}

img.retailProducts {
	margin: 1em 0;
}

blockquote {
	background: #ecf2ce;
	font-family: 'LiberationSerifRegular', 'Times New Roman', serif;
	font-size: 1.15em;
	padding: .5em 1em;
	margin: 0 1em 1em 1em;
	border: 1px solid #dee5ba;
}
blockquote p {
	margin: 0;
}
blockquote p + p {
	margin: 1em 0 0 0;
}

blockquote cite {
	font-style: normal;
	font-size: .85em;
	line-height: 24px;
}

/** Product List **/
.actuator p {
	color:#6e801a;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
.actuator.current p {
	color:#4c5812;
}

.productList {
	font-size: 1em;
	margin: .25em 0 .5em 0;
}
.productList th {
	font-weight: bold;
	text-align: left;
}
.productList th.num {
	width: 8em;
}
.productList td {
	padding: 2px;
}

/** Shelf Item **/
.product {
	position: relative;
	margin: 0 0 2em 0;
}
.product img {
	float: left;
	margin: 0 1em 0 0;
}
.product h4 {
	clear: none;
	line-height: 1.25em;
}
.product h4 a {
	font-weight: normal;
}
.product .weight,
.product .price {
	float: left;
	width: 6em;
	font-weight: bold;
	line-height: 2.5em;
}
.product .quantity {
	clear: both;
	padding: 0 0 0 78px;
}
.product .quantity input {
	float: left;
	margin: -.75em .5em 0 0;
}
.product .quantity input.text {
	text-align: center;
	padding: 2px 0;
}
.simpleProduct {
	position: relative;
	clear: both;
	margin: 0 0 1em 0;
}
.simpleProduct h5 a {
	font-weight: normal;
}
.simpleProduct .details {
	float: left;
	width: 10em;
}
.simpleProduct .details p {
	float: left;
	width: 4.5em;
	margin: .1em 0 0 0;
}
.simpleProduct .quantity {
	padding: 0 0 0 0;
}
.simpleProduct .quantity input {
	float: left;
	margin: 0 .5em 0 0;
}

.simpleProduct .quantity input.text {
	text-align: center;
	padding: 2px 0;
}

/** Product Details **/
.productDetails {
	position: relative;
	float: left;
	width: 323px;
}
.productPackaging {
	float: right;
	width: 320px;
}
.productDetails .name {
}
.productDetails .code {
	float: left;
	width: 8em;
}
.productDetails .weight,
.productDetails .price {
	float: left;
	width: 6em;
}
.productDetails .quantity {
	clear: both;
	margin: 0 0 1em 0;
}
.productDetails .quantity input {
	float: left;
	margin: 0 5px 0 0;
}
.productDetails .quantity input.text {
	text-align: center;
	padding: 2px 0;
}

/** Nutrition Labels **/
h3.nutritionFacts {
	padding: 6px 0 10px 0;
}

.tableWrapper { /* IE doesn't pad a table */
	float: left;display: inline;/* IE6 */
	color: #000;
	background: #fff;
	padding: .25em .5em;
	margin-top: 10px;
	border: .05em solid #000;
}

.tableWrapper td, .tableWrapper th {
	color: #000; /* Fix IE6 inheritance */
	font-family: tahoma,arial, helvetica, sans-serif;
}

.tableWrapper td {
	font-size: .85em;
	line-height: 1.2em;
	padding: .3em 0;
}

.tableWrapper .heading {
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
}

.tableWrapper .amount, .tableWrapper .dailyValue {
	font-weight: bold;
}

.tableWrapper .dailyValue, .tableWrapper .dv {
	text-align: right;
}
.tableWrapper .dv {
	padding-left:1em;
}

.tableWrapper .pad {
	width: .6em;
}

.tableWrapper .thinRule, .tableWrapper .medRule, .tableWrapper .thickRule {
	border-style: solid;
	border-color: #000;
}
.tableWrapper .thinRule { border-width: .05em 0 0 0;}
.tableWrapper .medRule {  border-width: .1em 0 0 0;}
.tableWrapper .thickRule {border-width: .2em 0 0 0;}

/** Shopping Cart Notification **/
#Cart {
	position: absolute;
	top: 2.5em;
	right: 0;
}
#Home #Cart {
	top: 450px;
	right: 53px;
}

/** Shopping Cart **/
#Checkout, #Tally, #CheckoutOptions {
	padding: 10px;
	margin: 0 87px 0 0;
}
#Tally {
	background: #ecf2ce;
	border: 1px solid #dee5ba;
}

.cartProductDetails {
	display: block;
	height: 4em;
	clear: both;
	border-bottom: 1px solid #dee5ba;
}
h4.cartProductName {
	line-height: 1.5em;
}
h4.cartProductName a {
	font-weight: normal;
}
.cartProductWeight {
	float: left;display: inline;
	width: 7em;
	height: 24px;
}
.cartProductPrice {
	float: left;display: inline;
	width: 7em;
	height: 24px;
}
.cartProductQuantity {
	float: left;display: inline;
	width: 9em;
	height: 24px;
}
.cartProductQuantity input {
	float: left;display: inline;
}
.cartProductQuantity input.text {
	text-align: center;
	padding: 2px 0;
	margin: 0 5px 0 0;
}
.cartProductRemove {
	float: left;display: inline;
	width: 7em;
	height: 24px;
	text-align: right;
}
.cartProductTotal {
	float: right;display: inline;
	width: 8em;
	height: 24px;
	text-align: right;
}

#Tally {
	clear: both;
}
#Tally p {
	text-align: right;
	margin: 0;
}
#Tally span {
	display: inline-block;
	width: 5em;
}
#Tally .subTotal {
}
#Tally .grandTotal span {
	font-weight: bold;
	border-top: 3px double;
}

#CalculateShipping {
	text-align: right;
	padding: 1em 0;
}
#CalculateShipping label {
	display: block;
}
#CalculateShipping select {
	width: 16em;
	margin-bottom: .25em;
}
#CalculateShipping input.text {
	width: 15.7em;
	margin-bottom: .25em;
}

#CalculateShipping optgroup {
	padding: 0;
	margin: 0;
}
#CalculateShipping option {
	padding: 0;
	margin: 0;
}
.errorMessages {
	background: #fff;
	padding: .5em;
	margin: .5em 0;
	border: 1px solid #dee5ba;
}
#ProceedToCheckout {
	float: right; display: inline;
	width: 85px;
	margin: 0 0 0 5px;
}

#ContinueShopping {
	float: right; display: inline;
	margin: 0 0 0 5px;
}

.paypal {
	margin-top: .5em;
}

/** Product List **/
.productList .num {
	width: 6em;
}

/** Nav **/
#TopNav {
	display: block;
	height: 61px;
	width: 100%;
	background: url(/i/menubar.png) top center no-repeat;
	margin: -22px auto 0 auto;
}
#TopNav ul {
	padding: 0 0 0 161px;
}
#TopNav li {
	float: left;
}
#TopNav a {
	color: #80561b;
	display: block;
	font-family: 'LiberationSerifRegular','Times New Roman', serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 54px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 18px 0 18px;
}
#TopNav a:hover {
	color: #6e801a;
}
#TopNav li.current a {
	background: url(/i/topnav-select.png) center 39px no-repeat;
}
#TopNav li.current a:hover {
	color: #80561b;
}

#SubNav {
	float: left;
	width: 250px;
	background: url(/i/subnav-top.png) top left no-repeat;
	padding: 7px 0 0 0;
	margin: 79px 0 0 0;
}
#SubNav div {
	display: block;
	width: 250px;
	background: url(/i/subnav-bottom.png) bottom left no-repeat;
	padding: 0 0 8px 0;
}
#SubNav ul {
	background: url(/i/subnav-bgd.png) top left repeat-y;
	padding: 15px 0 18px 0;
	margin: 0;
}
#SubNav li {
	list-style-image: none;
}
#SubNav a {
	color: #80561b;
	display: block;
	font-family: 'LiberationSerifRegular','Times New Roman', serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 33px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 37px;
}
#SubNav a:hover {
	color: #6e801a;
}
#SubNav li.current a {
	background: url(/i/subnav-select.png) 14px 9px no-repeat;
}
#SubNav li.current a:hover {
	color: #80561b;
}

#SubNav ul.careers li {
	padding: 0 20px 0 0;
}

/** Careers **/
#SubNav p {
	background: url(/i/subnav-bgd.png) top left repeat-y;
	padding: 15px 20px 18px 37px;
	margin: 0;
}
#SubNav ul.careers a {
	font-family: 'OpenSansRegular',arial,sans-serif;
	line-height: 1em;
	text-transform: none;
}
/*
#SubNav ul.careers span {
	font-size: .85em;
	padding: 0 0 0 37px;
}
*/

/** Tabs **/
ul.idTabs {
	display: block;
	clear:both;
	height: 54px;
	border-bottom: 1px solid #6e801a;
}
ul.idTabs li {
	float: left;
	background: url(/i/tab-bgd-r.gif) 100% -33px no-repeat;
	padding: 0 12px 0 0;
	list-style-image: none;
	margin: 1.5em 0 0 0;
}
ul.idTabs li a,
ul.idTabs li a:hover {
	display: block;
	color: #333;
	background: url(/i/tab-bgd-l.gif) 0 -33px no-repeat;
	line-height:33px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 8px 0 20px;
	border: none;
}
ul.idTabs li.selected {
	background: url(/i/tab-bgd-r.gif) top right no-repeat;
}
ul.idTabs li.selected a,
ul.idTabs li.selected a:hover {
	color:  #fff;
	background: url(/i/tab-bgd-l.gif) top left no-repeat;
}
/*
*/

/** Footer **/
#Footer {
	color: #fdb813;
	display: block;
	height: 353px;
	width: 100%;
	background: url(/i/footer.png) top center no-repeat;
	font-size: .92857em;
	line-height: 1.3em;
}
#Footer a {
	color: #fff0ce;
	font-weight: normal;
	text-decoration: none;
}
#Footer h5 a {
	color: #fdb813;
	line-height: 54px;
	text-transform: uppercase;
}
#Footer a:hover {
	text-decoration: underline;
}
#Footer div div {
	display: block;
	height: 10.5em;
	border-right: 1px solid #fdb813;
}
#Footer .homeBakers {
	float: left;
	margin: 54px 0 0 54px;
}
#Footer .homeBakers div {
	width: 13em;
}
#Footer .proBakers,
#Footer .organics,
#Footer .careers {
	float: left;
	padding: 0 0 0 20px;
	margin: 54px 0 0 0;
}
#Footer .proBakers div {
	width: 15.5em;
}
#Footer .organics div {
	width: 13.5em;
}
#Footer .careers div {
	width: 7.5em;
}
#Footer .contact {
	float: right;
	margin: 54px 54px 0 0;
}

#Footer .qai,
#Footer .cor,
#Footer .iso {
	float: left;
	height: 5em;
	font-size: .857em;
}

#Footer .qai {
	width: 26em;
	margin: 1em 0 0 54px;
}
#Footer .cor {
	width: 24em;
	margin: 1em 0 0 0;
}
#Footer .iso {
	width: 23em;
	margin: 1em 0 0 0;
}
#Footer .qai img,
#Footer .cor img,
#Footer .iso img {
	float: left;
	margin: 0 1em 0 0;
}
#Footer .iso p {
	margin-bottom: 0;
}

#Footer .copyright {
	clear: both;
	font-size: .857em;
	text-align: center;
}
#Footer .copyright a {
	color: #fdb813;
}

/** Contact Form **/
#ContactForm {
	padding-bottom: 1em;
}

#ContactForm fieldset {
	display: inline;
/*
	display: block;
	padding: 0;
	border-style: none;
	margin: 0;
*/
}

#ContactForm label,
#ContactForm input,
#ContactForm textarea {
	display: block;
}

#ContactForm label {
	font-size: .9em;
	margin: 0 0 .5em 0;
}

#ContactForm label.checkbox {
}

#ContactForm label.checkbox input {
	clear: both;
	float: left;
	width: auto;
	margin: 0 .5em 0 0;
}

#ContactForm label.invalid {
	font-weight: bold;
}

#ContactForm input.text,
#ContactForm textarea {
	width: 100%;
}
#ContactForm button {
	padding: .25em;
}

/** Ajax **/
.productOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: #fff;
}

.productOverlay .busy {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
}

.productOverlay p {
	text-align: center;
}
.product .productOverlay p {
	margin: 1em 0;
}
.simpleProduct .productOverlay p {
	margin: .25em 0;
}
.productDetails .productOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	display: none;
	background: #fff;
}

/** CMS **/
div.CMSEdit {
	overflow: auto;
	border: 1px solid red;
}
#CMSEditForm {
	padding:0;
	margin:0;
}
#CMSEditForm button.edit {
	display: block;
	color: #333;
	background-color: #f0f0f0;
	background-position: 3px 1px;
	background-image: url(/_cms/i/icon-edit.png);
	background-repeat: no-repeat;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: .9em;
	text-decoration: none;
	line-height: 1.3em;
	cursor: pointer;
	padding:1px 5px 2px 21px;
	border: 1px solid;
	border-color: #ddd #bbb #bbb #ddd;
	margin: 0;
	overflow: visible;/* IE */
}

