/*
Theme Name: Greenstik
Theme URI: 
Description: 
Version: 1.0
Author: Darren White
Author URI: 
Tags: 

*/
* {margin: 0;padding: 0;}
div#container:after,
#content:after  {clear:both;content:".";display:block;height:0;visibility:hidden;}

*.x {display: none;}
a img {border:none;}
.reset {clear:both;display:block;}

#logo span {position:absolute;left:-9999px;width:0px;overflow: hidden;}

body {color: #013819;text-align: center;
  font: normal 62.5%/100% Arial, Geneva, Verdana, Lucida, Helvetica, Sans-Serif;
  background: #d0e2c8 url("images/bg_body.png") repeat-x top left;}  

div#container {width:906px;margin:0 auto;text-align:left;
  background:#439939 url("images/bg_container.gif") no-repeat;}

/* >>> HEADER <<< */  
div#header {width:906px;height:201px;position:relative;
  background: url("images/bg_body.png") repeat-x top left;}
  
#logo a:link,
#logo a:visited,
#logo a:hover, 
#logo a:active {float:left;width:266px;height:130px;margin:38px 0 0 18px;
  background: url("images/logo.png") top left no-repeat;} 

div#header p {float:right;width:394px;color:#fff;padding:8px 0 4px 0;
  font-size:1.3em;line-height:2.2em;background:#013819;}
div#header p strong {padding:0 0 0 20px;color:#88a0a3;font-weight:normal;}

#scapa {position:absolute;top:56px;right:0px;}

#slideshow {float:left;width:596px;height:232px;margin:16px 0 0 16px;
  background: url("images/bg_slideshow.jpg") no-repeat;}  
  
#testimonials {float:right;width:253px;height:232px;margin:16px 16px 0 0;
  background: #d5e5cd;}   
  
#testimonials h3 {height:35px;padding:5px 0 0 10px;color:#fff;text-transform:uppercase;
  font-size:1.2em;font-weight:bold;line-height:2.2em;
  background: url("images/bg_h2_testimonials.jpg") no-repeat; }
 
#testimonials blockquote p{font-size:1.2em;line-height:1.6em;margin:1.0em 10px 0 10px;}
#testimonials blockquote cite {display:block;margin:0 10px;font-size:1.2em;line-height:1.6em;
  font-weight:bold;font-style:normal;}

/* >>> MENU <<< */
ul#navmenu {float:right;width:608px;margin:99px 0 0 0; /*For KHTML*/list-style: none;}
ul#navmenu li {margin: 0 2px 0 0;border: 0 none;float: left; /*For Gecko*/
  display: inline;list-style: none;position: relative;text-transform:uppercase}
/* Root Menu */
ul#navmenu a {float:left;width:94px;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;text-align:center;font: bold 1.2em/42px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/color:#fff;
  background:#439939 url("images/bg_nav.jpg") top left no-repeat;}
ul#navmenu .page-item-253 a {width:126px; background: url("images/bg_nav_consumerables.jpg") top right no-repeat}

/* Root Menu Hover Persistence */
ul#navmenu .current_page_item a,
ul#navmenu a:hover {text-decoration:none;color: #5f7d82;
  background:#dcea8e url("images/bg_nav_hover.jpg") top left no-repeat;}

ul#navmenu .current_page_item.page-item-253 a,
ul#navmenu .page-item-253 a:hover {background: url("images/bg_nav_hover_consumerables.jpg") top left no-repeat}

/* >>> CONTENT <<< */  
#content {float:right;width:576px;min-height:488px;
 margin:35px 16px 0 0;padding-bottom:20px;
 background:#f8faee;}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {padding:0 20px;font-size:1.4em;line-height:1.2em;color:#013819;}
#content h1 {color:#fff;line-height:34px;background:#013819;text-transform:uppercase}  
#content h2 {font-size:1.4em;margin:1.5em 0 0 0;}  
#content h3 {font-size:1.4em;margin:1.5em 0 0 0;}  
#content h4 {font-size:1.2em;margin:1.5em 0 0 0;}
#content h5 {font-size:1.2em;margin:1.5em 0 0 0;}
#content h6 {font-size:1.2em;margin:1.5em 0 0 0;}
#content p,
#content ul,
#content ol,
#content code {font-size:1.3em;line-height:1.6em;margin:0.5em 0 1.0em 0;padding:0 20px;}
#content ul,
#content ol {clear:left;margin:1em 0 0 4em;}
#content ul ul,
#content ol ol {margin:0 0 0 5em;font-size:1.0em;}
#content small {display:block;font-size:1.2em;line-height:1.6em;margin:0 0 0.75em 0;}  
  
