body { 
	height:100%;
	margin: 0;
	padding: 0;
	font-size: 80%; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background:url('/images/back.jpg') top left repeat-y;
}

body#home a#homenav, body#about a#aboutnav, body#producers a#prodnav, 
body#recipes a#recipenav, body#news a#pressnav, body#contact a#contactnav, body#shop a#buynav {
	background:url('/images/bullet1.gif') 216px 0px no-repeat;
	border:1px solid #593759;
	padding: 4px 18px 4px 0;
}

img {border:none}

fieldset {
	margin:0px;
	padding:0px;
	border:none;
}

#wrapper {
	width:990px;
	border-right: 1px solid #000;

}

#leftnav {
	float:left;
	width:242px;
	height:680px;
	background:url('/images/logoback.jpg') 0px 320px no-repeat;
}

#container {
	float:left;
	width:740px; /* 748 - padding */
	margin-left:6px;

}

#mainlogo {
	background:url('/images/mainlogo.jpg') top left no-repeat;
	width:242px;
	height:169px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

#homecontent {
	margin:0 10px;
	min-height:700px;
}


#maincontent {
	margin:0px;
	min-height:700px;
}

/*------- Main Navigation -------*/

ul#nav {
	list-style-type:none;
	margin:22px 6px 50px 7px;
	padding:0px;
}

ul#nav li {
	margin:0px;
	padding:0px 0 12px 0;
}

ul#nav li a {
	display:block;
	width:210px; /* 228 - 18px */
	font-size:9pt;
	font-family:"Trebuchet MS";
	text-decoration:none;
	text-align:right;
	margin:0px;
	padding: 5px 19px 5px 1px;
	color:#fff;
	background:url('/images/bullet1.gif') 300px 0px no-repeat;

}

ul#nav li a:hover {
	background:url('/images/bullet1.gif') 216px 0px no-repeat;
	border:1px solid #593759;
	padding: 4px 18px 4px 0;
}


#buynav {
	font-size:20px !important;
	background:#593759 !important;
}


a#buynav {
	font-size:20px !important;
	background:#593759 !important;
}

a#buynav:hover {
	background:#B7A7B7 !important;
	
}

/* ------ Subnav ------ */


ul#subnav {
	list-style-type:none;
	margin:0px;
	padding:4px 0px;
}

ul#subnav li {
	margin:0px;
	padding:0px 0 4px 0;
}

ul#subnav li a {
	display:block;
	width:210px; /* 228 - 18px */
	font-size:9pt;
	font-family:"Trebuchet MS";
	text-decoration:none;
	text-align:right;
	margin:0px;
	padding: 5px 19px 5px 1px;
	color:#fff;
	background:url('/images/bullet_sub.gif') 300px 0px no-repeat;

}

ul#subnav li a:hover {
	background:url('/images/bullet_sub.gif') 216px 0px no-repeat;
	border:1px solid #B7A7B7;
	padding: 4px 18px 4px 0;
}


#contentleft {
	float:left;
	width:488px;
	margin-right:6px;
}

#contentright {
	float:left;
	width:242px;
}


/*------- Text Styles ------*/

	/*-- h2 --*/


h2 {
	font-size:30px;
	font-family: times new roman,garamond,serif;
	margin:5px 0px;
	padding:0px;
	color:#593759;
}


h2 span {
	color: #371137;
}


h2.purple {
	background:#371137;
	color: #FFF;
	margin:5px 0px;
	padding:3px 14px 1px 14px;
	font-family:"Times New Roman";
	font-weight:100;
	font-size:19px;
}


h2#pagetitle {
	display:block;
	margin:0px;
	text-indent:-9999px;
	overflow:hidden;
}

body#home h2#pagetitle {
	width:500px;
	height:124px;
	background:url('/images/titles/welcome.gif') top left no-repeat;
}

body#about h2#pagetitle {
	width:286px;
	height:124px;
	background:url('/images/titles/about.gif') top left no-repeat;
}

body#producers h2#pagetitle {
	width:313px;
	height:124px;
	background:url('/images/titles/producers.gif') top left no-repeat;
}

