/**************/
/*  ELEMENT   */
/**************/



body {
	background: #395B39;
	color: #26282B;
	font-family: Verdana;
	font-size: 0.7em;
	line-height: 130%;
	padding: 12px 0 0 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}

img {
	border: 0px;
}

input {
	background-color: #FFFFFF !important;
	font-family: Arial;
}

textarea {
	border: 1px solid #395B39;
	background-color: #FFFFFF !important;
}

p {
	padding: 0 15px 10px 0px;
	line-height: 1.4em;
	margin: 0;
}

h1 {
	display: none;
	position: relative;
	top: -9999px;
}

h1.details {
	position: relative;
	top: 0px;
	display: block;
}

h2 {
	color: #983901;
	margin: 10px 0px 8px 0px;
	padding: 0;
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	margin: 1.5em 0px 8px 0px;
	padding: 0;
	line-height: 1em;
	font-size: 1.2em;
}


a:link, a:active, a:visited {
	color: #395B39;
}

a:hover {
	color: #983901;
}

/***************/
/*  STRUCTURE  */
/***************/

#container {
	background: url('images/bordersides.gif') repeat-y #FFFFFF;
	position: relative;
	margin: auto;
	width: 962px;
}

#header {
	margin: 0 auto;
	width: 962px;
	height: 133px;
	background: url('images/header.gif');
}

#headercontact {
	width: 270px;
	float: right;
	font-size: 1.1em;
	padding-top: 46px;
}

#headercontact  p {
	line-height: 20px;
}

#menu {
	width: 936px;
	background: #C5D6C5;
	height: 35px;
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 13px;
	margin-right: 13px;
}

#menu ul {
	display: block;    
	float: left;
	padding: 11px 0 0 40px;
    font-size: 1.4em;
	width: 600px;
}

#menu li{
    display: block;
    float: left;
    padding: 0 55px 0 0;
}

#menu li.selected, #menu li.selected a {
	color: #FFFFFF;
}

#menu a:active, #menu a:link, #menu a:visited {
	color: #395B39;
	text-decoration: none;
}

#menu a:hover {
	color: #983901;
}

#menudate {
	float: right;
	width: 165px;
}

#menudate span {
	line-height: 10px;
}

#cart {
	margin-top: 6px; 
	margin-right: 8px;
}

#cartlink {
	font-size: 1.4em;
	font-family: Arial;
	font-weight: bold;
	position: relative;
	top: -2px;
}

#content {
	margin-top: 2px;
	width: 936px;
	margin-left: 13px;
	margin-right: 13px;
	background: url('images/3column1.gif');

}

#centercol {
	float: right;
	width: 685px;
	padding-left: 10px;
	padding-right: 20px;
}

#leftcol {
	text-align: center;
	float: left;
	width: 202px;
}


#leftcol ul, #menu ul {
    font-weight: bold;
    font-family: arial, sans-serif;
    list-style-type: none;
    margin: 0;
    text-align: left;
}

#leftcol p a {
	text-decoration: none;
}

#leftcol input {
	margin-bottom: 10px;
}

#leftcol ul {
    width: 171px;
    padding: 0 0 0 0;
    font-size: 0.9em;
	margin: 0 auto;
}

#leftcol li{
	background: url('images/category-box.gif');
	height: 51px;
	padding: 4px 0 0 5px;
	margin: 0 0 10px 0;
}

#leftcol li.on {
	background-image: url('images/category-box2.gif');
}


#leftcol li p {
	padding: 1px 0 0 0;
	margin: 0;
	line-height: 1em;
	padding-left: 4px;
	font-size: 1.4em;
}

#leftcol li a:link, #leftcol li a:active, #leftcol li a:visited {
	color: #395B39;
}

#leftcol li a:hover {
	color: #983901;
}

#leftcol #listemail {
	border: 1px solid #395B39;
}

#clearer {
	clear:	both;
	background: url('images/3column1.gif');
}