#content p.date {margin:0;font-size:1.1em;font-weight:bold;}  
p.more {text-align:right;}

#content p a:link,
#content h2 a:link,
#sidebar ul li a:link  {color:#013819;text-decoration:none;border-bottom:1px solid #013819;}
#content p a:visited,
#content h2 a:visited,
#sidebar ul li a:visited  {color:#013819;text-decoration:none;border-bottom:1px solid #013819;}
#content p a:active,
#content h2 a:active,
#sidebar ul li a:active  {color:#fff;text-decoration:none;background:#013819;border-bottom:1px solid #013819;}
#content p a:hover,
#content h2 a:hover,
#sidebar ul li a:hover {color:#fff;text-decoration:none;background:#013819;border-bottom:1px solid #013819;}

#content acronym { cursor: help; }
#content pre,
#content code,
#content blockquote {margin: 15px 0;padding: 15px;display: block;background: #fff url(../img/grey_grad_.jpg) repeat-x 0 -130px;color: #666;background-color: #eee; 	}
#content blockquote {padding: 1px 15px 1px 15px;margin-left:30px;font-family: Arial, Helvetica, sans-serif;
  border-left:4px solid #666;background:none;}

dl { margin-left: 0; font-size:1.2em;line-height:1.6em;padding:0 20px;}
dl dt { font-weight: bold; margin-top: 15px; }
dl dt { color: #013819; }

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}
#map {margin:10px 0;width: 388px;height: 330px;border: 5px solid #ddd;}
#content #map img {background:none;}

hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 15px 20px; }

#navigation {height:2.75em;background:#013819;}
#content #navigation p {color:#fff;text-align:right;font-size:1.2em;margin:0;padding:0 10px;line-height:2.25em;}
/*#content #navigation a:link {color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
#content #navigation a:visited {color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
#content #navigation a:active {color:#fff;text-decoration:none;}
#content #navigation a:hover {color:#fff;text-decoration:none;}*/


/* Root = Horizontal, Secondary = Vertical */
#account ul {width: 576px; /*For KHTML*/height: 24px;margin:0;padding:0;list-style: none;background:#dcea8e;}
#account ul li {float: right; /*For Gecko*/display: inline;list-style: none;position: relative;height: 24px;margin-right:10px;}
/* Root Menu */
#account ul a {padding: 0 6px;float: none !important; /*For Opera*/float: left; /*For IE*/display: block;
  color: #013819;font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/border-bottom:4px solid #dcea8e}

/* Root Menu Hover Persistence */
#account ul a:hover {color: #013819;border-bottom:4px solid #013819}


/* images */
#content img {float:left;padding: 4px;float:left;background-color: #efefef;
  border:1px solid #013819; }	
#content a img { }
#content a:hover img { border-color: #013819; }
#content .alignright {float:right;margin-left: 10px; }
#content .alignleft {float:left;margin-right: 10px; }