body#recipes h2#pagetitle {
	width:379px;
	height:124px;
	background:url('/images/titles/recipes.gif') top left no-repeat;
}

body#news h2#pagetitle {
	width:446px;
	height:124px;
	background:url('/images/titles/press.gif') top left no-repeat;
}

body#contact h2#pagetitle {
	width:281px;
	height:124px;
	background:url('/images/titles/contact.gif') top left no-repeat;
}

body#shop h2#pagetitle {
	width:255px;
	height:124px;
	background:url('/images/titles/shop.gif') top left no-repeat;
}

body#london h2#pagetitle {
	width:377px;
	height:124px;
	background:url('/images/titles/london.gif') top left no-repeat;
}

body#markets h2#pagetitle {
	width:352px;
	height:124px;
	background:url('/images/titles/markets.gif') top left no-repeat;
}

body#links h2#pagetitle {
	width:327px;
	height:124px;
	background:url('/images/titles/links.gif') top left no-repeat;
}

body#delivery h2#pagetitle {
	width:500px;
	height:124px;
	background:url('/images/titles/deliveryinfo.gif') top left no-repeat;
}

body#contactthanks h2#pagetitle {
	width:500px;
	height:124px;
	background:url('/images/titles/thankyou.gif') top left no-repeat;
}





	/*-- h3 --*/

h3 {
	font-size:25px;
	font-family: times new roman,garamond,serif;
	font-weight:normal;
	margin:25px 0px 5px 0px;
	padding:0px;
	color:#593759;
}



	/*-- h4 --*/

h4 {
	font-size:20px;
	font-family: times new roman,garamond,serif;
	font-weight:normal;
	color:#593759;
	margin:10px 0 5px 0;
	
}





.imagebox {
	padding: 10px 12px 10px 12px;
	background:#371137;
}

/*----- Press/Producer Boxes -----*/


.press {
	margin:0 0 20px 0;
}


.press em {
	font-size:12px;
}

.press p.reviewer {
	font-weight:bold;
	color:#371137;
	margin:2px 0;
	padding:0px;
}


.producer {
	margin:0 0 20px 0;
}

.producer h3 {
	font-size:18px;
	margin:0px;
	padding:0px;
}

.producer h4 {
	font-size:14px;
	margin:0px 0 5px 0;
	padding:0px;
}


.producer p {
	font-size:12px;
	margin:0px;
	padding:0px;
}

.producer img {
	float:left;
	margin: 5px 10px 5px 0;
}


.producer a {
	float:right;
}

/*------ Page Introduction Paragraphs ------*/

.pageintro {
	width:95%;
	margin:0 auto 0 auto;
}

.pageintro p {
	margin:0 0 20px 0;
}


/*------ Producer Page ------*/

.producer_full {
	width:90%;
	margin:0 auto 30px auto;
}


.producer_full img {
	float:right;
	margin:5px 0 5px 15px ;
	padding:7px 8px ;
	background: #371137 ;
} 




/*------ Press Page ------*/

.press_full {
	width:90%;
	margin:0 auto 30px auto;
}

.press_full em {
	font-size:14px;
	line-height:25px;
}

.press_full p.reviewer {
	font-weight:bold;
	color:#371137;
	margin:2px 0;
	padding:0px;
}


/*----- Recipes Page ------*/

.recipe {
	width:90%;
	margin:0 auto 30px auto;
}

.recipe img {
	float: right;
	margin:0 0 0 10px;
	padding:7px 8px ;
	background: #371137 ;
}

.recipe_method {
	clear:both;
}

ul.serves {
	list-style-type:none;
	margin:0px;
	padding:0px 0 0 5px;
}



ul.ingredients {
	list-style-type:none;
	margin:15px 0 20px 20px;
	padding:0px;
	font-size:90%;
}



ol.method li {
	padding-bottom:10px; 
}


.tips {
	float:right;
	border:1px solid #ccc;
	width:180px;
	font-size:11px;
	margin:40px 5px 10px 15px ;
	padding:10px;
	background:#EDE6ED;
}


.tips h4 {
	margin:0px !important;
}


