/* Global Styles */

body { font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#container { position: relative; z-index: 2; width: 840px; padding-bottom: 89px; padding-left: 65px; }

.bg1 { background: transparent url(/images/site/bg-siteinfo-artichoke.png) no-repeat left bottom;  }
.bg2 { background: transparent url(/images/site/bg-siteinfo-blueberries.png) no-repeat left bottom;  }
.bg3 { background: transparent url(/images/site/bg-siteinfo-cabbage.png) no-repeat left bottom;  }
.bg4 { background: transparent url(/images/site/bg-siteinfo-lemons.png) no-repeat left bottom;  }
.bg5 { background: transparent url(/images/site/bg-siteinfo-strawberry.png) no-repeat left bottom;  }
.bg6 { background: transparent url(/images/site/bg-siteinfo-thistle.png) no-repeat left bottom;  }


#branding { padding-top: 36px; background: transparent url(../images/site/bg-branding.png) no-repeat right top; }
#branding a { display: block; height: 81px; text-indent: -9999px; }
#branding #positively_vegetarian { position: absolute; right: 0; top: 117px; width: 209px; height: 50px; text-indent: -9999px; 
								   background: transparent url(../images/site/bg-positively_vegetarian.png) no-repeat 10px 15px; }
#cookeryschool #branding #positively_vegetarian { position: absolute; right: 0; top: 117px; width: 209px; height: 50px; text-indent: -9999px; 
								   background: transparent url(../images/site/bg-VCpositively_vegetarian.png) no-repeat 10px 15px; }
#siteinfo { position: relative; z-index: 1; height: 85px; margin-top: -142px; margin-bottom: 12px; padding-top: 120px;
			background: transparent url(../images/site/bg-siteinfo.png) repeat-x left top; }
#siteinfo p { float: left; padding-left: 65px; padding-top: 17px; line-height: 1.5; color: #92948b; margin-bottom: 10px; }
#siteinfo-title { font-size: 1.4em; color: #B05691; }
#siteinfo-address { font-size: 1.2em; }
	
#social { position: absolute; left: 709px; top: 140px; }
.socialicons { float: left; margin-left: 15px; }
#siteinfo #fbook { display: block; text-indent: -9999px; width: 50px; height: 50px;
					background: transparent url(/images/site/bg-sprites-social.png) no-repeat left -50px;  }
#siteinfo #fbook:hover { background: transparent url(/images/site/bg-sprites-social.png) no-repeat left top;  }

#siteinfo #twitter { display: block; text-indent: -9999px; width: 50px; height: 50px;
					background: transparent url(/images/site/bg-sprites-social.png) no-repeat -50px -50px;  }
#siteinfo #twitter:hover { background: transparent url(/images/site/bg-sprites-social.png) no-repeat -50px top;  }
#siteinfo #flickr { display: block; text-indent: -9999px; width: 50px; height: 50px;
					background: transparent url(/images/site/bg-sprites-social.png) no-repeat -100px -50px;  }
#siteinfo #flickr:hover { background: transparent url(/images/site/bg-sprites-social.png) no-repeat -100px top;  }			
	
			
#content-main { min-height: 500px; margin: 50px 219px 0 182px; padding: 24px 20px 0; background: #f9faf7; }
#content-main.wide { margin-right: 0; }

#picturebox { position: absolute ; right: 0 ; top: 167px ; width: 209px ; }
#picturebox img { margin-bottom: 10px ; }

/* Navigation */

#navmain { position: absolute; left: 65px; top: 130px; width: 621px; height: 21px; background: #f9faf7; overflow: hidden; }
#navmain ul { list-style: none; }
#navmain li { float: left; font-size: 1.0em; }
#navmain a { display: block; padding: 0 10px 0 8px; background: transparent url(../images/site/bg-navmain-li.png) no-repeat right top; 
			 line-height: 20px; color: #92948b; }
#navmain li.last a { background: none; }
#navmain li.active a { color: #B05691; cursor: default; }
#navmain li.active a:hover { text-decoration: none; }

/* Navigation: Supplementary */

#navsupp { position: absolute; left: 65px; top: 247px; width: 165px; }
#navsupp ul { list-style: none; }
#navsupp li { margin: 0 0 6px 0; }
#navsupp a { display: block; width: 145px; padding: 0 10px; text-align: right; color: #797563; line-height: 17px; font-size: 1em; }
#navsupp li.active a { background: #88c824; color: #fff; cursor: default; }
#navsupp li.active a:hover { text-decoration: none; }

#navsupp li.active ul { border-right: 1px solid #cfd4c2; padding-top: 4px; padding-bottom: 5px; background: transparent url(../images/site/bg-navsupp-ul-ul.png) repeat-y right top; }
#navsupp li.active li { margin-bottom: 2px; }
#navsupp li.active li a { background: none; cursor: pointer; color: #797563; }
#navsupp li.active li.active a { color: #8ebb3a; }

/* General Typography */

#content-main a { color: #88c824; font-weight: bold; }

#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 { line-height: 1.3; font-weight: normal; color: #797563; }