#footer {
	background: url('images/footer.gif') no-repeat;
	height: 30px;
	margin: 0 auto;
}

#footer .left, #footer .right {
	position: relative;
	top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.9em;
	font-family: Arial, Sans-Serif;
	text-align: center;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#footer p, #footer a{
	color:#ffffff;
}

/****************/
/*     HOME     */
/****************/

#home {
	margin-top: 20px;
	width: 680px;
}

#home .diagram {
	float: right;
	height: 246px;
	width: 227px;
}

#home .homebar {
	color: #983901;
	clear: left;
	width: 410px;
	border: 1px dashed #E0E9E0;
	background-color: #F6F9F6;	
	font-size: 1.35em;
	padding: 10px;
}

#home .homebar p {
	margin: 0;
	padding: 0;
}

#home .homebar2 {
	width: 410px;
	font-size: 1.35em;
	padding: 10px;
}

#home .homebar2 img {
	float: left;
	margin-right: 20px;
}

#home .shipping {
	float: right;
	position: relative;
	margin-top: 30px;
	border: 1px solid #E0E9E0;
	width: 190px;
	padding: 15px;
}

#home .homefeat {
	margin-top: 30px;
	clear: left;
	width: 410px;
	border: 1px solid #E0E9E0;
	background-color: #F6F9F6;	
	font-size: 1.35em;
	padding: 10px;
}

#home .homefeat .left {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#home .homefeat .right {
	float: right;
	width: 190px;
	padding-left: 10px;
}





#home .feattable p {
	font-size: 1.25em;
	padding: 10px;
}

#home p.moreinfo {
	font-size: 1.1em;
}


#home img.ship {
	border: 1px solid #FFFFFF;
}

#home .feattable {
	width: 678px;
	border: 1px solid #E0E9E0;
	margin-bottom: 18px;
	margin-top: 20px;
}

#home table.feattable td {
	width: 175px;
	position: relative;
	padding-bottom: 10px;
	border: 1px solid #E0E9E0;
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
}

#home .feattable td .homeimg {
	border: 2px solid #E0E9E0;
}

#home .img, #home .ship {
	border: none;
}

.exvat {
	font-size: 0.7em;
}


/****************/
/* CONTACT PAGE */
/****************/

#contact {
	margin-left: 3px;
	margin-right: 10px;
	font-size: 1.1em;
}

#contact .contactleft {
	float: left;
	width: 49%;
}

#contract .contactright {
	float: right;
	width: 49%;
}

#contact fieldset {
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}

#contact legend {
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

#contact p {
	margin-bottom: 1.2em;
}

#contact label {
	width: 105px;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	text-align: left;
}

#contact ol li {
	list-style-type: none;
	padding-bottom: 2px;
	clear: left;
}

#contact .textbox {
	width: 150px;
	font-family: Verdana;
	font-size: 1em;
	border: 1px solid #395B39;
}

#contact textarea {
    height: 5em;
    width: 250px;
	font-size: 1em;
	font-family: Verdana;
}

#contact .tickbox {
	padding-left: 115px;
}

#contact .tickbox label {
	margin-left: 10px;
	width: 250px;
}

#contact .tickbox input {
	float: left;
}

#contact .tickbox div {
	clear: both;
}

#contact #send {
	margin-top: 5px;
}

#contact ul.errorlist li {
	color: #FF0000;
}

#contact .clear {
	height: 10px;
}

#contact .thanks {
	font-size: 1.2em;
	text-align: center;
}

#contact address {
	line-height: 150%;
}

#contact .google {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#contact .multimap {
	margin-top: 0;
	font-weight: bold;
}

/****************/
/* PLANT CENTER */
/****************/

#plantcenter {
	margin-left: 3px;
	margin-right: 10px;
	font-size: 1.1em;
}

#plantcenter ul {
	padding-left: 20px;
	margin-top: 5px;
	margin-left: 10px;
	list-style-type: disc;
}

#plantcenter ul li {
	margin-bottom: 5px;
}