p.wp-caption-text {clear:left;padding: 4px;text-align:center;
  font-weight:bold;border:1px solid #013819;margin:0 !important;min-height:50px;
  height:auto !important;height:50px;
  border-top:0;background-color:#fff;}
  
.wp-caption  {margin-left: 20px;}
.wp-caption {margin-bottom:10px;}
  
#content div.btn {padding:0 20px 0 0;text-align:right;}  
#content div.btn img {float:none;padding:0;margin:0;border:none;background:none;}
#content p a:link img.btn {background:none;border:none;}
#content p a:visited img.btn {background:none;border:none;}
#content p a:active img.btn  {background:none;border:none;}
#content p a:hover img.btn{background:none;border:none;}

/* >>> TABLE <<< */  
table#nondate {width:500px;margin:0 auto;border-collapse:collapse;
  border-top:1px solid #348FC3;border-right:1px solid #348FC3;}
table#nondate caption {margin:1.5em auto 0 auto;padding:.5em 0.75em;text-align:center;color:#FFF;
  font: bold 12px/1.2em Arial, Verdana, Helvetica, sans-serif;	
  color:#013819;}
table#nondate tbody th {width:140px;padding:5px;color:#000;
  font-size:12px;font-weight:bold;line-height:1.4em;
  border-bottom:1px solid #053D57;border-left:1px solid #053D57;
  background:#dcea8e;}
table#nondate thead th,
table#nondate tbody th.thead {padding:.5em 0.75em;text-align:center;color:#FFF;
  font: normal 12px/1.2em Arial, Verdana, Helvetica, sans-serif;	
  border-left:1px solid #053D57;background-color:#013819;}	

table#nondate #wishlist tbody th {width:80%;}  	
    
table#nondate td img {width:auto;height:auto;padding:0;margin:0;border:none;background:none;}
table#nondate td {width:auto;color:#000;border-bottom:1px solid #053D57;border-left:1px solid #053D57;
  font-size:12px;background:#dcea8e;padding:5px;}				
table#nondate .alt td,
table#nondate td.alt {background:#eee;}  
table#nondate input {margin:0 1px 0 0;padding:3px 2px;height:16px;width:18px;line-height:1.4em;font-size:12px;}
table#nondate textarea {width:340px;}
table#nondate tfoot {border-left:1px solid #053D57;}
table#nondate tfoot td button.order {margin-left:250px;}
table#nondate tfoot td {border-left:none;background:#f8faee;}

/* >>> ORDER PAGE <<< */ 		
#content .product-details {margin:0 20px;background: #d5e5cd;}
#content .product-details h2 {display:block;height:35px;padding:5px 0 0 10px;
  color:#fff;text-transform:uppercase;font-size:1.2em;font-weight:bold;line-height:2.2em;
  background: url("images/bg_h2_product-details.jpg") repeat-x;}			

#content .product-details ul {margin:1.0em 10px 0 10px;list-style-type:none;font-size:1.2em;line-height:1.6em;}
#content .product-details ul li {list-style-type:none;}
#content .product-details ul li strong {}

#content .product-details form {width:536px;margin:15px 0 20px 0;padding:5px 0 0 0;}
#content .product-details form#wish-list {margin-top:0;}
#content .product-details form button {}
#content .product-details form p {clear:left;margin:15px 0 5px 0;padding:0;}
#content .product-details form label {padding:5px 10px 5px 0;line-height:1.4em;clear:left;float:left;width:auto;}
#content .product-details form label.short {width:40px;}
#content .product-details form select {width:10em;padding:2px;}
#content .product-details form input {width:2em;padding:4px;}
#content .product-details form fieldset {padding:0 20px;}
#content .product-details form fieldset div {float:left;width:100px;margin:0 0 0 5px;}
#content .product-details form div p {margin:0;padding:0;}

#content .product-details .submit {float:none;display:block;width:auto;padding:5px;height:40px;background:#d5e5cd;}
#content .product-details .submit p {}
#content .product-details .submit button {float:right;}

/* >>> SIDEBAR <<< */ 
#sidebar {clear:left;float:left;width:285px;margin:35px 0 0 16px;padding-bottom:30px;
  background:#f8faee;}

/*
#sidebar h2 a:link {padding:0 20px;text-decoration:none;float: none !important; float: left; 
  display: block;color: #fff;}
#sidebar h2 a:visited {padding:0 20px;text-decoration:none;float: none !important; float: left;
  display: block;color: #fff;}
#sidebar h2 a:hover {color: #5f7d82;background:#dcea8e;}
#sidebar h2 a:active {color: #5f7d82;background:#dcea8e;}

#sidebar ul {margin:0.5em 0 1.0em 0;padding:0 20px;list-style-type:none;font-size:1.3em;line-height:1.3em;}
#sidebar ul li {float:right;width:195px;list-style-type:none;}

#sidebar ul li.date {float:left;width:32px;height:36px;padding:4px 2px;line-height:1.2em;text-align:center;
  background: url("images/bg_date.png") no-repeat;}
#sidebar ul li.more {clear:both;float:none;display:block;margin:0 0 1em 50px;}*/

#sidebar h3 {padding:0 20px;color:#fff;font-size:1.4em;line-height:34px;background:#013819;text-transform:uppercase}
  

#sidebar ul {margin:0.5em 20px 1.0em 20px;list-style-type:none;font-size:1.3em;line-height:1.4em;}
#sidebar ul li {list-style-type:none;margin:10px 0;padding:0 0 0 25px;
  background: url("images/bg_sidebar_li.jpg") 0 2px no-repeat;}  
#sidebar ul li.pdf {background: url("images/bg_sidebar_li_pdf.jpg") 0 0 no-repeat;}
  
#sidebar p {margin:20px 0 0 0;padding:0 20px;font-size:1.3em;line-height:1.1em;}  

