@charset "utf-8";

* {margin:0;padding:0;}



/* Fix IPhone / Safari font re-sizing */
html {-webkit-text-size-adjust: none;	}


body
{
	margin: 0 auto;
	padding: 0;
	font-size:medium;
	font-family:Helvetica, Arial, Sans-Serif;	/* Helvetica is default IPhone font */
	color: #333300;
	background-color:#fff;
	width:100%;	/* set to full width of device in any orientation */
}



/* ---------------------------------------------------------------------------
	Main classes
--------------------------------------------------------------------------- */
h1, h2, h3, h4 {
	color: #666;
	font-family:Helvetica, Arial, Sans-Serif;	/* Helvetica is default IPhone font */
	padding-bottom:0.4em;padding-top:0.6em;
	letter-spacing:0.1em;
	margin-bottom:0;
	}

h1 {font-size:120%;margin-bottom:0.3em;}
h2 {font-size:110%}
h3 {font-size:100%}


a
{
	color: #AE2C00;
	text-decoration: none;
	font-weight: normal;
}
a:visited {color:#AE2C00}
a:hover {text-decoration: underline; color:#AE2C00;}

img {border:none}

table {table-layout:fixed;width:100%;}

td {vertical-align:top}
th {vertical-align:bottom;text-align:left;}

th.right {text-align:right}
td.right {text-align:right}


ol {padding-left:1.8em}
ol li {padding-bottom:0.8em;}
ul {padding-left:1.2em}
ul li {padding-bottom:0.8em;list-style: disc outside; color:#333;}

textarea {font: 80% Verdana,Arial, Sans-Serif;}

.bold {font-weight:bold}
.normal {font-weight:normal}
.italic {font-style:italic}
.small_text {font-size:80%}


/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#container {padding: 0px 0.4em;}


/* ---------------------------------------------------------------------------
	Banner area
--------------------------------------------------------------------------- */
div#banner {background-color:#c7de45;position:relative;margin-top:0.2em;}
#banner_topbar {padding:0.1em 0.4em;background-color:#fff;}
#banner_topbar ul {list-style: none; padding-left:0;}
#banner_topbar ul li {display:inline;}
#banner_topbar ul li a {font-size:120%;padding-right:0.8em;color:#333;font-weight:normal;}


#topnav ul {list-style: none; padding-left:0;}
#topnav ul li {display:inline;}
#topnav ul li a {padding-right:0.8em;color:#CC3300;font-weight:normal;font-size:110%;}

#bannertitle {padding:2px 8px;background-color:#d6e679;}
#banner h1 {font-size:130%;}
#banner h3 {font-size:110%;}

#opmobilelogo {position:absolute;top:28px;right:5px;}

/* ---------------------------------------------------------------------------
	Main panel
--------------------------------------------------------------------------- */

#maincontent p {padding-bottom:0.8em}



/* ---------------------------------------------------------------------------
	Sidebar
--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------- */
div#footer {
	margin:1em auto;padding:0;
	border-top:1px solid #999;
	}

#footerinfo {margin:1em auto 0 auto; border-top:1px solid #999;}
#footerinfo h3 {font-size:90%;padding-top:0;}
/*#footerinfo td {font-size:x-small;} */

.footerinfolist {list-style:none;padding-left:18px;}
.footerinfolist li a {color:#999;font-weight:normal;}

div#footerbar {
	margin:auto;width:100%;
	font-size:76%;color:#999;text-align:center;
	}


div#portfolio { width: 100%; background: #8BC933; position: fixed; bottom: 0; z-index: 999; }

a.sitemap {color:#999;font-weight:normal;}

/* ---------------------------------------------------------------------------
	Home page
--------------------------------------------------------------------------- */
.homepagelist li a {font-size:120%;padding-bottom:3em;}

/* ---------------------------------------------------------------------------
	Product listing
--------------------------------------------------------------------------- */
div.product_listing {float:left;width:150px;height:160px;}
div.product_listing_bottomcell {width:96%;font-size:84%;}
.product_listing_bottomcell h3 {padding-bottom:0;}
.product_listing_bottomcell h3 a {font-size:110%;}




/* ---------------------------------------------------------------------------
	Related products listing
--------------------------------------------------------------------------- */
div.related_product_listing {float:left;width:150px;height:150px;}
/* div.related_product_listing_topcell {width:130px;height:100px;	position:relative;	} */
div.related_product_listing_bottomcell {width:88%;font-size:84%;}
.related_product_listing_bottomcell h3 {padding-bottom:0;}
.related_product_listing_bottomcell h3 a {font-size:100%;}
img.related_product_listing_image {
	border:1px solid #999;padding:0px;position:absolute;bottom:3px;width:90px;
	box-shadow: 5px 5px 10px #818181;
	-webkit-box-shadow: 5px 5px 10px #818181;
	-moz-box-shadow: 5px 5px 10px #818181;
	}
img.related_noimage {border:1px solid #999;height:126px;}
div.related_product_delivery_flags {float:right;width:50px;margin-top:8px;}



/* ---------------------------------------------------------------------------
	Container listing
--------------------------------------------------------------------------- */
div.container_listing {display:block}
div.container_listing_topcell {margin-bottom:0.1em;}
div.container_listing_bottomcell {width:76%;font-size:84%;margin-bottom:1.3em;}
.container_listing_bottomcell h3 {padding-bottom:0;}
/* img.container_listing_image {border:1px solid #999;padding:0.1em;position:absolute;bottom:0;} */


/* ---------------------------------------------------------------------------
	Product details
--------------------------------------------------------------------------- */
h3.productname {font-size:110%;}
.price {font-size:110%;}
.altcurrency {font-size:86%;}

#product_main_image {float:right;margin-left:6px;margin-bottom:6px;}

img.productimage {border:1px solid #999;padding:0.1em;}
p.imagecaption_center {text-align:center;font-size:xx-small;}

div.skus {background-color:#f2f2f2;padding:0.6em;clear:both;border:1px solid #999;}

table.productattributes
{
	margin-bottom: 1.6em;
	border: 1px solid #999;
	background-color: #E6F99B;
}
.productattributes td {padding:0.4em;}
ul.productattributeslist {margin:0; padding:0;}
ul.productattributeslist li {font-size:smaller;color:#333;list-style:none;}

div.addtobasket {display:inline}

div.productcollections {border:1px solid #999;background-color:#f2f2f2;padding:0.3em;margin-bottom:1em;}
.attributecomment {font-style:italic;}

div.productimagelist { float:left;width:100%;padding-bottom:10px;}

#pollination {margin:0;padding:0;}
#pollination li {display:inline;list-style-type:none;padding-right:1em;}
.pollination_flowering {font-size:smaller;color:#666;padding-left:2px;}

/* ---------------------------------------------------------------------------
	Lists
--------------------------------------------------------------------------- */
dt {margin-top:2em;}
dt a {font-size:120%;}
dd {padding-left:0px;}


.pagesvisited {list-style:none;}
.pagesvisited li a {font-size:80%;}


dl.category {margin:0;padding:0;}
dl.category dt {font-size:110%;margin:0 0 0 0;padding:0;clear:both;}
dl.category dd {margin-left:0;float:left;}


/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */
table.inputform {width:100%;}
.inputform td {padding:0.2em 0;}

table.inputform_spaced {width:100%;}
.inputform_spaced td {padding:0.2em 0 2em 0;}

table.listing {
	margin-top:1em; width:100%;
	table-layout:fixed;
	}

.listing td {
	padding:0.2em 0.1em 0.3em 0;
	}

.listing th {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #eee8aa;
	color: #000;
	font-weight:normal;
	}

table.picktimes {
	margin-top:1em; width:100%;
	table-layout:fixed;border-collapse:collapse;
	}

.picktimes td {
	padding:0.2em 0.1em 0.3em 0.1em;
	border:1px solid #999;
	text-align:center;
	}

.picktimes th {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #eee8aa;
	color: #000;
	font-weight:normal;
	border:1px solid #999;
	text-align:center;
	}

td.pick {background-color:Green;}

table.grid {width:100%; border-collapse:collapse;}
.grid th {padding:0.2em;border:1px solid #999;}
.grid td {padding:0.2em;border:1px solid #999;}

table.smallgrid {width:100%; border-collapse:collapse;}
.smallgrid th {padding:0.2em;font-size:smaller;border:1px solid #999;background-color:#f2f2f2;}
.smallgrid td {padding:0.2em;font-size:smaller;border:1px solid #999;}

table.basket {width:100%; border-collapse:collapse;}
.basket th {padding:0.2em;font-size:smaller;border:1px solid #999;background-color:#f2f2f2;}
.basket td {padding:0.2em 0.2em 0.4em 0.2em;font-size:smaller;border:1px solid #999;}

.smallbasket {font-size:80%;}

.basketupdate {margin-bottom:5px; }


table.smallgrid_white {width:100%; border-collapse:collapse;background-color:#fff;}
.smallgrid_white th {padding:0.1em;font-size:x-small;border:1px solid #999;}
.smallgrid_white td {padding:0.1em;font-size:x-small;border:1px solid #999;}



/* ---------------------------------------------------------------------------
	Product comparisons and stock searches
--------------------------------------------------------------------------- */
table.comparator
{
	width: 100%;
	border-collapse: collapse;
	background-color: #EFEFEF;
}
.comparator th {padding:0.4em 0.3em 0.4em 0.2em;font-size:76%;border:none;text-align:center;background-color:#fff;}
.comparator td {padding:0.4em 0.3em 0.7em 0.4em;font-size:76%;border:1px dotted #666;}
.comparator td a {font-weight:bold}
img.comparator {width:100px;height:90px;border:1px solid #999;padding:0.1em;}
.comparator_comment {font-style:italic}
td.comparator_label
{
	background-color: #DADADA;
	font-weight: bold;
}

td.comparator_stock
{
	background-color: #E0FD7B;
	font-weight: bold;
}

td.comparator_stock_values
{
	background-color: #FFFFE1;
}


table.stock_list {width:100% }
.stock_list td {padding-bottom:6px;}

#stocksearchform {margin-bottom:15px;}
#stocksearchintro {border-top: 1px solid #999;margin-top:10px;padding-top:10px;}
.stocksearchform_section {margin-bottom:10px;}
.stocksearchform_section_checkboxes {line-height:170%;font-size:larger;}


/* ---------------------------------------------------------------------------
	New article and image layouts
--------------------------------------------------------------------------- */

img.articleimage {
	padding:2px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}


/* Float top left */
div.articleimage_1 {float:left;padding-right:10px;padding-bottom:5px;padding-top:5px;}

/* Float top right */
div.articleimage_2 {float:right;padding-left:10px;padding-bottom:5px; padding-top:5px; margin-right:15px;}

/* Across the top */
div.articleimage_3 {padding-bottom:10px; }

/* Across the bottom */
div.articleimage_4 {padding-top:10px; }


div.imagecaption {text-align:center;font-style:italic;font-size:smaller;}
div.imagecaption_left {text-align:left;font-style:italic;font-size:smaller;}


/* ---------------------------------------------------------------------------
	Maps
--------------------------------------------------------------------------- */
div#map_canvas {width:100%;height:500px;margin-top:1px;margin-bottom:10px;border:1px solid #999;}
div#directions {border:1px solid #999;padding:0.5em;background-color:#f2f2f2;}


/* ---------------------------------------------------------------------------
	Questions and Answers
--------------------------------------------------------------------------- */
.qanda strong {font-weight:normal}
#qandakeywords dt a {color:#333;text-decoration:none;}


/* ---------------------------------------------------------------------------
	Attribute search
--------------------------------------------------------------------------- */
#productlist {border-top:1px solid #999}
#productlist ul {list-style-type:none;margin-left:0;padding-left:0;}
#productlist ul li {list-style-type:none;margin-left:0;padding-left:0;}

.categoryname_small {font-size:86%;color:#999;}

/* ---------------------------------------------------------------------------
	Miscellaneous
--------------------------------------------------------------------------- */
table#homepagegrid {width:100%;}
.more {font-size:86%;}
.latin {font-style:italic;color:#000;padding-left:1em;font-size:80%;}
a.linkback {float:right;}
.aftertext {font-size:xx-small;display:inline;margin-top:3px;margin-bottom:10px;margin-left:4px;}
div.checkoutactions {margin-top:20px;}
.checkoutactions input {margin-right:30px;}
a.cancelcheckout {display:block;margin-top:8px;}
p.productinfo {font-size:96%;margin-top:8px;}
a.productinfo {color: #CC3300;}
#productinfo_additionalinfo {margin-top:8px;margin-left:0;padding:0;}
#productinfo_additionalinfo li {list-style-type:none;}
.errormessage {border:1px dotted red;font-weight:bold;padding:0.4em;color:Red;}
div.alert {border:2px solid red;padding:0.4em;}
.alert {color:Red}
.verysmall {font-size:94%;font-weight:normal;}
.vverysmall {font-size:80%;font-weight:normal;}
.firefox_fix {clear:both}
.compare_link {font-size:80%}
input.instock {background-color:#d5ffd5;color:#000;}

div#deliveryinfobox {
	font-weight:normal;
	font-size:86%;
	border:2px solid red;background-color:#f2f2f2;
	padding:0.4em 1em;
	margin-bottom:14px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div#deliveryinfobox ul {margin-top:5px}

div#checkout_confirmation_panel {
	border:2px solid red;background-color:#f2f2f2;
	padding:0.6em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

.light_top_border
{
	border-top: 1px dotted #f2f2f2;
	border-top-color: #CECECE;
}

.paymentcards {margin-top:10px}
.paymentcards img {margin-right:4px;}

div.textpanel {
 	border:1px solid #999;padding:0.4em;margin-bottom:1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#f2f2f2;
	font-style:italic;
}

.panel_border_top { margin-top:2em;border-top:1px solid #999;}

.good_pollinator
{
	font-weight: bold;
	color: #009933;
	border:1px dotted #999;
	padding:0.1em;
}


/* ---------------------------------------------------------------------------
	Spacing article
--------------------------------------------------------------------------- */
.spacinggrid {font-size:94%;border-bottom:1px dotted #999;border-top:1px dotted #999;border-collapse:collapse;padding-bottom:2em;clear:both;min-height:290px;}
.spacinggrid h3 {margin-top:0.4em;padding-top:0;}
/* .spacinggrid_diagram {float:right;width:280px;height:270px;} */
/* .spacinggrid_info {width:320px;} */
table.spacing_dimensions {border-collapse:collapse;}
.spacing_dimensions td {padding:0.3em 0 0.3em 0.1em;border:1px solid #999;}