@charset "utf-8";
/* Mermaid v1.0 2009 */

html { background: url(img/bg.jpg) top left repeat-x #fff; }
body { margin:0; background: url(img/bg.jpg) top left repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
a img { border:none; }
h1 { font-size:29px; color:#FF7900; width:911px; height:46px; margin:0; padding:90px 0 0 10px; }
h2, h3 { font-size:25px; color:#0751A6; margin-top:0;  }
h4 { font-size: 16px; color:#FF7900; margin: 10px 0; }
b { color:#0751A6; }
p.title { font-size:20px; color:#FF7900; margin:0; padding:0; }

table { border-collapse:collapse; width:90%; border-left:1px solid #333; border-right:1px solid #333; }
th, td { padding:5px; }
th { background:#074FA7; }
td { background:#FD8505; color:#333; }
tr { border-bottom:1px solid #fff; }
thead { background:#074FA7; border-bottom:1px solid #333; color:#fff; }
col { border-right:1px solid #fff; }
col#height { border:none; }

blockquote { font-style: italic; }

#wrap.first h1 { background:url(img/banners/hard-adonised.jpg) top left no-repeat; }
#wrap.second h1 { background:url(img/banners/baking-roasting-dishes.jpg) top left no-repeat; }
#wrap.third h1 { background:url(img/banners/advice.jpg) top left no-repeat; }
#wrap.fourth h1 { background:url(img/banners/whats-new.jpg) top left no-repeat; }
#wrap.fifth h1 { background:url(img/banners/where-to-buy.jpg) top left no-repeat; }
#wrap.sixth h1 { background:url(img/banners/recipes.jpg) top left no-repeat; }


/*FORMSTYLE*/
fieldset { margin:10px 0; padding:10px; border:1px solid #ccc; background:#f8f8f8; }
legend { font-weight:bold; color:#FF7900; }
label { float:left; width:150px; height:35px; clear:left; color:#0751A6; font-size:12px; font-weight:bold; }
label span { font-style:italic; font-weight:normal; font-size:11px; }
input { width:200px; float:left; border:1px solid #999; margin:0 20px 10px 0; padding:3px;  }
select { width:200px; border:1px solid #999;   }
textarea { width:300px; height:100px; border:1px solid #999; padding:3px;  }
input.submit { width:auto; clear:left; border:0 none transparent; padding:5px 2px; background:#ff7900; margin:10px 0 0 150px; font-size:12px; }
input.submit:hover { background:#0751A6; color:#fff; }
/* END FORMSTYLE */

#container { width:958px; margin:0 auto; }
#container ul#page { margin:0; padding:5px 10px 5px 0; list-style:none; float:right; color:#666; font-family:"Century Gothic", "Trebuchet MS", Arial; }
#container ul#page li { display:inline; }
#container ul#page li a { color:#666; text-decoration:none; }
#container ul#page li a:hover { color:#666; text-decoration:underline; }

/* HEADER */
#header { width:948px; height:123px; clear:both; position:relative; font-size:13px; background:url(img/bg-head.jpg) top left no-repeat #fff;  }
#header img { position:absolute; top:7px; left:15px; }
#header form { width:265px; position:absolute; top:30px; left:650px; padding:0 0 0 25px; background:url(img/magnify.jpg) 3px 3px no-repeat; }
#header input.field { float:left; width:190px; padding:2px 0 2px 3px; color:#666; margin:0; }
#header input#button { width:55px; height:21px; border:none; background:url(img/bg-search-submit.jpg) top left no-repeat; color:#fff; padding:0; margin:0 0 0 5px; font-size:11px; text-align:center; text-indent:0; }
/* NAVIGATION */ /* END NAVIGATION */
/* END HEADER */

/* FOOTER */
#footer { width:948px; height:40px; clear:both; padding:10px 0 0 0; margin:10px 0 0 0; background:url(img/bg-footer.jpg) top left no-repeat; color:#666; text-align:center; font-size:9px; }
#footer ul { list-style:none; margin:0; }
#footer li { display:inline; }
#footer a:link { color:#666; text-decoration:none; }
#footer a:visited { color:#666; text-decoration:none; }
#footer a:hover { color:#666; text-decoration:underline; }
/* END FOOTER */

/* BRANDING */
#branding { width:948px; height:300px; clear:both; color:#000; }
/* END BRANDING */

/* CONTENT */
#wrap { width:948px; clear:both; margin:10px 0 0 0; }
#content { width:922px; padding:0 13px 0 13px; background:url(img/bg-content.png) top left repeat-y; }
#content strong { text-transform:uppercase; color:#0751A6; }
#cap { width:948px; height:20px; background:url(img/content-top.png) top left no-repeat; }
#btm { width:948px; height:16px; clear:both; background:url(img/content-btm.png) top left no-repeat; }

.item { width:280px; height:150px; border:1px solid #ccc; float:left; margin:10px 21px 0 0; padding:10px 0 0 20px; font-size:12px; }
.item.last { margin:10px 0 0 0; }
.item p { width:180px; }
.item p.title { margin:0; padding:0; color:#FF7900; font-size:20px; }
.item a { color:#666; text-decoration:none; font-size:14px; width:auto; padding:2px 20px 2px 0; background:url(img/bg-more.jpg) right center no-repeat; }
.item a:hover { color:#666; text-decoration:underline; }
.item img { margin:0; padding:0; float:right; }

#recipe { background:url(img/bg-recipe.jpg) bottom right no-repeat; }
#new { background:url(img/bg-whats-new.jpg) bottom right no-repeat; }
#buy {  background:url(img/bg-buy.jpg) bottom right no-repeat; }
#buy2 { background:url(img/bg-buy2.jpg) bottom right no-repeat; }

.link { width:212px; height:85px; float:left; margin:10px 21px 0 0; padding:35px 0 0 90px; font-size:12px; }
.link.last { margin:10px 0 0 0; }
.link p { width:180px; margin:0; padding:2px 0; margin:2px 0 0 0; }
.link p.title { border-bottom:1px solid #ccc; }
.link a { color:#666; text-decoration:none; width:auto; padding:2px 20px 2px 0;  background:url(img/bg-more-arrow.jpg) right center no-repeat; }
.link a:hover { color:#666; text-decoration:underline; }

.link#join { background:url(img/bg-join.jpg) left center no-repeat #fff; }
.link#advice { background:url(img/bg-advice.jpg) left center no-repeat #fff; }
.link#brochure { width:262px; background:url(img/bg-brochure.jpg) right center no-repeat #fff; padding:35px 0 0 40px; }

#popup { width:200px; padding:10px 0 0 0; text-align:center; border-top:1px solid #b35601; border-bottom:1px solid #b35601; padding:5px 0; margin:0 auto; background:#FF7900; color:#fff; }
#popup input { width:190px; margin:0 0 10px 0; border:none; padding:2px 0; }
#popup input#Submit2 { background:#fff; color:#FF7900; }
#popup p.title { width:auto; height:auto; color:#fff; margin:10px 0 10px 0; padding:10px 0; }
#popup a { width:auto; height:10px; color:#fff; text-decoration:none; padding:2px; }
#popup a:hover { color:#fff; text-decoration:underline; }

#breadcrumb { width:905px; margin:0; padding:10px 0 5px 15px; list-style:none; border-bottom:1px solid #FF7900; color:#333; }
#breadcrumb li { display:inline; }
#breadcrumb li a { color:#FF7900; text-decoration:none; }
#breadcrumb li a:hover { color:#FF7900; text-decoration:underline; }

.product { width:185px; float:left; text-align:center; margin:10px 35px 10px 10px; }
.product.last { margin:10px 0 10px 10px; }
.product p { font-size:13px; font-weight:bold; border-bottom:1px solid #666; color:#0751A6; margin:0; }
.product a img { border:1px solid #ccdef3; padding:5px; margin:0 0 10px 0; }
.product a:hover img { border:1px solid #427bbf; }
.product a:active img { border:1px solid #FF7900; }
.product a { color:#333; text-decoration:none; }
.product a:hover { color:#333; text-decoration:underline; }
/* END CONTENT */

/*PAGE*/
#primary { width:320px; float:left; margin:20px 0 0 0; padding:0; text-align:center; }
#primary img { float:left; margin:0 5px 10px 0; border:1px solid #FF7900; }
#primary img.no { margin:0 0 10px 0; }
#primary p { width:230px; padding:6px 0 4px 0; margin:10px auto; clear:both; background:url(img/magnifier.jpg) left center no-repeat; }
#secondary { width:270px; float:left; margin:20px 0 0 0; padding:0 0 0 30px;  }
#sidebar { width:252px; float:left; margin:20px 0 0 0; padding:0 0 0 50px; }
#sidebar img { margin:0 0 10px 0; border-top:1px solid #FF7900; border-left:1px solid #FF7900; border-right:1px solid #0751A6; border-bottom:1px solid #0751A6; }
#sidebar p.title { border-bottom:1px solid #ccc; }
#sidebar ul { margin:0; padding:10px 5px; list-style:none; }
#sidebar ul a { color:#666; text-decoration:none; }
#sidebar ul a:hover { color:#666; text-decoration:underline; }
#sidebar .tab { width:235px;  border:1px solid #ccc; float:left; margin:0 0 10px 0; padding:10px 0 10px 15px; font-size:12px; }
#sidebar .tab p.title { margin:0; padding:0; color:#FF7900; font-size:20px; border:none; }
#sidebar .tab a { color:#666; text-decoration:none; font-size:14px; width:auto; padding:2px 20px 2px 0; background:url(img/bg-more.jpg) right center no-repeat; }
#sidebar .tab a:hover { color:#666; text-decoration:underline; }

#brief { width:580px; float:left; margin:15px 0 0 0; padding:0 20px 0 20px;  }

#intro { width:580px; float:left; margin:15px 0 0 0; padding:0 20px 0 20px; border-left:1px solid #999;  }
#intro ul { margin: 10px 0; padding: 0; list-style: none; }
#intro img { float:right; margin: 0 0 5px 10px; }
#intro dl { margin: 0;   }
#intro dt { font-size:20px; color:#FF7900; margin:0 0 5px 0; padding: 0 0 0 10px; }
#intro dd { color: #0751A6; border-bottom: 1px dashed #999; padding: 0 10px 10px 10px; margin: 0 0 10px 0; }
#intro a { color:#FF7900; text-decoration:none; }
#intro a:hover { color:#FF7900; text-decoration:underline; }


#listnav { width:281px; float:left; margin:20px 0 0 0; padding:0 10px 0 10px; }
#listnav ul { list-style: none; padding: 0; margin:5px 0; }
#listnav a { color:#FF7900; text-decoration:none; }
#listnav a:hover { color:#FF7900; text-decoration:underline; }
#listnav ul.new { color:#FF7900; font-weight:bold; list-style:none; margin:0; padding:0; line-height: 18px; }
#listnav ul.new li { display:block; background:url(img/bg-more-arrow.jpg) left center no-repeat; padding:5px 0 5px 22px; }
#listnav ul.new li a { color:#FF7900; text-decoration:none; }
#listnav ul.new li a:hover { color:#FF7900; text-decoration:underline; }

#listnav dl { margin: 0; border: 1px solid #999; padding: 10px; height: 400px; overflow: auto; }
#listnav dt { font-size: 14px; font-weight: bold; color: #FF7900; }
#listnav dd { display:block; margin: 0 0 10px 0; background:#eee; padding:3px;  }
#listnav dd a { color: #0050BF; text-decoration: none; }
#listnav dd a:hover { color: #0050BF; text-decoration: underline; }

#map_canvas { float:left; border:2px solid #666; margin:20px 0 0 0; }
/*END PAGE*/

/*GENERAL CLASSES*/
.clear { clear:both; }
.fl { float:left; }
.bold { font-weight:bold; }
.red { color:#CC0000; }
.constrain { width:310px; }
li a.external { background:url("img/ext.gif") top right no-repeat; padding:0 10px 0 0; }
/*END GENERAL CLASSES*/

.search_results a {color: #000000; text-decoration: none;}
.search_results a:hover {color: #000000; text-decoration: underline;}