/* Global */
* { margin:0; padding:0; }
body { font-size:14px; line-height:1.3em; color:#58595a; background:#fbf7e4; font-family:Verdana, sans-serif; }
div#wrapper { width:100%; text-align:center; }
div#shadow { width:808px; background:url(../img/shadow-x.gif) repeat-y top right #fff; margin:0 auto; text-align:left; }
div#center { width:800px; text-align:left; border-left:1px solid #c9ced2; border-right:1px solid #c9ced2; }
div.clear { clear:both; height:0px; }
a#skip-link { float:left; text-indent:-9999em; }
fieldset { border:0; }
legend { float:left !important; height:0 !important; text-indent:-9999em; }

/* Header & site navigation */
div#header { width:800px; height:103px; }
div#header h1#home-link { float:left; width:220px; height:50px; margin:44px 0 0 27px; }
div#header h1#home-link a { float:left; display:block; width:220px; height:50px; text-indent:-9999em; outline:0; }
fieldset#header-navigation { font-size:0.8em; }
fieldset#header-navigation ul { list-style-type:none; margin:45px -2px 0 0; float:right; }
fieldset#header-navigation li { float:left; display:block; margin-right:2px; }
fieldset#header-navigation a { height:32px; text-indent:-9999em; display:block; outline:0; }
fieldset#header-navigation a:hover, fieldset#header-navigation li.selected a { background-position:0 -32px !important; }

/* Header themes */
div.bluesky { background:url(../img/bg-bluesky.jpg) no-repeat; }
div.bluesky fieldset#header-navigation a#nav-home { background:url(../img/nav-home-bluesky.jpg); width:60px; }
div.bluesky fieldset#header-navigation a#nav-products { background:url(../img/nav-products-bluesky.jpg); width:75px; }
div.bluesky fieldset#header-navigation a#nav-health { background:url(../img/nav-health-bluesky.jpg); width:60px; }
div.bluesky fieldset#header-navigation a#nav-recipes { background:url(../img/nav-recipes-bluesky.jpg); width:65px; }
div.bluesky fieldset#header-navigation a#nav-community { background:url(../img/nav-community-bluesky.jpg); width:92px; }
div.bluesky fieldset#header-navigation a#nav-history { background:url(../img/nav-history-bluesky.jpg); width:65px; }
div.bluesky fieldset#header-navigation a#nav-contact { background:url(../img/nav-contact-bluesky.jpg); width:76px; }

div.olive { background:url(../img/bg-olive.jpg) no-repeat; }
div.olive fieldset#header-navigation a#nav-home { background:url(../img/nav-home-olive.jpg); width:60px; }
div.olive fieldset#header-navigation a#nav-products { background:url(../img/nav-products-olive.jpg); width:75px; }
div.olive fieldset#header-navigation a#nav-health { background:url(../img/nav-health-olive.jpg); width:60px; }
div.olive fieldset#header-navigation a#nav-recipes { background:url(../img/nav-recipes-olive.jpg); width:65px; }
div.olive fieldset#header-navigation a#nav-community { background:url(../img/nav-community-olive.jpg); width:92px; }
div.olive fieldset#header-navigation a#nav-history { background:url(../img/nav-history-olive.jpg); width:65px; }
div.olive fieldset#header-navigation a#nav-contact { background:url(../img/nav-contact-olive.jpg); width:76px; }

div.bread { background:url(../img/bg-bread.jpg) no-repeat; }
div.bread fieldset#header-navigation a#nav-home { background:url(../img/nav-home-bread.jpg); width:60px; }
div.bread fieldset#header-navigation a#nav-products { background:url(../img/nav-products-bread.jpg); width:75px; }
div.bread fieldset#header-navigation a#nav-health { background:url(../img/nav-health-bread.jpg); width:60px; }
div.bread fieldset#header-navigation a#nav-recipes { background:url(../img/nav-recipes-bread.jpg); width:65px; }
div.bread fieldset#header-navigation a#nav-community { background:url(../img/nav-community-bread.jpg); width:92px; }
div.bread fieldset#header-navigation a#nav-history { background:url(../img/nav-history-bread.jpg); width:65px; }
div.bread fieldset#header-navigation a#nav-contact { background:url(../img/nav-contact-bread.jpg); width:76px; }

div.lime { background:url(../img/bg-lime.jpg) no-repeat; }
div.lime fieldset#header-navigation a#nav-home { background:url(../img/nav-home-lime.jpg); width:60px; }
div.lime fieldset#header-navigation a#nav-products { background:url(../img/nav-products-lime.jpg); width:75px; }
div.lime fieldset#header-navigation a#nav-health { background:url(../img/nav-health-lime.jpg); width:60px; }
div.lime fieldset#header-navigation a#nav-recipes { background:url(../img/nav-recipes-lime.jpg); width:65px; }
div.lime fieldset#header-navigation a#nav-community { background:url(../img/nav-community-lime.jpg); width:92px; }
div.lime fieldset#header-navigation a#nav-history { background:url(../img/nav-history-lime.jpg); width:65px; }
div.lime fieldset#header-navigation a#nav-contact { background:url(../img/nav-contact-lime.jpg); width:76px; }

div.sunflower { background:url(../img/bg-sunflower.jpg) no-repeat; }
div.sunflower fieldset#header-navigation a#nav-home { background:url(../img/nav-home-sunflower.jpg); width:60px; }
div.sunflower fieldset#header-navigation a#nav-products { background:url(../img/nav-products-sunflower.jpg); width:75px; }
div.sunflower fieldset#header-navigation a#nav-health { background:url(../img/nav-health-sunflower.jpg); width:60px; }
div.sunflower fieldset#header-navigation a#nav-recipes { background:url(../img/nav-recipes-sunflower.jpg); width:65px; }
div.sunflower fieldset#header-navigation a#nav-community { background:url(../img/nav-community-sunflower.jpg); width:92px; }
div.sunflower fieldset#header-navigation a#nav-history { background:url(../img/nav-history-sunflower.jpg); width:65px; }
div.sunflower fieldset#header-navigation a#nav-contact { background:url(../img/nav-contact-sunflower.jpg); width:76px; }

/* Common content */
div#main { float:left; clear:left; background:#fff; }
div#main p { padding:10px 30px; }
div#main a { color:#0061aa; font-weight:bold; text-decoration:none; }
div#main a:hover { text-decoration:underline; }
div#main h2 { color:#0061aa; font-size:26px; margin:35px 0 10px 30px; font-weight:400; line-height:32px; }
div#main h3 { color:#0061aa; font-size:18px; margin:20px 0 10px 30px; font-weight:400; }
div#main div.copy { margin-left:290px; }
div#main p { font-size:15px; }
div#main small { display:block; line-height:1.2em; padding:10px 30px 0 40px; font-size:10px; text-indent:-1em; }
div#main div#hero { float:left; margin-top:-10px; margin-right:-40px; }
div#main a#print-link { float:right; margin:10px 10px 0; color:#58595a; text-decoration:none; height:32px; width:125px; display:block; }
div#main a#print-link img { border:0; }
div#main a#print-link label { white-space:nowrap; width:90px; font-size:10px; cursor:pointer; font-weight:400; display:block; float:left; padding-top:10px; }

/* Home page specific */
div#main.front div.copy { float:left; position:relative; z-index:102; margin-left:40px; width:590px; }
div#main.front div.copy p { font-size:16px; position:relative; padding:5px; z-index:103; }
div#main.front div.copy p.below { margin-top:150px; } 
div#main.front div.copy strong { display:block; padding-bottom:5px; color:#0061aa; margin-left:-2px; font-size:22px; }
div#main.front div#hero { margin-top:20px; }
div#main.front div.panel { font-size:13px; float:left; margin:15px 0 10px 10px; height:139px; }
div#main.front div.panel h2 { color:#0061aa; font-size:17px; margin:15px 40px 5px 160px; width:280px; }
div#main.front div.panel p { padding:0 0 0 160px; line-height:1.1em; }
div#main.front div.panel#old-pack { background:url(../img/panel-old.jpg) no-repeat top left #fff; width:443px; }
div#main.front div.panel#old-pack p { width:258px; }
div#main.front div.panel#old-pack div#flash-panel { float:left; margin:15px 0 0 20px; }
div#main.front div.panel#old-pack div.details { float:left; width:280px; margin-left:10px; }
div#main.front div.panel#old-pack div.details p, div#main.front div.panel#old-pack div.details h2 { padding-left:0; margin-left:0; }
div#main.front div.panel#new-pack { clear:left; background:url(../img/panel-new.jpg) no-repeat top left #fff; width:325px; }
div#main.front div.panel#new-pack p { width:145px; font-size:11px; }
div#main.front div.panel#new-pack p a { color:#58595a; font-weight:400; }
div#main.front div.panel#new-pack h2 a { font-weight:400; }
div#main.front div.panel#new-pack a.blanket { font-weight:400; margin-top:-130px; width:325px; height:140px; display:block; position:absolute; }
div#main.front div.panel#new-pack a:hover { text-decoration:none; }
div#main.front div.panel#new-pack h2 { font-size:18px; line-height:1.1em; margin-top:10px; }

div#main.front div#home-flash-panel { z-index:101; background:#fff; width:600px; margin-top:20px; }
div#main.front fieldset#product-navigation { position:absolute; width:600px; height:160px; }
div#main.front fieldset#product-navigation a { display:block; outline:0; text-decoration:none; position:absolute; text-align:center; }
div#main.front fieldset#product-navigation a img { margin:0; padding:0; border:0; width:100%; height:100%; }
div#main.front fieldset#product-navigation ul#product-list { position:relative; list-style-type:none; }
div#main.front fieldset#product-navigation ul#product-list li { position:absolute; }
div#main.front fieldset#product-navigation span { display:none; }

/* Product page specific */
div#main.products div#hero img { margin-top:20px; }
div#main.products div.copy { width:510px; }
div#main.products div.summary { width:99%; float:left; margin:20px 0 20px 30px; }
div#main.products div.summary ul { list-style-type:none; }
div#main.products div.summary li { background:url(../img/red-tick.gif) 0 0 no-repeat; padding-left:20px; float:left; width:220px; }
div#main.products div.summary li.green { background:url(../img/green-tick.gif) 0 0 no-repeat; }
div#main.products small { padding-top:0; text-indent:0; padding-left:30px; }
div#main.products sup { font-style:italic; }
div#main.products small sup { font-size:1em; width:16px; display:block; float:left; }
div#main.products small sup.no {display:inline; float:none; }
div#main.products table { width:460px; border-collapse:collapse; font-size:0.8em; line-height:1.2em; margin:0 0 10px 30px; background:url(../img/bg-table.gif) bottom left repeat-x #fff; }
div#main.products th { font-weight:400; text-align:center; border:1px solid #bfb8a9; padding:2px 5px; }
div#main.products th.right { text-align:right; }
div#main.products td { border:1px solid #bfb8a9; padding:2px 5px; text-align:center; }
div#main.products td.left { text-align:left; }
div#main.products td.indent { padding-left:20px; }

div#main.products fieldset#product-navigation { position:absolute; width:200px; }
div#main.products fieldset#product-navigation a { display:block; outline:0; text-decoration:none; }
div#main.products fieldset#product-navigation a img { margin:0; padding:0; border:0; width:100%; height:100%; }
div#main.products fieldset#product-navigation ul#product-list { position:relative; list-style-type:none; margin-left:30px; margin-top:-50px; }
div#main.products fieldset#product-navigation span { position:absolute; margin-left:95px; font-size:0.8em; color:#58595a; margin-top:-50px; font-weight:400; display:none; white-space:nowrap; }

/* Recipes index page specific */
div#main.recipes div#hero { margin-top:25px; margin-left:30px; }
div#main.recipes p.download-link { position:absolute; width:360px; top:490px; }
div#main.recipes p.download-link a { display:block; margin-left:30px; margin-top:20px; width:156px; }
div#main.recipes p.download-link a img { border:0; }
div#main.recipes div.three-column { margin-left:10px; }
div#main.recipes div.three-column div.recipe { width:150px; text-align:center; float:left; margin:10px 0 0 5px; height:130px; }
div#main.recipes div.three-column div.recipe a { color:#58595a; text-decoration:none; line-height:1em; display:block; background:#fff; }
div#main.recipes div.three-column div.recipe a:hover { background:#58595a; color:#fff; }
div#main.recipes div.three-column div.recipe img { margin:3px; border:0; }
div#main.recipes div.three-column div.recipe label { display:block; font-weight:bold; font-size:11px; padding-bottom:3px; line-height:12px; margin:0 15px 0 5px; cursor:pointer; }

/* Single recipe page specific */
div#main.single-recipe div#hero { margin-top:25px; margin-left:30px; }
div#main.single-recipe p.download-link { position:absolute; width:360px; top:420px; }
div#main.single-recipe p.download-link a { display:block; margin-left:115px; margin-top:20px; width:150px; }
div#main.single-recipe p.download-link a img { border:0; }
div#main.single-recipe h3 { color:#58595a; font-size:14px; font-weight:bold; margin-bottom:0; }
div#main.single-recipe ul { padding:0 30px; list-style-type:none; }
div#main.single-recipe ol { padding:0 30px 0 55px; }
div#main.single-recipe ol li { padding-bottom:5px; }
div#main.single-recipe p.close-up { padding-top:0; }

/* History page specific */
div#main.history { background:url(../img/bg-history.jpg) no-repeat bottom left; padding-bottom:88px; margin-bottom:-88px;}
div#main.history div#hero { margin-top:25px; }
div#main.history div#hero small { padding-top:5px; color:#898884; }
div#main.history div.column { float:left; width:200px; margin-top:20px; margin-left:30px; }
div#main.history div.column small { padding-left:0; }

/* Contact page specific */
div#main.contact { min-height:400px; }
div#main.contact p { padding:10px 30px 5px 30px; font-size:15px; }
div#main.contact p.address { position:absolute; width:360px; top:430px; }
div#main.contact legend { height:0; }
div#main.contact fieldset p { padding:5px 10px; }
div#main.contact label { float:left; width:80px; padding-top:5px; font-size:12px; }
div#main.contact input.box { border:1px solid #58595a; width:340px; padding:3px 5px; line-height:20px; height:20px; }
div#main.contact textarea.box { font-family:Verdana, sans-serif; font-size:1em; border:1px solid #58595a; width:340px; padding:3px 5px; margin:2px 0; line-height:20px; height:100px; }
div#main.contact input.button { float:left; background:url(../img/btn-submit.gif) no-repeat top left; width:73px; height:27px; text-indent:-9999em; color:#fff; overflow:hidden; font-size:100em; border:0; }
div#main.contact div.errors { color:#a33; padding:10px 30px 5px 30px; }

/* Footer */
p#copyright { clear:left; font-size:9px; color:#9f9f9e; padding:60px 30px 10px 30px; }
div#footer { background:url(../img/footer.gif) top left no-repeat; width:808px; height:8px; }

/* temp */
div#main a#print-link { display:none; }
