/* @override 
	http://blackwells.shaunrobinson.info/css/style.css
	http://blackwells.rubious.co.uk/css/style.css
	http://blackwellsfarmproduce.co.uk/css/style.css
*/

/* CSS RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1;}
table { border-collapse: collapse; border-spacing: 0;}
section, article, aside, header, footer, nav, dialog, figure { display:block;}
/* END OF RESET */

body { background: #9ac073 url(../images/bg2.gif) repeat;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 800px margin: 0 auto;}
a {color:#000}
div.wrapper {width:798px; margin: 20px auto 20px auto; clear: both; height: 1%; }

header {font-family:Verdana, Geneva, sans-serif; position:relative; height: 240px; margin-bottom: 50px; width: 798px;}

header div.headerWrapper {width:100%;  z-index:100; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border: 1px solid #ccc;padding:0px; margin-bottom:50px;height:240px; position: relative; /*background:url(../images/headers/home.jpg) top left no-repeat transparent;*/}



header div.headerWrapper div.logo {width:400px; text-align:center; position:absolute;top:40px;right:10px; z-index: 200;}

div.logo {width: 100%; height: 68px; position: relative;}
div.logo h1 {font-size: 15px;position: absolute; top: 4px; left: 125px; line-height: 1.4;}

div.logo p.tel {position: absolute; right: 8px; bottom: 14px; font-size: 17px; text-align: right;}

div.logo p.tel span {line-height: 1.3;}
div.logo p.tel span.label { font-size: 12px;}

article.price-list p {font-size: 14px;}


header div.headerWrapper h1 {margin-top:10px;text-align:center; font-weight:normal; font-size:14px; line-height:1.2; 
color:#fff;text-shadow: 1px 1px 3px #000}

div.headerimages {height: 240px; overflow: hidden; position: relative; top: 0px;z-index: 100; border:0; margin:0;}



header nav {text-transform:lowercase; position:absolute; bottom:-35px;z-index:10;height:50px;width:100%}

.ie6 header nav {bottom: 10px;}

header nav li { background:url(../images/tab2.png) bottom left no-repeat transparent;}

header nav li {float:left; list-style:none;width:114px; font-size:13px; text-align:center;height:50px;position:relative; vertical-align: baseline;}

header nav li a{position:absolute; bottom:5px; left: 0px; width:100%; height:20px; padding:0px; text-decoration:none; color:#000;  display: block; line-height: 1.2;}

header nav li.partners a {position: relative; top: 17px;}
header nav li a:hover {text-decoration:underline;}


div#container {background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px;padding:10px;margin-bottom:10px;float: left; width: 778px; clear: both; position: relative; margin: 0 auto;}

.ie6 div#container {position: relative; top: -35px;}



section#main {width:580px;float:right; background-color: rgb( 217, 217, 217);padding:10px; -webkit-border-radius:10px;  -moz-border-radius:10px; display: inline;}



.ie6 section#main {width: 560px;padding: 10px;}

section#main p {margin-bottom:10px;}
section#news-overview article p {margin-bottom:0px;}

section#news-overview article {margin: 10px 0 10px 0}
section#news-overview h1 {font-size: 20px;}

section#main section#news-overview article h2 {font-size: 15px;}
section#news-overview article p {font-size:12px}
section#news-overview article a {font-size:12px}
section#news-overview article a.more{color:#87ad60; display: inline;}
section#main section#news-overview article p {display: inline;}

section#main section#news-overview article .fullstory  h2 {font-size: 20px;}
section#main section#news-overview article .fullstory  h2 span {font-size: 12px; float: right; font-weight: normal;}
section#main section#news-overview article .fullstory  p {display: block; margin: 0 0 10px 0;}



section#main article h1 {font-size:22px;margin-bottom:20px;}
section#main article h1 em { font-style:normal; font-size:1.4em;}



section#main article p {line-height:1.2;width:95%;}
section#main article#welcome a {color:#000; font-size:12px; font-weight:bold;margin-top:15px;display:block}


article blockquote {float:right; width:210px; padding:12px; margin:10px 0 0 10px; color:#333; font-weight:bold; position:relative;}
article blockquote p {line-height:1.5 !important }
blockquote p span.quote {font-size:2.1em; position:absolute; top:2px; left:-4px}

blockquote p span.end-quote {
	font-size:2.1em;
	position:absolute;
	bottom:5px;
	left: 99px;
}



article#welcome img {float:left; margin: 0 10px 4px 0;}
section#main article {padding-bottom:20px;margin-bottom:0px;

}

section#main {}
section#main article#welcome h1 {font-size:18px;margin-bottom:20px;}
article#welcome div {float: left; width: 400px;}
article hr {clear: both;}

section#main article h2 {margin:25px 0 10px 0 ; font-size:18px}
section#main ul li {list-style-position:outside;  margin:0 30px 5px 30px;  list-style-type:circle; line-height:1.4}
section#main ol li {list-style-position:outside;  margin:0 30px 5px 30px;  line-height:1.4}



article table td {padding: 5px 5px 0 0}

article {}
article.price-list {width: 50%; float: left;}
article.order-form { width:45%;float: right;}

article.price-list td {font-size: 13px; padding: 8px 0 0 0;}
article.price-list table th {text-align: left; border-bottom: 1px solid #ccc;padding-bottom: 10px; line-height: 1.5; font-size: 16px;}

article.price-list td.product span {display: none}
article.price-list td.product{text-decoration: underline; cursor: hand; cursor:pointer;}

#added {color: green; border: 1px solid green; display: block; clear: both; padding: 5px; background: #eee; font-weight: bold; display:none;margin-tpp:20px}


hr {border:0;border-bottom:2px solid #ccc;padding-top:10px;margin-bottom:10px;height:1px}


aside {width: 170px; float: left;}

.ie7 aside {position: relative; margin-left: -10px;}
.ie6 aside {position: relative; margin-left: -4px;}



aside nav {float:left;width: 170px; }
aside nav li {font-size:12px; line-height:1.4; list-style-position:inside; list-style-type:circle; margin-left:5px;}


aside nav li.image {width:160px;display:block;height:90px;margin-bottom:26px; -webkit-border-radius:10px;  -moz-border-radius:10px;line-height:normal; margin-left:0;}
aside nav li.image a{display:block;width:100%;height:100%;position:relative;text-decoration:none;}
aside nav li.image a span {position:absolute;width:150px;background-color:#000; bottom:-17px;
 text-transform:lowercase; text-align:right;padding: 5px 10px 5px 0px;font-size:13px; color:#fff;z-index:100;}
aside nav li.image a:hover span {background-color:#3a3a3a;}

aside nav li.vegetables, aside nav li.bread, aside nav li.meat, aside nav li.christmas {list-style: none;}

aside nav li em.sideimages {height:90px; overflow:hidden; display:block}



section#email-signup {padding:10px; text-align:center;margin-top:20px; background-color:#aaa;width:580px;position:relative;left:-10px;}

.ie6 section#email-signup{padding: 0; position: static;}

footer {clear:both;background-color:rgb( 230, 232, 218); -webkit-border-radius:10px;  -moz-border-radius:10px; padding:10px; font-size:11px; line-height:1.4l;float: left; width: 780px;height: 30px; margin: 10px 0 10px 0;}
footer a {color:rgb(0, 66, 128);}

footer div.copyright {width:230px;float:left; padding-left:10px; border-right:2px solid #ccc}
footer div.address {width:230px;padding-left:30px;float:left;}
footer div.contact-details {width:230px;padding-left:30px;float:left; border-left:2px solid #ccc}


/* HTML5 hacks !*/

/* Target Firefox 2 and older */
#firefoxtwo {display: none;}
#firefoxtwo[id=FIREFOXTWO] { display: block !important;position: relative;top: 0px;left: 0px;color: #000; background-color: #e8e8e8; z-index: 100; font-family: Arial, Helvetica, sans-serif; padding: 20px; text-align: center; border-bottom: 2px solid #000;}

@media print { }

form label {font-size: 13px; margin: 0 0 3px 0px; }

form.contact_form {margin: 20px 0 20px 0; display: block; position: relative; clear: both; float: left;}

form.contact_form label {font-size: 12px; display: block; margin: 0 0 3px 0px; }
form.contact_form input{margin:0 0 10px 0}
form.contact_form textarea {height: 255px; margin: 0 0 5px 0;}



form.order_form {display: block; position: relative; clear: both; float: left;}

form.order_form label {font-size: 11px; display: block; margin: 0 0 3px 0px; }
form.order_form label.checkbox {font-size: 11px; display: inline; margin: auto; width:auto }
form.order_form input.checkbox{margin:auto; width: 20px;}

form.order_form input{margin:0 0 10px 0; width: 250px;}

form.order_form textarea {height: 110px; width: 250px ;margin: 0 0 5px 0;}

form.order_form p {font-size: 11px; margin: 5px 0 5px 0;}
form.order_form table {width: 330px; margin: 30px 0 0 0 ; }


form.order_form table th {font-size: 11px; text-align: left; font-weight: normal;}

form.order_form table td input.order{margin:0; width: 200px;}
form.order_form table td input.quantity{margin:0; width: 40px;}
form.order_form table td input.weight{margin:0; width: 40px;}

form.order_form .buttons {margin: 10px; text-align: right;}

form.order_form input#btnAdd {width: auto;}
form.order_form input#btnDel {width:auto;}

form.order_form input.submit_button{width: auto;}

/* tables */
a img {
	border: 0;
}
table.sortable {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	text-align: left;
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	background-color: #ddd;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
	text-decoration:none;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}

div#preload { display: none; }