#plantcenter .plant {
	border: 2px solid #395B39;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

/****************/
/* ESSEX DEPOT  */
/****************/

#depot {
	margin-left: 3px;
	margin-right: 10px;
	font-size: 1.1em;
}

#depot address {
	padding-left: 20px;
	line-height: 140%;
}

#depotmap { 
	width: 100%;
	height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: dashed 1px #004679;
}

/****************/
/*    LINKS     */
/****************/

#links {
	margin-left: 3px;
	margin-right: 10px;
	font-size: 1.1em;
}

#links table td {
	text-align: left;
	padding-left: 10px;
}

#links table td img {
	padding-top: 30px;
}

/***************/
/* ONLINE SHOP */
/***************/

#onlineshop {
	margin-left: 3px;
	margin-right: 10px;
}

#onlineshop .minorder {
	font-size: 1.2em;
}

#onlineshop .description {
	line-height: 150%;
	font-size: 1.1em;
}

.cat, .cat a:link, .cat a:hover, .cat a:visited, .cat a:active {
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	text-decoration: none;
	color: #395B39;
}

/************/
/* CATEGORY */
/************/

#browse {
	margin-right: 9px;
}

#browse .calc {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	width: 640px;
	background-color: #F6F9F6;
	border: 1px solid #E0E9E0;
}

#browse .calc input {
	margin-bottom: 5px;
}

#browse .topbar {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	width: 640px;
	background-color: #F6F9F6;
	border: 1px solid #E0E9E0;	
}

#browse .topbar .treediagram {
	float: right;
	width: 227px;
	height: 246px;
	padding: 10px;
	border: 1px solid #E0E9E0;	
	background-color: #FFFFFF;
	margin-left: 20px;
}

#browse .topbar .hedgediagram {
	float: right;
	width: 92px;
	height: 108px;
	padding: 10px;
	border: 1px solid #E0E9E0;	
	background-color: #FFFFFF;
	margin-left: 20px;
}

#browse .instructions {
	font-size: 1.2em;
	color: #983901;
}

#browse .producttable {
	width: 678px;
	border: 1px solid #E0E9E0;
}

#browse table.producttable td {
	width: 175px;
	position: relative;
	padding-left: 23px;
	padding-right: 23px;
	padding-bottom: 10px;

}

#browse .producttitle {
	font-size: 1.3em;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	height: 2.2em;
	font-weight: bold;
}

#browse .producttitle a:link, #browse .producttitle a:active, #browse .producttitle a:visited {	
	text-decoration: none;
}

#browse .producttable td img {
	border: 2px solid #E0E9E0;
}

#browse .productcategory {
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

#browse .productprice {
	margin-bottom: 3px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

#browse .productpricenovat {
	margin-bottom: 3px;
	display: block;
	font-size: 1.1em;
}

#browse .quantity {
	width: 20px;
	border: 1px solid #395B39;
	font-family: Verdana;
	margin-top: 3px;
	font-size: 1.1em;
}

#browse .productquantity {
	margin-top: 3px;
	clear: left;
	margin-top: 3px;
	font-size: 1.1em;
	margin-left: 40px;
}

#browse .stock {
	font-size: 1.1em;
}

#browse td.productcell {
	border: 1px solid #E0E9E0;	
}

#browse td.productcell2 {
	background-color: #F6F9F6;
	border: 1px solid #E0E9E0;
}
#browse td.productcell3 {
	border: 1px solid #E0E9E0;
}

#browse .categorytitle {
	font-size: 1.3em;
}

#browse .full {
	margin-left: 26px;
	margin-top: 5px;
	margin-bottom: 0;
	font-weight: bold;
}

/*****************/
/*    DETAILS    */
/*****************/

#details {
	width: 550px;
	margin: 0 auto;
}

#details .mainwrap {
	border: 1px solid #E0E9E0;
	background-color: #F6F9F6;
	width: 550px;
	clear: left;
}