#content-main h1 { font-size: 2.4em; margin-bottom: 1em; color: #b05691; }
#content-main h2 { font-size: 1.8em; margin: 0.7em 0 0.3em ; color: #bc82a8; }
#content-main h3 { font-size: 1.6em; margin-bottom: 0.2em; color: #bc82a8; }
#content-main h4 { font-size: 1.4em; }
#content-main h5 { font-size: 1.3em; }

#content-main p { font-size: 1.2em; line-height: 1.4; margin-bottom: 1em; color: #797563; }

#content-main ol,
#content-main ul,
#content-main blockquote { margin-left: 20px; font-size: 1.2em; line-height: 1.4; margin-bottom: 1em; color: #797563; }

#content-main ul li { margin: 15px 0; }

#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol,
#content-main blockquote p { font-size: 1em; }

/* Section Specific: Home */

#featurebox { margin: 1em auto ; border: 2px solid #88C824 ; padding: 10px 10px 0 ; background: #fff ; }
#featurebox h2 { margin: 0 0 0.3em ; }
#featurebox img { float: left ; margin: 3px 10px 0 0 ; border: 5px solid #F9FAF7 ; } 
#featurebox a { display: block ; margin-left: 90px ; }

/* Section Specific: Cookery School */

#cookeryschool #branding { background: transparent url(../images/site/bg-brandingb.png) no-repeat left top; }
#cookeryschool #navmain li.active a { color: #88C824; cursor: default; }
#cookeryschool #navsupp li.active a { background: #B05691; }
#cookeryschool #navsupp li.active li.active a { color: #B05691 };

#cookeryschool #container.bg1 { background: transparent url(../images/site/bg-siteinfo-cabby.png) no-repeat left bottom; }
#cookeryschool #container.bg2 { background: transparent url(../images/site/bg-siteinfo-carrots.png) no-repeat left bottom; }
#cookeryschool #container.bg3 { background: transparent url(../images/site/bg-siteinfo-tomato.png) no-repeat left bottom; }

#cookeryschool #content-main h1 { color: #88C824; }
#cookeryschool #content-main a { color: #B05691; }
#cookeryschool #content-main h3 { color: #88C824; }

#cookeryschool #siteinfo-title { font-size: 1.4em; color: #8ebb3a; }

/* Page Specific: Blog */

#content-main .blogitem { border-top: 2px dotted #797563; padding-top: 1em; }
#content-main .blogitem img { margin-bottom: 12px; }

/* Page Specific: Gallery */


#content-main #gallerybox {overflow: auto ; }
#content-main .galleryitem { float: left; overflow: hidden ; width: 192px ; height: 225px ; margin-right: 20px; margin-bottom: 20px; }
#content-main .galleryitem img { border: 1px solid #797563; }
#content-main .galleryitem.last { margin-right: 0; }
#content-main .galleryitem p { font-size: 1.1em; }

/* Page Specific: Contact */

form h2 { margin-bottom: 0.5em; }

