
/*----- primary layout --------------------*/
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;height:100%;}

div#layout_body
{
	width:expression(Math.min(Math.max(document.body.clientWidth - 10, 960), 1100)+"px");
	min-width:960px;
	max-width:1100px;
}

div#layout_leftcolumn {float:left;width:240px;}
div#layout_leftcolumn div.layout_inner {padding:12px 0px 0px 18px;}

div#layout_rightcolumn {padding-left:240px;}
div#layout_rightcolumn div.layout_inner {padding:0px 16px 12px 0px;}

div#layout_footer {clear:both;}
div#layout_footer div.layout_inner {padding:0px 16px 0px 18px;}


/*----- browser-neutralisation --------------------*/
a {text-decoration:none;}
a:hover {text-decoration:none;}
body, div, form, img, h1, h2, h3, p {padding:0px;margin:0px;}
img {border:0;}


/*----- text colours and styles --------------------*/
.text_red {color:#FF0000;}
.text_black {color:#000000;}
.text_orange {color:#D78414;}
.text_darkgrey, div.bluebox, div.cartbox {color:#3E3E3E;}
.text_darkgreen {color:#18674E;}

.bold {font-weight:bold;}
.underline {text-decoration:underline;}

a.text_red:hover {color:#FF4444;}
a.text_black:hover {color:#D78414;}
a.text_orange:hover {color:#3E3E3E;}
a.text_darkgrey:hover {color:#D78414;}
a.text_darkgreen:hover {color:#D78414;}
a.bold:hover {font-weight:bold;}
a.underline:hover {text-decoration:underline;}


/*----- background colours --------------------*/
.back_lightblue, div.bluebox, div.cartbox {background-color:#E6F2F6;}



/*----- layout elements --------------------*/
div.layout_leftmenu {padding:8px 0px 8px 12px;}
div.layout_leftmenu div.item {padding:1px 0px 4px 0px;}
div.layout_leftmenu div.item_selected {color:#D78414;font-weight:bold;}
div.layout_leftmenu div.subitem {padding:2px 0px 3px 11px;margin-left:2px;background-image:url(images/menuarrow.png);background-repeat:no-repeat;background-position:0px 4px;}
div.layout_leftmenu div.subitem_selected {background-color:#FFCA52;display:inline;margin:-1px -2px;padding:1px 4px 1px 2px;}
div.layout_leftmenu div.spacer {height:8px;}

div#layout_leftcolumn input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

div.cartbox {padding:6px 10px;font-size:11px;line-height:130%;}



/*----- about pages --------------------*/
div#about {padding:10px 0px 20px 0px;}
div#about div.content {padding:8px 0px 30px 0px;line-height:135%;}
div#about div.illustration {position:relative;height:810px;width:740px;margin:0px auto;}
div#about div.illustration p {position:absolute;font-size:11px;}
div#about div.illustration img {position:absolute;left:0px;top:0px;}
div#about div.illustration a.hitzone {position:absolute;display:block;width:320px;height:140px;background-image:url(images/null.png);}

div#about div.topmenu {padding:4px 0px 20px 0px;}
div#about div.topmenu div.item {padding:2px 0px 3px 11px;margin-left:2px;background-image:url(images/menuarrow.png);background-repeat:no-repeat;background-position:left;}
div#about div.topmenu div.item_selected {background-color:#FFCA52;display:inline;margin:-1px -2px;padding:1px 4px 1px 2px;}

div#about div.newsitem {padding:8px 0px 14px 0px;}
div#about div.newsitem h2.title {float:left;}
div#about div.newsitem div.date {float:left; color:#888888; font-size:10px; padding:4px 0px 0px 4px;}
div#about div.newsitem div.news {clear:both;line-height:130%;padding-top:2px;}

div#about div.person {padding:8px 0px 16px 0px;}
div#about div.person div.details {padding:4px 0px 0px 8px;}
div#about div.person div.description {line-height:150%;padding-top:4px;}

div#about div.galleryitem {float:left;padding:6px 6px 0px 0px;}
div#about div.galleryitem img {border:1px solid #356355;}



/*----- home page --------------------*/
div#home {padding:4px 0px 16px 0px;}

div#home div.contentcolumn {padding-right:20px;}
div#home div.contentcolumn h1 {padding:16px 0px 8px 0px;}
div#home div.contentcolumn h2 {padding:20px 0px 8px 0px;}
div#home div.contentcolumn h3 {padding:0px 0px 3px 0px; font-size:12px;}
div#home div.contentcolumn div.content {padding-right:10px;line-height:135%;}
div#home div.contentcolumn div.newsdate {font-size:10px; color:#888888; padding-bottom:3px;}

div#home div.infocolumn {border:1px solid #B0BFBD;padding:12px 16px 20px 20px;}
div#home div.infocolumn div.fluidimage {width:100%;height:100px;background-image:url(images/hambleton.jpg);background-position:center;background-repeat:no-repeat;}
div#home div.infocolumn div.content {padding-top:8px;font-size:11px;line-height:1.3;}
div#home div.infocolumn div.available_soon {padding:15px 0px 0px 0px;}
div#home div.infocolumn div.available_soon div.item {padding:10px 0px 0px 14px;background-image:url(images/menuarrow.png);background-repeat:no-repeat;background-position:0em 1em;}

div#home div.prod_preview {border:1px solid #B0BFBD;padding:12px 16px 12px 80px;}
div#home div.prod_preview p {padding-top:10px;line-height:1.4;font-size:11px;}
div#home div.prod_preview div.pricearea {padding-top:19px;text-align:right;font-style:italic;margin-left:-70px;}
div#home div.prod_preview div.pricearea div.bluebox {float:right;padding:4px 14px;margin:-7px 0px 0px 10px;font-weight:bold;font-size:14px;}
div#home div.prod_preview .preview {float:left;width:60px;margin-left:-70px;}



/*----- generic managed pages --------------------*/
div#managed {padding:10px 0px 20px 0px;}
div#managed div.content {padding:8px 0px 30px 0px;line-height:1.35;}



/*----- products available soon --------------------*/
div#availablesoon {padding:10px 0px;}
div#availablesoon div.content {padding:8px 0px;line-height:135%;}

div#availablesoon div.product {padding:12px 16px;font-size:11px;}
div#availablesoon div.product p {padding-top:10px;line-height:1.5;}
div#availablesoon div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}

/*div#availablesoon div.product {padding:12px 16px 12px 100px;font-size:11px;}
div#availablesoon div.product p {padding-top:10px;line-height:1.5;}
div#availablesoon div.product .preview {float:left;width:80px;margin-left:-90px;}
div#availablesoon div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}*/

div#availablesoon div.product div.watch {padding:10px 0px 2px 0px;}
div#availablesoon div.product div.watch input {margin:0;padding:0;width:13px;height:13px;}

div#availablesoon div.bluebox input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}



/*----- products pages --------------------*/
div#subcategories {padding:10px 16px 0px 0px;}
div#subcategories div.item {padding:2px 4px 2px 20px;background-image:url(images/subcatarrow.png);background-repeat:no-repeat;background-position:0px 0.45em;font-size:13px;}
div#subcategories div.recipe {font-size:11px;padding-right:8px;}
div#subcategories div.recipe h3 {color:#18674E;font-size:13px;font-weight:bold;}
div#subcategories div.recipe div.teaser {padding:2px 12px 8px 0px;line-height:150%;}
div#subcategories div.search {color:#18674E;font-size:14px;padding-bottom:8px;}

div#products {padding:10px 0px;font-size:11px;}
div#products input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
div#products select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
div#products div.managedcontent {padding:8px 0px 30px 0px;line-height:135%;font-size:12px;}

div#products div.product {padding:12px 0px;margin-top:8px;background-image:url(images/dashes_h.png);background-repeat:repeat-x;background-position:top left;}
div#products div.product div.orderbox {background-color:#E6F2F6;padding:8px;text-align:right;}
div#products div.product div.orderbox p {padding-top:4px;padding-bottom:2px;}
div#products div.product div.description {padding:0px 10px;position:relative;}
div#products div.product div.description h3 {color:#18674E;font-size:13px;font-weight:bold;}
div#products div.product div.description p {padding-top:10px;line-height:150%;}
div#products div.product div.description div.pricebox {padding-top:20px;}
div#products div.product div.description span.price {font-weight:bold;font-size:14px;}

div#products div.category {padding:12px 16px;text-align:center;}
div#products div.category p {padding-top:10px;line-height:1.5;}

div#products div.popular {padding:12px 16px 12px 80px;}
div#products div.popular p {padding-top:10px;line-height:1.5;}
div#products div.popular div.pricearea {padding-top:20px;text-align:right; font-style:italic;}
div#products div.popular div.pricearea div.bluebox {float:right;padding:4px 14px;margin:-7px 0px 0px 10px;font-weight:bold;font-size:14px;}
div#products div.popular .preview {float:left;width:60px;margin-left:-70px;}
div#products div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}

div#products div.subcat {border:1px solid #B0BFBD;padding:12px 16px;}
div#products div.subcat p {padding-top:4px;line-height:1.4;font-size:11px;}

/*
div#home div.prod_preview {border:1px solid #B0BFBD;padding:12px 16px 12px 80px;}
div#home div.prod_preview p {padding-top:10px;line-height:1.4;font-size:11px;}
div#home div.prod_preview div.pricearea {padding-top:19px;text-align:right;font-style:italic;margin-left:-70px;}
div#home div.prod_preview div.pricearea div.bluebox {float:right;padding:4px 14px;margin:-7px 0px 0px 10px;font-weight:bold;font-size:14px;}
div#home div.prod_preview .preview {float:left;width:60px;margin-left:-70px;}
*/



/*----- recipe pages --------------------*/
div#recipes {padding-top:10px;font-size:11px;}
div#recipes div.printlink {padding-top:11px;float:right;}
div#recipes div.managedcontent {font-size:12px;padding:8px 0px 30px 0px;line-height:1.35;}

div#recipes div.recipe {padding:12px 0px;margin-top:8px;background-image:url(images/dashes_h.png);background-repeat:repeat-x;background-position:top left;}
div#recipes div.recipe h3 {color:#18674E;font-size:13px;font-weight:bold;}
div#recipes div.recipe div.teaser {padding-top:10px;line-height:150%;}

div#recipes div.recipe div.preview {float:right;padding:0px 0px 10px 10px;}
div#recipes div.recipe div.content {padding-bottom:20px;line-height:135%;font-size:12px;}
div#recipes div.recipe div.content h3 {padding-bottom:1px;}



/*----- cart pages --------------------*/
div#cart {padding:10px 0px 20px 0px;width:640px;}
div#cart div.content {padding:8px 0px 16px 0px;line-height:1.35;}

div#cart div.deliveryoption {padding:12px 24px 0px 20px;background-image:url(images/subcatarrow.png);background-repeat:no-repeat;background-position:0px 16px;}
div#cart div.deliveryoption h3 {color:#18674E;font-size:13px;font-weight:bold;}
div#cart div.deliveryoption div.description {padding:4px 0px 10px 0px;line-height:1.3;}

div#cart div.loginarea {padding:8px 0px;}
div#cart div.loginarea div.left {float:left;width:70px;padding-top:6px;}
div#cart div.loginarea div.right {margin-left:80px;padding:2px 0px;}

div#cart div.form {padding:5px 0px;}
div#cart div.form div.left {float:left;width:220px;text-align:right;padding-top:8px;}
div#cart div.form div.left_error {float:left;width:220px;text-align:right;padding-top:8px;color:#FF0000;}
div#cart div.form div.right {margin-left:240px;text-align:left;padding:5px 0px;}
div#cart div.form div.right input.textbox {padding:1px;}
div#cart div.form div.info {margin-left:240px;text-align:left;padding:5px 120px 5px 0px;font-size:11px;line-height:1.3;}
div#cart div.form textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;}

div#cart div.details {padding:3px 0px;}
div#cart div.details div.left {float:left;width:220px;text-align:right;font-weight:bold;padding:4px 0px 8px 0px;clear:left;}
div#cart div.details div.right {margin-left:240px;padding:4px 0px 8px 0px;}

div#cart table.cart {font-size:11px;color:#3E3E3E;width:100%;}
div#cart table.cart th {text-align:center;padding:12px 16px 16px 16px;}
div#cart table.cart td {text-align:center;padding:0px 16px 10px 16px;}
div#cart table.cart td.footer {background-color:#CBE9BC;padding:6px 16px;text-align:right;color:#000000;}
div#cart table.cart td input {border:1px solid #777777;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;text-align:center;}
div#cart table.cart .darkback {background-color:#DBEAF1;}
div#cart table.cart .lightback {background-color:#E6F2F6;}
div#cart table.cart .leftalign {text-align:left;}
div#cart table.cart .rightalign {text-align:right;}

div#cart div.postagebar {background-color:#FFE4A6;padding:6px 16px;text-align:right;font-weight:bold;font-size:11px;margin-top:8px;}
div#cart div.totalprice {padding:6px 16px;text-align:right;font-weight:bold;font-size:16px;margin-top:4px;}



/*----- sitemap --------------------*/
div#sitemap {padding:10px 0px;}
div#sitemap div.level0 {padding:2px 0px 2px 20px;background-image:url(images/subcatarrow.png);background-repeat:no-repeat;background-position:0px 0.45em;font-size:13px;}
div#sitemap div.level1 {padding:1px 0px 2px 28px;}
div#sitemap div.level2 {padding:1px 0px 2px 50px;}
div#sitemap div.level3 {padding:1px 0px 2px 70px;}



/*----- search form --------------------*/
form#searchform {padding:12px 0px 4px 0px;}
form#searchform input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}



/*----- contact pages --------------------*/
div#contact {padding:10px 0px 20px 0px;}
div#contact div.content {padding:8px 0px 16px 0px;line-height:1.35;}

div#contact div.details {padding:12px 16px 16px 16px;font-size:11px;line-height:1.3;}
div#contact div.details h2 {padding-bottom:4px;}
div#contact div.details div.left {float:left;width:85px;color:#18674E;font-weight:bold;padding:3px 0px;text-align:right;}
div#contact div.details div.right {margin-left:100px;padding:3px 0px;}
div#contact div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}



/*----- news and events pages --------------------*/
div#newspage {padding:10px 0px 20px 0px;}
div#newspage div.posted {color:#999999;font-size:10px;padding:2px 0px;}
div#newspage div.content {padding:8px 0px 30px 0px;line-height:1.35;}



/*----- links pages --------------------*/
div#links {padding:10px 0px 20px 0px;}
div#links div.content {padding:8px 0px 16px 0px;line-height:1.35;}
div#links div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}

div#links div.details {padding:12px 16px 16px 16px;font-size:11px;line-height:1.3;}
div#links div.details h2 {}
div#links div.details p {padding:4px 0px;}
div#links div.details div.leftcol {float:left;width:70px;padding-top:2px;}
div#links div.details div.rightcol {padding-left:80px;}



/*----- account pages --------------------*/
div#account {padding:10px 0px 20px 0px;}
div#account div.content {padding:8px 0px;line-height:1.35;}

div#account div#submenu {}
div#account div#submenu div.item {padding:2px 4px 2px 20px;background-image:url(images/subcatarrow.png);background-repeat:no-repeat;background-position:0px 0.45em;font-size:13px;}

div#account div#addressbook {width:480px;}
div#account div#addressbook form.newaddr div.left {width:140px; float:left; padding:6px 10px 0px 0px; text-align:right;}
div#account div#addressbook form.newaddr div.right {width:230px; float:left; padding:3px 0px;}
div#account div#addressbook form.newaddr input.textbox {padding:1px;}
div#account div#addressbook div.addline {float:left; width:240px; padding:2px 0px;}
div#account div#addressbook div.clear {clear:both; overflow:hidden;}

div#account div#changepass {}
div#account div#changepass form {}
div#account div#changepass form div.left {float:left;width:160px;text-align:right;padding-top:5px;}
div#account div#changepass form div.right {margin-left:170px;padding:2px 0px;}
div#account div#changepass form div.spacer {height:10px;font-size:1px;line-height:1px;}

div#account div#prevorders {}
div#account div#prevorders table.orderlist {width:100%;font-size:11px;color:#3E3E3E;}
div#account div#prevorders table.orderlist td {text-align:center;padding:8px 12px;}
div#account div#prevorders table.orderlist td.spacer {padding:5px;font-size:1%;line-height:1%;}
div#account div#prevorders table.orderlist .leftalign {text-align:left;}
div#account div#prevorders table.orderlist .rightalign {text-align:right;}
div#account div#prevorders table.prevorder {width:100%;font-size:11px;color:#3E3E3E;width:100%;}
div#account div#prevorders table.prevorder th {text-align:center;padding:12px 16px 16px 16px;}
div#account div#prevorders table.prevorder td {text-align:center;padding:0px 16px 10px 16px;}
div#account div#prevorders table.prevorder td input {border:1px solid #777777;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;text-align:center;}
div#account div#prevorders table.prevorder td.unavailable {font-style:italic;padding:3px 16px 14px 16px;}
div#account div#prevorders table.prevorder .leftalign {text-align:left;}
div#account div#prevorders table.prevorder .rightalign {text-align:right;}
div#account div#prevorders table .darkback {background-color:#DBEAF1;}
div#account div#prevorders table .lightback {background-color:#E6F2F6;}



/*----- user login/registration --------------------*/
div#login {padding:10px 0px 20px 0px;}
div#login div.content {padding:8px 0px 16px 0px;line-height:1.35;}

div#login div.loginarea {width:300px;margin:0 auto;padding:16px 0px 12px 0px;}
div#login div.loginarea div.form {padding:8px 0px;}
div#login div.loginarea div.form div.left {float:left;width:70px;padding-top:6px;clear:left;}
div#login div.loginarea div.form div.right {margin-left:80px;padding:2px 0px;}
div#login div.loginarea div.form div.info {margin-left:80px;font-size:11px;width:220px;padding-bottom:5px;}
div#login div.verticaldash {background-image:url(images/dashes_v.png);background-position:center top;background-repeat:repeat-y;}

div#reminder {padding:10px 0px 20px 0px;}
div#reminder div.content {padding:8px 0px 16px 0px;line-height:1.35;}
div#reminder input.textbox {padding:1px;}



/*----- misc styles (find homes for them!) --------------------*/
div.userstyle a {color:#18674E; text-decoration:underline;}
div.userstyle a:hover {color:#D78414; text-decoration:underline;}
div.greenborder, img.greenborder {border:1px solid #356355;}
div.rule_dashed {background-image:url(images/dashes_h.png);background-position:left;height:1px;overflow:hidden;}
div.rule_green {border-bottom:1px solid #597F73;}
div.bluebox {padding:10px;font-size:11px;line-height:130%;}
h1 {font-size:20px;color:#18674E;font-weight:normal;}
h2 {font-size:14px;color:#18674E;font-weight:bold;}