#details h1.error {
	font-size: 1.3em;
	color: #FFFFFF;
	text-align: center;
}

#details p.error, #details p.error a:link, #details p.error a:active, #details p.error a:visited {
	color: #FFFFFF;
	font-size: 0.75em;
	text-align: center;
}

#details .productimages {
	background-color: #F6F9F6;
	width: 263px;
	padding: 5px;
	float: left;
}

#details .productdesc {
	padding: 10px;
}

#details .productimages img {
	border: 2px solid #395B39;
}

#details .productimages .mainimg {
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#details .image {
	margin-bottom: 8px;
	margin-left: 8px;
	float: left;
}

#details h1 {
	color: #FFFFFF;
	font-size: 1.7em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 25px;
	float: left;
	z-index: 99;
}

#details h2 {
	color: #FFFFFF;
	font-size: 1.3em;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	line-height: 25px;
	float: right;
}

#details .close, #details .close a:link, #details .close a:visited, #details .close a:active {
	color: #FFFFFF;
	font-size: 1.1em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#details .name {
	font-size: 1.4em;
	font-weight: bold;
}

#details .price {
	font-size: 1.2em;
}

#details .desc {
	line-height: 140%;
	font-size: 1.2em;
}

#details h2 a:link, #details h2 a:active, #details h2 a:visited {
	color: #FFFFFF;
}

#details h2 a:hover, #details p.close a:hover {
	color: #E2E2E2;
}


















#products {
	width: 680px;
}

#products label {
	font-weight: bold;
	margin-left: 6px;
}

#products img {
	border: 2px solid #E0E9E0;
	margin-bottom: 15px;
	margin-left: 6px;
}



.prodbox, .prodbox2 {
	overflow: hidden;
	width: 660px;
	margin: 0 auto;
	border: 1px solid #E0E9E0;
	margin-bottom: 15px;
	padding: 8px;
	clear: both;
}

.prodbox {
	background-color: #F6F9F6;
}

.prodimg {
	float: left;
	width: 81px;
	text-align: center;
	margin-right: 8px;
}

.prodimg img {
	margin-bottom: 5px;
	border: 2px solid #395B39;
}

div.prodbox p {
	line-height: 105%;
}

.prodname {
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
}

.prodprice, .proddesc {
	margin: 0;
	margin-top: 2px;
	font-size: 1.1em;
}

.pagenav {
	text-align: center;
}



p.breadcrumb {
	margin: 0.7em;
}


.center {
	text-align: center;
}

.error {
	color: red;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.border {
	border: 2px solid #395B39;
}

/**************/
/*   ABOUT    */
/**************/

#about p {
	font-size: 1.1em;
	line-height: 150%;
}

/*************/
/* CATALOGUE */
/*************/

#catalogue p {
	font-size: 1.1em;
	line-height: 150%;
}

/****************/
/* PRODUCT PAGE */
/****************/


#product .button {
	margin-top: 10px;
	margin-bottom: 12px;
}

#product .main {
	font-size: 1.2em;
	clear: left;
}

#product .vat {
	font-size: 0.8em;
	font-style: italic;
}

#product label {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
	margin-bottom: 1em;
}

#product .quantity {
	position: relative;
	left: 10px;
	top: -2px;
	width: 2em;
	float: left;
	border: 1px solid #395B39;
}

#thumbenlarge {
	width: 265px;
	clear: both;
	display: block;
}

#tellfriend {
	width: 265px;
	text-align: center;
}

#tellfriend img {
	position: relative;
	border: 0;
	top: 2px;
}

#tellfriend a {
	text-decoration: none;
}

/*****************/
/*      MAP      */
/*****************/

#googlemap {
	width: 100%;
	height: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: dashed 1px #004679;
}

/****************/
/*   GENERIC    */
/****************/

.leftcol {
	width: 50%;
	float: left;
	text-align: left;
}

.rightcol {
	width: 50%;
	float: right;
	text-align: right;
}