/*----- London Restaurants Page ------*/

.london {
	width:90%;
	margin:0 auto 30px auto;
}

.london h4 {margin:0px !important;}

.london img {
	float: right;
	margin:0 0 0 10px;
	padding:7px 8px ;
	background: #371137 ;
}

.london .details {

}

p.london_address {
	font-size:12px;
	color:#686868;
	margin:0px 0 0 15px !important;
	padding:0px !important;
}

p.london_tel {
	font-size:12px;
	color:#686868;
	margin:0px 0 0 15px !important;
	padding:0px !important;
}

.london_menu {
	margin: 20px 30px 5px 30px;
}

.london_served {
	margin: 10px 30px 5px 30px;
}

.london_menu p,
.london_served p {
	margin:0 0 10px 20px !important;

}

/*----- London Markets Page ------*/

.markets {
	width:90%;
	margin:0 auto 30px auto;
}

.markets h4 {margin:0px !important;}

.markets img {
	float: right;
	margin:0 0 0 10px;
	padding:7px 8px ;
	background: #371137 ;	
}

.markets .details {

}

p.markets_address {
	font-size:12px;
	color:#686868;
	margin:0px 0 0 0px !important;
	padding:0px !important;
}

p.markets_tel {
	font-size:12px;
	color:#686868;
	margin:0px 0 0 15px !important;
	padding:0px !important;
}

.markets_menu {
	margin: 20px 30px 5px 30px;
}

.markets_served {
	margin: 10px 30px 5px 30px;
}

.markets_menu p,
.markets_served p {
	margin:0 0 10px 20px !important;

}



/*----- Useful Links Page ------*/

.links {
	width:90%;
	margin:0 auto 30px auto;
}

.links h3 {margin:0px !important;}

.links h3 a {
	color:#593759;
}

.links img {
	float: right;
	margin: 10px 0 10px 10px;
}



/*------ Shop Page Styling ------*/


body#shop #maincontent {
	margin:0px;
}

.terms p {
	margin:0 5px 20px 5px;
}


a.specialoffers-order-button {
	display: block;
	width: 80px;
	margin-top: 8px;	
	padding: 2px;
	color: #fff;
	background: #6E2452;
	text-decoration: none;
	text-align: center;
	border: 1px solid #2D1F27;
}

a.specialoffers-order-button:hover  {
	color: #fff;
	background: #C687AD;
	text-decoration: none;
}



/*------ Shop Headers -----*/

h2#pagename {
	font-size:30px !important;
	margin:0px !important;
	padding:0px !important;
}

#shopheader{
	position:relative;
	/* margin: 0 0 -25px 0; */
	margin:0;
}

#shopcrumb{
	position:relative;
	left:100px;
	top:-40px;  
	width:640px;
}

.tree {
	position:relative;
	top:0px;
	left:8px;
	margin:0px !important;
	padding:0px !important;

}

.tree,
.tree a{
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.tree a:hover {
	text-decoration:underline;
}


/*------ Shop Categories ------*/


.shopnav {
	border:1px solid #B7A7B7;
	background-color:#ECECF4;
	margin: 10px 0 20px 0;
	padding: 10px 0 15px 0;
	width:735px;
}

.shopnav h3 {
	margin:0px 0 0 5px !important;
}

.shopnav ul {
	margin:0px;
	padding:0px 0 15px 0;
}

.shopnav li {
	list-style-type:none;
	margin:3px 0px;
	padding:0px;
	float:left;
	border-right:1px solid #B7A7B7;
}

.shopnav li a {
	display:block;
	font-family: times new roman,garamond,serif;
	color:#593759;
	margin:0px;
	padding: 2px 8px 2px 8px;
	text-decoration:none;

}

.shopnav li a:hover {
	color:#B7A7B7;
	text-decoration:underline;
}

.shopnav li a.first {
	border-left:none;
}


/*------ Sub Page Links -----*/


.row_subsections {
	clear:left;
	border:0px solid #000;
	padding: 0 0 10px 10px;
	
}


.subsectionbox {
	float:left;
	width:120px;
	border:0px solid #000;
	text-align:center;
	margin: 0 10px;

}


.subsectionbox .image {
	display:table;
	height:120px;
	width:100%;
	overflow:hidden;
	border:0px solid #ccc;
}


.subsectionbox .image .vbox {	
	display:table-cell;
	vertical-align:middle;
}


.subsectionbox .image .vbox .cbox{
	border:0px solid #f00;
	/* width:100%; weird bug in IE7, just declare width explicitly */
	width:120px;
	text-align:center;
}

.subsectionbox p {
	margin:0px !important;
	padding:2px 0 4px 0 !important;
}



.subsectionbox a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#696969;
}

