/** -------------------------------------------------------------------------------------------- */

/** Reset all styles to fixed defaults (browser neutralisation) */
h1, h2, h3 {margin:0; padding:0; line-height:1.0; font-size:inherit; font-style:normal; font-weight:bold;}
form, div, p {margin:0; padding:0; line-height:inherit; font-size:inherit;}
ul, li {margin:0; padding:0; list-style:none;}
a img {display:block;}
img {border:0;}

/** Primary body styles */
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#7D4913; padding:0; margin:0;}
div#layoutBody {width:977px; margin:15px auto;}



/** -------------------------------------------------------------------------------------------- */

/** Topmost dash-separated menu */
ul#layoutMenuTop {background:#B66E24; border:1px solid #C5AF97; border-bottom:1px solid #C6B7A5; border-top:1px solid #DED1C4; color:#FFFFFF; cursor:default; font-size:11px; line-height:16px; padding:6px 0 5px 0; text-align:center;}
ul#layoutMenuTop li {display:inline; padding:0 2px;}
ul#layoutMenuTop li a {color:#FFFFFF; text-decoration:none;}
ul#layoutMenuTop li a:hover {color:#FFFFFF; text-decoration:underline;}
ul#layoutMenuTop li a.selected {text-decoration:underline;}
ul#layoutMenuTop li a.selected:hover {text-decoration:underline;}


/** Heading banner and Myers link */
div#layoutHeader {background:url(/images/layout_heading.png); width:977px; height:104px; padding-top:20px;}
div#layoutHeader a {display:block; width:252px; height:96px; margin:0 auto;}
div.deliZone div#layoutHeader {background:url(/images/layout_heading_deli.png);}
div.page3 div#layoutHeader {background:url(/images/layout_heading_cafe.png);}
div#layoutHeader a {display:block; width:252px; height:96px; margin:0 auto;}


/** Left-hand column and slideshow styles */
div#layoutLeft {float:left; width:400px; padding-bottom:12px;}
div#layoutLeft div.halfPad {padding:24px 20px 12px 0;}
div#layoutLeft div.fullPad {padding:45px 20px 12px 0;}
div#layoutLeft ul#slideshow {width:400px; height:320px; overflow:hidden; position: relative;}
div#layoutLeft ul#slideshow li {width:400px; height:320px; display:block;}
div#layoutLeft ul#slideshow li img {width:400px; height:320px; display:block;}


/** Right-hand column styles */
div#layoutRight {float:right; width:558px; background:url(/images/layout_qualitybakers.png) 0 0 no-repeat; padding:45px 0 24px 0;}
div.page3 div#layoutRight {background : none;}
div.deliZone div#layoutRight {background:none; padding-top:25px}


/** Lower dash-separated menu */
div#layoutMenuFoot {background:url(/images/footer_top.png) 0 0 no-repeat; color:#5F371F; cursor:default; font-size:11px; line-height:16px; margin-top:15px;}
div#layoutMenuFoot ul {background:url(/images/footer_bottom.png) 0 100% no-repeat; padding:7px 1px 12px 1px; text-align:center;}
div#layoutMenuFoot ul li {display:inline; padding:0 2px;}
div#layoutMenuFoot ul li a {color:#5F371F; text-decoration:none;}
div#layoutMenuFoot ul li a:hover {color:#5F371F; text-decoration:underline;}
div#layoutMenuFoot ul li a.selected {text-decoration:underline;}
div#layoutMenuFoot ul li a.selected:hover {text-decoration:underline;}


/** Textual page footer (address and copyright) */
div#layoutFooter {color:#7D4913; padding:8px 0 0 0; font-size:11px; text-align:center; line-height:1.0;}
div#layoutFooter div.footLine {padding:2px 0;}
div#layoutFooter div.footLine a {color:#7D4913; text-decoration:underline;}
div#layoutFooter div.footLine a:hover {color:#C10033; text-decoration:underline;}



/** -------------------------------------------------------------------------------------------- */