#sidebar div {clear:left;height:60px;margin:0 20px;padding:10px 0;border-bottom:1px solid #325f44;}
#sidebar div img {float:left;width:50px;height:60px;margin:0 8px 0 0;
  border:1px solid #325f44;background:f8faee;}
#sidebar h4 {margin:0;font-size:1.3em;line-height:1.3em;}
#sidebar div p {margin:0;padding:0;font-size:1.2em}
#sidebar div p strong {font-weight:normal}

#sidebar img.accreditations {float:left;margin:0 2px 0 0;}
  
/* >>> FOOTER <<< */  
div#footer {clear:both;display:block;width:906px;height:60px;margin:0 auto;
  background:#d0e2c8 url("images/bg_footer.gif") no-repeat;}
div#footer p.copyright {float:left;width:200px;padding:30px 0 0 16px;text-align:left;}  
div#footer p {float:right;width:200px;padding:30px 16px 0 0;text-align:right;
  font-size:1.2em;font-weight:bold;color:#053e1b;}
div#footer p a:link {color:#053e1b;text-decoration:none;border-bottom:1px solid #053e1b;} 
div#footer p a:visited {color:#053e1b;text-decoration:none;border-bottom:1px solid #053e1b;} 
div#footer p a:hover {color:#fff;text-decoration:none;border-bottom:1px solid #053e1b;background:#053e1b} 
div#footer p a:active {color:#fff;text-decoration:none;border-bottom:1px solid #053e1b;background:#053e1b} 


/* >>> FORMS <<< */ 
#content form {margin:0 0 10px 40px;width:500px;border:none;}
#content form.basket {margin:0;width:auto;}
#content form fieldset {border:none;}
#content label {clear:left;display:block;font-size:1.2em;line-height:1.1em;color:#666;margin:0 0 0.5em 0;padding-top:10px;}
#content label.rememberme {padding:0;}
#content input,
#content textarea,
#content select {width:30em;padding:0.6em;margin:0px 0.5em 0 0;border:1px solid #E6A800;font:normal 1.2em/1.5em Verdana, sans-serif;color:#222;border:1px solid #666;}
#content #products select {width:24em;padding:2px;}

#content label input {clear:left;float:left;margin:0 6px 10px 0;padding:0;width:auto;height:15px;border:none;
  line-height:10px;}
  

  
#content select {float:left;width:30em;padding:0.6em;}  

#content textarea {width:36.2em;margin-bottom:1em;font: normal 1em/1.5em Verdana, sans-serif;height:10em;display:block;color:#222;}
#content button {display:block;clear:left;margin-top:1em;line-height:1.5em;}
#content #products button {display:inline;clear:none;margin-top:0;}

#content #delivery_date,
#content #delivery_time {padding:5px 0 15px 0;}
#content form legend {display:block;font-size:1.4em;line-height:1.6em;font-weight:bold;}
#content #delivery_date label {float:left;width:50px;}

#content #delivery_time label {clear:none;float:left;width:160px;}
#content input#morning_delivery {float:left;margin:8px 0 0 0;width:15px;height:15px;}  
#content select.delivery_time {width:100px;padding:2px;margin:5px 0 0 0;}
#content #delivery_time label.delivery_time {width:90px;margin:0 5px 0 10px;} 
#content #delivery_time p {clear:left;margin:0;padding:5px 0 0 0;}

/* >>> DELIVERY FORM <<< */ 

#content .errortext {margin:2em;padding:0.5em 1.0em;text-align:center;
  border-top:1px solid #e6db55;border-bottom:1px solid #e6db55;background: #ffffe0;}
#content .errortext strong {font-size:1.2em;color:#933;}  
#content .errortext  p {margin:0;}
#content .errortext  ul {margin:0 2em;font-size:1.2em;}


#content .LV_validation_message{display:block;font:bold 1.2em/2.0em Verdana, sans-serif;margin:0 0 1.0em 0;padding:0;}
#content .LV_valid {color:#298C32;visibility:hidden;display:none;}

#content .LV_invalid {color:#CC0000;}
#content .LV_valid_field,
#content input.LV_valid_field:hover, 
#content input.LV_valid_field:active,
#content textarea.LV_valid_field:hover, 
#content textarea.LV_valid_field:active {border: 1px solid #298C32;}
    
#content .LV_invalid_field, 
#content input.LV_invalid_field:hover, 
#content input.LV_invalid_field:active,
#content textarea.LV_invalid_field:hover, 
#content textarea.LV_invalid_field:active {}