.subsectionbox a:hover {
	text-decoration:underline;
	color:#B7A7B7;
}



/*------ Multiple Product Page -----*/


.row {
	clear:left;
	border:0px solid #000;
	padding: 0 0 20px 5px; 
}


.pb1 {
	padding:0 8px 5px 0px;
}


.pb2 {
	border-left:1px solid #eee;
	padding:0 8px 5px 8px;
}

.pb3 {
	border-left:1px solid #eee;
	padding:0 0 5px 8px;
}

.row form fieldset {
	float:left;
}

.productbox {
	width:230px

}


.productbox .image {
	display:table;
	height:210px;
	width:100%;
	overflow:hidden;
	border:0px solid #ccc;
}


.productbox .image .vbox {	
	display:table-cell;
	vertical-align:middle;
}


.productbox .image .vbox .cbox{
	border:0px solid #f00;
	/* width:100%; weird bug in IE7, just declare width explicitly */
	width:230px; /* 237px */
	text-align:center;
}

.productbox p {
	margin:0px !important;
	padding:2px 0 4px 0 !important;
}



.productbox p.productname a {
	font-size:18px;
	font-family: times new roman,garamond,serif;
	font-weight:normal;
	text-decoration:none;
	color:#593759;
}


.desc label {
	font-weight:bold;
}

.desc input#customoption_deliverydate {
	width:100px;
}


.desc input#customoption_message {
        width:98%;
	margin-bottom:20px;
}


.productbox .productname a:hover {
	text-decoration:underline;
	color:#B7A7B7;
}


.productbox .price {
	font-size:16px;
	font-weight:normal;
	color:#593759;
	margin: 0px  !important;
	padding: 0 0 10px 0  !important;
}


.productbox .desc {
	font-size:11px;
	line-height:15px;
}


.productbox span.product_options {
	float:left;
	width:60px;
	text-align:right;
	font-weight:bold;
}

.organictag {
	display: block;
	clear: left;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background: url(/images/soil_association.gif) no-repeat 50% 50%;
}


.productbox span.quantity {
	float:left;
	margin:5px 0 0 0;
}

.productbox span.order {
	float:right;
	margin:5px 0 0 0;
}

input.order_button {
	color:#fff;
	background: #593759;
	cursor:pointer;
	border:1px solid #000;
}

input.btnhov {
	color:#fff;
	background: #B7A7B7;
}


/*------ Individual Product Pages ------*/


#productpage {
	clear:left;
	width:640px;
	margin: 20px auto;

}

#productpage .image {
	width:400px;
	text-align:center;
	margin: 10px auto;

}

#productpage h2.name {
	font-size:25px;
}

#productpage .desc {

}

span.product_options {
	font-weight:bold;
}


td.third {
	width:33%;
}



/*----- Checkout Pages ------*/

table.cart, table.viewcart {
	background: #B7A7B7;
	margin: 20px auto 0 auto;
}

.viewcartheader {
 	color:#fff;
 	background: #593759;
 }

.checkout_header { font-weight: bold; font-size: 0.9em;} /*tpl_checkout*/
.checkout_field { width: 200px; font-size: 0.8em;} /*tpl_checkout*/

.checkout_main {
	width:70%;
	margin:0 0 10px 30px;
}

.checkout_checkbox {
	width:30px !important;
}





/* ------ Footer ------ */

#footer {
	width:716px;
	background: #371137;
	padding:8px 10px;
}