/** Standard content styles */
div.content h1 {font-size:26px; font-weight:normal; padding-bottom:3px;}
div.content h2 {font-size:20px; font-weight:normal; font-style:italic; padding-bottom:3px;}
div.content h3 {font-size:14px; font-weight:normal; font-style:italic; padding-bottom:3px; color:#777777;}
div.content div.para {line-height:1.5;}


/** Floral anchor list */
ul.flowerList {font-size:14px; line-height:1.0;}
ul.flowerList li {display:block; float:left; padding:4px 40px 4px 0px;}
ul.flowerList li a {color:#03387C; text-decoration:none; background:url(/images/bullet_floral.png) 0 0 no-repeat; padding:4px 0 3px 43px; display:block;}
ul.flowerList li a:hover {color:#03387C; text-decoration:underline;}


/** Vertical rollover list (380px wide) */
ul.roBar380 {width:380px; font-size:14px;}
ul.roBar380 li {padding-bottom:6px; line-height:1.0;}
ul.roBar380 li a {background:url(/images/ro_bar380.png) 0 0 no-repeat; color:#663300; text-decoration:none; padding:6px 0 0 8px; display:block; width:372px; height:22px; }
ul.roBar380 li a:hover {background-position:0 -28px; text-decoration:underline;}
ul.roBar380 li h1 {font-size:16px; padding:14px 0 0 6px;}
ul.roBar380 li h1.first {padding-top:0;}


/** Shaded content box (380px wide) */
div.shadeBox380 {background:url(/images/box380_middle.png) 0 0 repeat-y; width:380px;}
div.shadeBox380 div.shadeTop {background:url(/images/box380_top.png) 0 0 no-repeat;}
div.shadeBox380 div.shadeBottom {background:url(/images/box380_bottom.png) 0 100% no-repeat; padding:16px 12px 24px 16px;}


/** Four panels specific to index pages */
div#indexPanels {line-height:1.0; font-size:20px;}
div#indexPanels div.panel {background:0 0 no-repeat; float:left; height:170px; margin-right:12px; margin-top:15px; width:235px;}
div#indexPanels div.panel1 {clear:both; margin-right:13px;}
div#indexPanels div.panel4 {margin-right:0;}
div#indexPanels div.panelThick {height:180px;}

div#indexPanels div.panel a {background:url(/images/panel_overlay.png) 0 0 no-repeat; color:#663300; display:block; height:30px; padding:140px 0 0 15px; text-decoration:none; width:220px;}
div#indexPanels div.panel a:hover {background-position:0 -170px; text-decoration:underline;}
div#indexPanels div.panelThick a {background-image:url(/images/panel_overlay_thick.png); font-size:18px; height:40px;}
div#indexPanels div.panelThick a small {display:block; font-size:11px; padding:6px 0 0 1px;}
div#indexPanels div.panelThick a:hover {background-position:0 -180px;}


/** Thing */
div#stockistMap {width:556px; height:480px; border:1px solid #AAAAAA; color:#000000;}


/** Clearers and spacers */
div.clearer {overflow:hidden; height:0; clear:both;}
div.spacer6 {overflow:hidden; height:6px;}
div.spacer12 {overflow:hidden; height:12px;}
div.spacer24 {overflow:hidden; height:24px;}
div.spacer48 {overflow:hidden; height:48px;}
.nocursor {cursor:default;}
.clear {clear:both;}


/** -------------------------------------------------------------------------------------------- */

/** Comment (558px) */
div#layoutRight form div.errorMsg {color:#FF0000; text-align:center; padding:0 50px 12px 0;}
div#layoutRight form div.left {float:left; width:150px; text-align:right; padding:8px 8px 0 0;}
div#layoutRight form div.right {float:left; width:400px; text-align:left; padding:3px 0;}
div#layoutRight form div.right input.text {width:240px;}

/** Comment */
input.button, button {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding:0px 2em; width:auto; overflow:visible;}
input.text, textarea {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; border:1px solid #C0C3C8; padding:2px; margin:0;}
form em {font-style:normal; color:#C10033;}