label { float: left; width: 150px; font-size: 1.2em; line-height: 1.5; padding: 2px 0; color: #797563 ;}

.checkbox label { float: none ; width: auto ; }

.datetime,
.text,
.select,
.multitext,
.button { clear: left ; overflow: hidden; margin-bottom: 1em; }

.text input,
.select select,
.datetime select,
.multitext textarea { float: left; width: 241px; border: 1px solid #797563; padding: 2px 3px; color: #797563 ;
  					line-height: 1.2; font-size: 1.2em; font-family: "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.datetime select,
.select select { padding: 0 0 0 3px ; height: 21px ; width: 249px ; line-height: 19px !important ; } 
.datetime select { width: 75px; margin-right: 5px ;  }

.button input { float: right; border-color: #88C824; border-width: 1px ; padding: 2px 5px; background: #88C824; color: #fff;
  			  font-size: 1.5em; font-weight: normal; }

.button #mlsubscribe { float: left ;  }
.button #mlunsubscribe { background: #B05691 ; border-color: #B05691 ;  }	  

/* Page Specific: About the cookery school */

#cookeryschool #upcomingCourse .classfull { padding: 0 3px; border: 1px solid #bc82a8; color: #bc82a8; font-size: 10px; }
#cookeryschool #upcomingCourse .newcourse { padding: 0 3px; border: 1px solid #95bf47; background: #95bf47; color: #fff; font-size: 10px; }
#cookeryschool #upcomingCourse li { margin-bottom: 10px;}
#cookeryschool #upcomingCourse .classlimited { padding: 0 3px; border: 1px solid #ff5a00; color: #ff5a00; font-size: 10px; }

/* Page Specific: Upcoming Courses */

#cookeryschool #courselist li { margin-bottom: 2px; }
#cookeryschool #courselist .newcourse { padding: 0 3px; border: 1px solid #95bf47; background: #95bf47; color: #fff; font-size: 10px; }
#cookeryschool #courselist .classfull { padding: 0 3px; border: 1px solid #bc82a8; color: #bc82a8; font-size: 10px; }
#cookeryschool #courselist .needsfilling { padding: 0 3px; border: 1px solid #FF6600; background: #FF6600; color: #fff; font-size: 10px; }
#cookeryschool #content-main li { margin: 10px 0; }

/* Page Specific: Cookery School > Cookery Books */

#cookeryschool #picturebox img { margin-bottom: 48px; }

/* Page specific: shop */

body#shop div#content-supp { position: absolute ; right: 0 ; top: 190px ; width: 200px ; font-size: 90% ; }
div.product { padding-bottom: 15px ; border-bottom: 1px solid #797563 ; margin-bottom: 15px ; }
div#last.product { padding-bottom: 0 ; border-bottom: 0 ; }
div.product img { margin-top: 4px ; }
div.product img { margin-top: 4px ; }


/* Page Specific: Mailing List */

#content-main p.errorMsg { border: 2px solid #f00; background: #fee; color: #f00; padding: 10px; }
#content-main p.infoMsg { border: 2px solid #060; background: #efe; color: #060; padding: 10px; }

/* Basket Styles */

#shop #navsupp { top: 163px; }
#shop #navsupp a { font-size: 1.2em; color: #000; display: block; text-align: left;  }
#shop #content-main img { float: left; margin-right: 15px; margin-bottom: 10px; }

#globalbasket { padding: 5px; width: 170px; min-height: 200px; color: #797563 ; }
#globalbasket h3 { padding: 3px 5px ; margin-bottom: 5px ; background-color: #88C824 ; color: #fff ; font-size: 1em ; font-weight: normal ; line-height: 17px ; }
#globalbasket .basketitem { clear: left ; border-bottom: 1px solid #cae2c3 ; padding: 9px 0 8px ; }
#globalbasket .basketitem h4 { font-size: 10px; overflow: hidden;}
#globalbasket .basketitem h4 input { float: left; }
#globalbasket .basketitem h4 span { float: left; margin: 1px 0 0 5px;}
#globalbasket input.removebtn { border: none; height: 13px; width: 14px; cursor: pointer; text-indent: -9999px;
								background: transparent url(../images/site/btn-removeitem.png) no-repeat center center ; }

#globalbasket p { padding: 0 5px ; line-height: 1.3 ; }
#globalbasket p#basketempty { padding-top: 5px; line-height: 1.5; }
#globalbasket p.options { margin: 4px 0 5px 14px ; font-size: 1em ; font-style: italic ; }
#globalbasket p.qty { margin: 9px 0 ; padding: 1px 0 0 ; text-align: right ; line-height: 19px ; font-size: 1.1em ; font-weight: bold ; }
#globalbasket p.qty span { float: left ; margin-top: -1px ; font-weight: normal ; }
#globalbasket p.qty select { width: 40px ; margin: 0 ; font-size: 1.1em ; border: 1px solid #88C824 ; color: #797563 ;  }	
#globalbasket p#totals { clear: left ; margin-right: -5px ; padding-top: 9px ; text-align: right ; }
#globalbasket p#actions { margin-top: 10px ; padding: 0 ; }
#globalbasket input.updatebtn,
#globalbasket a#proceed { float: left ; margin-left: 3px ; padding: 3px 4px ; border-width: 1px ; border-color: #88C824 ; background-color: #88C824 ; color: #fff ;
                          font: normal bold 0.915em/1.0 Lucida Grande, Verdana, Arial, sans-serif ; cursor: pointer ; }
#globalbasket a#proceed { width: 72px ; padding: 0 5px ; margin-left: 3px ; line-height: 15px ; border-style: solid ; border-color: #d0e9a8 ; border-bottom-color: #557c14 ; border-right-color: #557c14 ; }
#globalbasket a#proceed:hover { text-decoration: none ; }

/* Checkout styles */

body#checkout h2 { margin-bottom: 20px ; }
body#checkout .text input { width: 150px ; } 

body#checkout p.errorheader,
body#checkout p.error { font-weight: bold ; color: #900 ; font-size: 11px ; margin-bottom: 0.3em ; }
body#checkout p.errorheader { font-size: 12px ; }
body#checkout div.error input,
body#checkout div.error select,
body#checkout div.error textarea { border: 2px solid #900 ; background-color: #fee ; color: #000 ; }

#orderbreakdown #ordereditlink { display: none; }
table#order_breakdown td.qty { width: 30px ; padding-right: 4px; }
table#order_breakdown td.totaltext { font-size: 1.0em; }
.desc { width: 300px; }
td.subtotal {text-align: right;}
td.total { font-size: 1em; font-weight: bold; text-align: right ; }
.text span { color: #797563 ; font-size: 1em ; line-height: 19px ; margin-left: 10px ; }
#content-main table#order_breakdown td.vat p { font-size: 1em ; font-style: italic ; }
#checkout #delivery_title { width: 70px; }
#checkout #delivery_postcode { width: 70px; }
#checkout .tooltiphint { float: left ; position: relative ; top: 1px ; margin-left: 5px ; width: 19px ; height: 19px ; font-size: 14px ; font-weight: bold ; color: #fff ; background: #88C824 ; text-align: center ; cursor: help ; }
#checkout .button { margin-top: 10px ; padding-bottom: 20px ; }