#footer_inner {
	display:block;
	background: #593759;
	color: #B7A7B7;
	padding:7px 12px 6px 12px;
	font-size:8pt;
}

ul#footernav {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#footernav li {
	float:left;
	padding:0 12px;
	border-left:1px solid #B7A7B7;
}

ul#footernav li#first {
	border-left:0px solid #B7A7B7;
	padding:0 14px 0 0;
}

ul#footernav li a {
	text-decoration:none;
	color: #B7A7B7;
}

ul#footernav li a:hover {
	text-decoration:underline;
	color: #FFF;
}


/*---------[ BFinternet ]----------*/

#bf {	
	float:right;
    color: #B7A7B7;
	font-size:8pt;
    font-weight: normal;
   	margin:0px;
}

#bf a, #bf a:visited, #bf span a, #bf span a:visited{
	
 	color: #B7A7B7;
      	font-weight: normal; 
      	text-decoration: none;
}

#bf a:hover {
      color: #fff;
      text-decoration: underline;
}


#bf span a:hover {	
      color: #fff;
      font-weight:normal;
      text-decoration: underline;
}


/* ------- Clear ------ */

.clear {
	clear:both;
}






/* ------ Contact Form ------ */


#contact_form
{
	margin: 0px;
	padding: 10px 20px;
}

#contact_form fieldset
{
	border:none;
}

#contact_form ol
{
	width: 190px;
	list-style: none;
	/* padding: 10px 20px; */
	padding:0;
	margin: 0;
	border:0px solid #000;
}

#contact_form ol li
{
	margin: 0;
	padding: 0;
}

#contact_form ol li label
{
	width: 100%;
	display: block;
	margin: 1em 0 .1em 0;
	font-size: 0.86em;
	font-weight: bold;
}

#contact_form ol li input
{
	display: block;
	width: 100%;
	border: 1px solid silver;
}


#contact_form ol li input:hover, #contact_form ol li textarea:hover,
#contact_form ol li input:active, #contact_form ol li textarea:active,
#contact_form ol li input:focus, #contact_form ol li textarea:focus {
	border: 1px solid #593759;
}


#contact_form ol li textarea
{
	width: 100%;
	border: 1px solid silver;
}

#contact_form #verification_img {
	width:165px;
	display:block;
	cursor: pointer;
	margin:0 auto;
}


#contact_form ol li input.verification_code_txt {
	width: 163px;
	margin:3px auto;
}


#contact_form ol li input.submit {
	width: 100px;
	margin: 0 auto;
	background: #593759;
	border:1px solid #000;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

#contact_form ol li input.submit:hover {
	background: #B7A7B7;
	color:#fff;
	font-weight:bold;
}



.addressbox {
	float:right;
	border:1px solid #ccc;
	margin: 120px 90px 0 0;
	padding:10px 20px;
	text-align:center;
	background:#ECECF4;
}


/*---------- Delivery Pages ------------*/

table.schedule {
	width:350px;
	margin:0 auto;
	background: #B7A7B7;
}

table.schedule tr.schedule_header {
	background: #593759;
	color:#fff;
	line-height:25px;
}

table.schedule td {
	width:50%;
	text-align:center;

}

/* LAKELAND HAMPERS XMAS COMP
Made By Ryan (ryan@bfinternet.co.uk)
31/10/2008
*/

div#leftnav a#comp-enter {
color:#CF8D40;
font-size:1.1em;
font-weight:bold;
letter-spacing:1px;
}


form#com_form label {
color:#441E45;
display:block;
float:left;
width:135px;
}

form#com_form input {
	width:16em;
	border:1px solid #C0C0C0;
	padding:3px;
	font-size:.9em;
	color:#6F6F6F;
	font-style:italic;
}

form#com_form span {
	color:#BF3B3B;
}

#verification_img {
margin:0 0 0 135px;
}

form#com_form button {
	background:#3F1940;
	border:1px solid #FFF;
	color:#FFF;
	line-height:2;
}

form#com_form button {
background:#3F1940;
border:1px solid #FFFFFF;
color:#FFFFFF;
line-height:2;
margin:0 0 0 135px;
padding:3px 9px;
}