/* =================================== 

Copyright notice:

Cubecart CSS/XHTML theme modifications by Clooti are based on default CSS from cubecart.com



Distribution of Clooti modifications:

Distribution of our modified theme templates/files and archives is the sole and exclusive right of clooti.co.uk

No reselling or redistribution of these files is permitted in any shape or form, by any possible method.

You are free to use any parts for personal projects or non commercial works.



You are free to use any of the CSS and associated XHTML as long as the copyright notice is intact and should remain intact and visible in the source.

Only those who have paid for or personally requested can remove this copyright. Contact post@clooti.co.uk.

Copyright (c) 2006-2008 Clooti

=================================== */

body {background-color: #fff; color: #4F4D03;font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 0.82em;/* Hides from IE-mac \*/font-size: 0.8em;/* End hide from IE-mac */margin: 10px;text-align:center;padding: 0;}

img{border:0;}

p {margin:0;padding:0 0 0.8em 0;}

div, form, ol {margin:0;padding:0;}

hr{height: 1px;border: 0;border-top: 1px solid #eeeddb;margin-bottom: 0.5em;}

a {color: #ba2b58;text-decoration: none;}

a:visited{color: #801134;}

a:hover, a:focus{color: #C68400;text-decoration: underline;}

/*Header tags*/

h1, h2, h3, h4, h5, h6{margin:0.2em 0 0.5em 0;padding: 0;font-weight:bold;}

h1{font-weight: bold;font-size: 1.7em;margin-bottom:0.7em;line-height:1.2em;}

h1.homeheader{font-size: 4.5em;font-weight:normal;margin-bottom:0.4em;margin-top:0;line-height:1em;}

h2 {font-size: 1.3em;}

h3 {font-size: 1.2em;}

h4, h5, h6 {font-size: 1.1em;margin-bottom:0;}

#colleft h2{font-size: 1.2em;}

#categorybox h2, .borderbox h2{padding: 4px 3px 4px 10px;margin:0;color: #f9f9f0;background-color:#656528;border-bottom:2px solid #fff;}

.palebox h2{padding: 8px 3px 5px 10px;margin:0;color:#4F4D03;}

#colmid h2, #colmidcart h2{background-color:#eeeddb;color:#4F4D03;font-size:1.3em;margin:0 0 0.7em 0;padding: 6px 3px 3px 10px;}

#colmid .proddet h2{background-color:#fff;padding:0;margin:0;}



/* Hides from IE-mac \*/

html>body #top_left, html>body #page, html>body #footerleft{width: auto;height: auto;min-width: 59em;max-width: 70em;text-align:left;margin:auto;}

/* End hide from IE-mac */

#top_left, #page, #footerleft{width: 59em;text-align:left;margin:auto;}

#top_left{background: url("../styleImages/wt/top_left_corner.gif") no-repeat top left;}

#top_right{background: url("../styleImages/wt/top_right_corner.gif") no-repeat top right;padding-right:17px;}

#header{padding: 0;background: url("../styleImages/wt/border_top.gif") repeat-x top left;padding:5px 0 10px 0;margin-left:15px;}

#hillyleft{background:url('../styleImages/wt/hilly.gif') no-repeat left 2px;}

#flower{background:url('../styleImages/wt/bgheadlright.gif') no-repeat right 2px;margin-left:3px;}

.sessiontxt{float:right;font-size:95%;font-weight:bold;line-height:2em;text-align:right;clear:right;margin:0.01em;}

#utilities{width:19em;float:right;clear:right;}

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

.headertext{display:inline-block;/* Hides from IE-mac \*/float:left;/* End hide from IE-mac */clear:right;padding:8px 0 0 0;}

.headertext2{font-size: 1.2em;line-height:1em;letter-spacing: 0.1em;font-weight:bolder;}

.headerbg{display:inline-block;/* Hides from IE-mac \*/float:right;/* End hide from IE-mac */width:30em;margin:0em;}

#page{background: url("../styleImages/wt/border_side.gif") repeat-y left;}

#borderright{background: url("../styleImages/wt/border_side.gif") repeat-y right;padding:0 1px;}

#utilities .borderbox h2{font-size: 1.1em;padding: 4px 3px 4px 10px;}



#mainnav{clear:both;width: 100%;float: left;background-color: #eeeddb;}

#mainnav ul {margin: 0;padding: 0;font-size:110%;font-weight: bold;}

#mainnav ul li {display: inline;}

#mainnav ul li a, #mainnav ul li strong{color:#656528;padding: 0.8em 20px;background-color: #eeeddb;float: left;border-right: 3px solid #fff;text-decoration:none;}

#mainnav ul li strong{color:#656528;padding: 0.8em 20px;background-color: #eeeddb;float: left;border-right: 3px solid #fff;text-decoration:none;}

#mainnav ul li a:hover{background-color: #a5a546;color: #fff;}

#mainnav li a.current{background-color: #656528;color: #f9f9f0;}

input, textarea, select{font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 105%;color: #4F4D03;background-color: #fff;padding:0.1em;}

#mainnav form{float:right;display:inline;font-size:1em;}

.search{align:right;margin:0.5em 18px 0.2em 0;}

#mainnav label{font-weight: bold;}

.searchbtn{border:1px outset #818136;color:#f9f9f0;background-color:#656528;cursor:pointer;font-weight:bold;padding:0.08em;margin:0;}

.searchbtn:hover{border:1px inset #818136;color:#656528;background-color:#f9f9f0;cursor:pointer;font-weight:bold;padding:0.08em;}

.searchbox{border:1px solid #818136;width:8em;font-size:1.1em;}

.advsearch{clear: both;font-size: 95%;padding: 0.3em 18px 0 0;text-align:right;font-weight:bold;vertical-align:middle;}
.advsearch img{vertical-align:middle;margin:0 0 0 5px;}
img.fb{padding-right:5px;border-right:5px solid #d0d0d0;}

#content{line-height:1.4em;padding:5px 5px 0 5px;}

#colright .textright{line-height:1em;}

#colleft {float: left;display:inline-block;

/* Hides from IE-mac \*/float:left;/* End hide from IE-mac */

width: 23%;padding: 0 5px 15px 15px;}

#colmid{display:inline-block;width:70%;/* Hides from IE-mac \*/float:left;width: 74%;/* End hide from IE-mac */}

#colmidcontent{padding-left:0.3em;margin-left:2%;}

.homecontent{font-size:1.1em;line-height:1.5em;width:90%;}

.highlight{background-color:#eeeddb;padding:8px 10px;margin-bottom:12px;}

.highlight p{margin:0;padding:0;}

#randombox img{padding:5px;background-color:#fff;border:1px solid #818136;margin-bottom:5px;}

#randombox .boxcontent{padding:5px 0 10px 0;text-align:center;}

/*#colright {width: 23%;padding: 0;float: right;line-height:1.3em;}*/

.manbox, .boxleft, .boxright{border: 1px solid #fff;margin-bottom:12px;}

.boxleft, .boxright{width: 49%;}

.boxleft{float:left;}

.boxright{float:right;}

#colleft .borderbox h2, #colleft #categorybox h2, #utilities .borderbox h2{background:url('../styleImages/wt/tr.gif') no-repeat top right;}

#colleft #categorybox, #utilities .borderbox, #colleft .borderbox{background:#656528 url('../styleImages/wt/tl.gif') no-repeat top left;margin-bottom:1.3em;}

#utilities .borderbox{margin-bottom:0;}

#colleft .palebox h2{background:url('../styleImages/wt/pale_tr.gif') no-repeat top right;}

#trolleybl{background:#eeeddb url('../styleImages/wt/bl.gif') no-repeat bottom left;font-size:95%;}

#trolleybl .boxcontent{padding-left:10px;}

.curvebl{background:#eeeddb url('../styleImages/wt/bl.gif') no-repeat bottom left;}

.palebox{background:#eeeddb url('../styleImages/wt/pale_tl.gif') no-repeat top left;margin-bottom:1.3em;}

div.smphone{background: transparent url(../styleImages/wt/phone.gif) no-repeat left;font-size:1.2em;padding:2px 0 0 22px;margin:0.1em 8px 0.2em 10px;}

div.smemail{background: transparent url(../styleImages/wt/e.gif) no-repeat left;font-size:0.92em;padding:1px 0 4px 17px;margin:0.1em 8px 0.2em 6px;}

.slimboxcontent{width:90%;padding-bottom:1em;}



h2.salesheader{color: #fff;background-color: #818136;}

.boxcontent, .manbox{padding:0 0 6px 0;}

.manbox h2{font-size:100%;padding: 0 0 3px 0;margin:0;}

.textleft{display:block;float: left;clear:both;line-height:1.5em;}

.textright{float: right;text-align:right;}

.textbit{margin: 0.4em 0;}

.buttonspace{clear:both;margin: 0;text-align:right;padding:0 0 5px 0;}

.buttonspace a{background:url('../styleImages/wt/trolley2.gif') no-repeat bottom right;padding:0 0 37px 0;margin-top:0.02em;font-size:110%;font-weight:bold;display:block; width:7em;}

.txtbutton, .txtmore{color: #fff;background-color: #7f191e;border: 0;cursor:pointer;padding:0.2em 0.3em;font-weight:bold;margin: 0 0.3em 0 0;}

.txtmore{background-color: #141819;}

a.txtbutton:hover, .txtbutton:hover, a.txtbutton:active, a.txtbutton:visited, a.txtmore:hover, a.txtmore:active, a.txtmore:visited{color:#fff;text-decoration:none;}

#colleft .boxcontent, #utilities .boxcontent, .boxcontent #catright{background:url('../styleImages/wt/br.gif') no-repeat bottom right;}

.headerbg .boxcontent{padding:5px 10px 5px 3px;}

#colright .boxcontent ul{list-style-type:none;margin:0;padding:0;}

#colright .boxcontent ul li a{padding: 0 0 0 12px;background: url("../styleImages/wt/green_bullet.gif") no-repeat left;margin: 0;display: block;}

#colleft .boxcontent ul li, .boxcontent ol li, #colright .boxcontent ul li, .boxcontent ol li{padding:0;margin:0;}



.boxcontent ol, .boxcontent ul{margin:0 0 0 15px;padding:0 0 0 8px;}

.aligncenter{text-align:center;}

.alignright{text-align:right;}

.floatleft{float:left;}

.floatright{float:right;}



#footerlinks{text-align:center;clear:both;font-size:95%;border-top: 1px solid #a5a546;padding: 0.7em;}

#footerlinks ul{display:inline;margin:0;padding:0;}

#footerlinks ul li{display:inline;border-right: 1px solid #4F4D03;margin:0;padding:0 0.7em 0 0.5em;line-height:1em;}

#footerlinks ul.sitedocs1 li:last-child{border-right:0;}

#footerlinks a {color: #4F4D03;}

#footerlinks a:hover {color: #C68400;}

 

#footerleft{clear:both;background:#eeeddb url("../styleImages/wt/footer_left.gif") no-repeat bottom left;}

#footerright{background:#eeeddb url("../styleImages/wt/footer_right.gif") no-repeat bottom right;padding-right:18px;margin-left:18px;}

#footer{padding:8px 0;background:#eeeddb url("../styleImages/wt/border_top.gif") repeat-x bottom left;text-align:center;}

#footer ul{display: inline;padding: 0;margin:0;}

#footer li{display: inline;list-style-type:none;padding: 0 0 0 6px;margin:0 0 0 10px;}

#footer li a{color: #4F4D03;}

/* hide \*/

#footer li.smphone{background: transparent url(../styleImages/wt/phone.gif) no-repeat left;padding-left:23px;}

#footer li.smemail{background: transparent url(../styleImages/wt/e.gif) no-repeat left;padding-left:20px;}

/* end hide */



.more{background: url(../styleImages/wt/right_arrow.gif) no-repeat right;padding-right: 13px;}

#colmid ul li{background:url("../styleImages/wt/green_bullet.gif") no-repeat 0 0.4em;padding-left: 1em;list-style-type:none;margin-left:0;}

#colmid ul{margin:0 0 0.6em 0;padding:0 0 0 1em;}

#colmid li{padding-bottom:0.2em;}



/*brand dropdown */

#colleft form{padding:1em;}

/* category navigation */

#categorybox{padding:0;margin:0;}

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

#categorybox ul li{list-style-type:none;margin:0;border-bottom: 1px solid #fff;line-height:1.2em;font-size:1.1em;}

#categorybox ul li a{color: #656528;padding: 0.4em 3px 0.4em 10px;background-color: #eeeddb;display:block;}

#categorybox ul li a:hover{color: #fff;background-color: #a5a546;}

#categorybox ul ul {margin-bottom:0;}

#categorybox ul ul li{margin:0;border-bottom: none;background-color: #f9f9f0;border-top: 1px solid #eeeddb;padding:0;font-size:90%;}

#categorybox ul ul li a{padding: 0.4em 3px 0.4em 29px;background: #F9F9F0 url(../styleImages/wt/subnav_bullet.gif) no-repeat 15px 0.7em;margin: 0;display: block;}

#categorybox ul ul li a:hover{background: #a5a546 url(../styleImages/wt/subnav_bullet_over.gif) no-repeat 15px 0.7em;color: #fff;}

#categorybox ul ul li strong{color: #ba2b58;}



/* FORMS */

.form, .regform{font-size:1.1em}

.form input, .form textarea, .regform input, .regform textarea{border:#818136 1px solid;width: 20em;margin:0.3em 0 0.8em 0;font-size:100%;}

.form select{margin:0.2em 0 0.8em 0;}

.form .txtbutton{border:0;width: auto;margin-right: 0.2em;}

input.check{width:auto;margin:0 0.5em 0 0;border:0;}

input.radio{width:auto;margin:0 0.5em 0 0;border:0;}

input.smallfield{width:2.5em;}

.form input.pricefield{width:5em;margin: 0 ! important;}

.regform label{display:block;float:left;clear:both;width:10em;}

.regform label.nowidth{width: auto;float:none;clear:none;display:inline;}

.regform select{margin: 0 0 0.8em 0;}

.regform input.check{width:auto;margin:0 0.8em 0 0;}

.regform input.searchbtn, .form input.searchbtn{width:auto;}

.formbit{margin: 0 0 0.8em 0;}

fieldset{border: 1px solid #818136;padding:0.5em 1em;margin: 0 0 1em 0;}

legend{font-weight:bold;}

/* Category display */

.catdesc {padding: 0 0 0.8em 0;}

.sortpage{clear:both;padding: 8px 3px 6px 10px;background-color:#eeeddb;margin:0 0 0.5em 0;}

.sortpage p{padding-bottom: 3px;}

#subCats {text-align: center; margin-bottom:0.8em;}

.subCat, .subprod {border: 1px solid #818136;	text-align: center;width: 11em;height: 12.7em;float: left;margin: 0.4em 0.5em 0.1em 0;padding: 5px 0.32em;}

.subCat strong{font-size:1.05em;}

.subprod {height: 18em;}

.subcatphoto{height:125px;}



.subcat p{margin: 0;padding:0;}

.subcatlist h2{clear:both;}

.subcatlist h2 a{color:#818136;}

.error{font-weight:bold;color:#93152d;}

.top{clear:both;margin: 0.8em 0 0.5em 0;}

.top a{color: #ba2b58;background:transparent url(../styleImages/wt/up_arrow.gif) no-repeat left;padding:0 14px;font-size: 95%;}

#colmid ul#prodlist{list-style-type:none;margin: 0;padding: 0;}

#colmid ul#prodlist li{clear:both;list-style-type:none;background-image:none;margin: 0 0 0.5em 0;padding: 0 0 1em 0;border-bottom: 1px solid #eeeddb;}

#colmid ul#prodlist li h2{background-color:#fff;padding: 0.3em 0;font-size:1.1em;}



.pagination {text-align: right;margin:0;padding: 0;clear:both;margin-bottom:0.8em;}

.pagination a{font-weight:bold;}

#breadcrumb{font-size:94%;margin:0 0 0.8em 0;line-height:1.3em;}



/* Product */

.prodimg{padding:7px 5px 10px 5px;text-align:center;}

.prodleft{width:58%;float:left;margin-bottom:0.8em;border:1px solid #818136;}

.proddesc{padding:0 10px 10px 10px;}

.prodright{width:40%;float:left;margin-bottom:0.8em;}

.prodrightpad{padding-left:15px;}

#prodredbox{border:2px solid #93152d;padding:6px 10px 10px 10px;color:#93152d;margin:0 0 0.8em 0;}

.borderbox #prodredbox h2{font-size:1.1em;color:#93152d;padding:0;background-color:#fff; margin:0 0 0.2em 0;}

#prodredbox select{width:97%;}

#prodprice{font-size:1.1em;line-height:1.4em;margin-bottom:0.8em;}

.proddet{clear:both;margin:0.8em 0;width:85%;font-size:1.1em;}

.prodtext{float:left;/* Hides from IE-mac \*/width:22em;/* End hide from IE-mac */}

#prodbtn{border:1px outset #93152d;color:#fff;background-color:#93152d;cursor:pointer;font-weight:bold;padding:0.1em;margin:0.8em 0 0 0;float:right;}

#prodbtn:hover{border:1px outset #93152d;color:#93152d;background-color:#fff;}

/*.vattextbox{border:2px solid #818136;padding:6px 10px 10px 10px;margin:0 0 0.8em 0;}*/

.vattextbox{margin-bottom:0.8em;}

.vattextbox strong{font-size:1.1em;}

.greenbox{border:1px solid #818136;padding:6px 10px 10px 10px;margin:0 0 0.8em 0;}



.latestProdbox{padding:1em 0;text-align:center;}

.latestProds{width:30%;margin:0.5em 1% 0 1%;border:1px solid #818136;float:left;text-align:center;padding:10px 0 10px 0;font-size:1.1em;height:13em;}

.latestProdphoto{height:120px;margin-bottom:5px;}

#nextprev {clear:both;margin:0;padding:0 0 10px 0;}

.butleft {float:left;margin-bottom:10px;}

.butright {float:right;margin-bottom:10px;}

div.butleft a.txtButton, div.butright a.txtButton {color: #fff;background-color:#4F4D03;border: 0;cursor:pointer;padding:0.2em 0.3em;font-weight:bold;margin:0 0.3em 0.3em 0;}

/* Cart */

#colmidcart{display:inline-block;width:70%;/* Hides from IE-mac \*/float:left;width: 73%;/* End hide from IE-mac */margin:0.1em;}

/* New Styles */

/* Accessibility and Fixes */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */#skiplinks{position:absolute; top:-100em;margin:0;padding:0;width:1px;}

.clearall{clear:both;}

/* IMAGES */

.imageleft{margin: 5px 10px 15px 0;float:left;}

.imageright{margin: 5px 0 15px 10px;float:right;}

.imagecenter{margin: 10px 0 2em 0;text-align:center;}

/*#categorybox ul li a:hover,*/

#footer li a:hover, .boxcontent .subcat h2 a:hover, .subcatlist h2 a:hover{color:#ba2b58;}

#footend{background-color:#fff;text-align:center;clear:both;}

#footend p img {margin:5px;}

div#footend h2{margin-top:20px; padding:5px;}

/* TABLES */

table {margin: 0.2em 0 0.5em 0;padding: 0;border-top: 1px solid #eeeddb;border-bottom: 1px solid #eeeddb;}

th {font-weight: bold;text-align: left;font-size:1em;}

th, td {padding: 0.2em;margin: 0;border: 1px solid #eeeddb;vertical-align: top;}

.prodfield{border:#818136 1px solid;width: 6em;margin: 0 0.5em 0 0;}

.quantfield{border:#818136 1px solid;width: 2.5em;margin: 0;}

.width100{width:100%;}

.ordleft{display: block;float:left;clear:both;width: 8.5em;}



/* new home */

.introbox{background:#EEEDDB;padding:15px;margin:0 0 15px 0;}

.introtext{width:335px;float:left;}

.introbox ul{margin:10px auto 5px auto;padding:0 auto;}
#colmid .introbox h2{margin:0 0 0 0;font-size:1.1em;padding:0;}
#colmid .introbox p{padding:0 0 0.4em 0;}

.exhibbox{border-bottom:1px solid #4F4D03;border-top:1px solid #4F4D03;margin:15px 0;padding:10px 0;clear:both;}

.exhibbox h2{font-size:1.4em;}

/*div.latestProds {text-align: center;width: 180px;margin:0 11px;float: left;}

div.latestProds img{margin:10px 0 0 0;width:100px;} */

.latestbg{background:#fff;height:180px; margin-bottom:7px;}

.homebox1, .homebox2, .homebox3, .homebox4{border:1px solid #a5a546;margin:0 0 15px 0;width:48%;}


.homebox1, .homebox3{clear:both;float:left;}
.homebox2, .homebox4{float:right;}
.homebox1, .homebox2{min-height:20.5em;height:auto !important; height:20.5em;}
.homebox3, .homebox4{min-height:11em;height:auto !important; height:11em;}

.homebox1 img, .homebox2 img, .homebox3 img, .homebox4 img{float:left;margin:0 10px 0 0;}

.homebox1 .boxpad, .homebox2 .boxpad, .homebox3 .boxpad, .homebox4 .boxpad{padding:10px 15px;}

#colmid .homebox1 h2, #colmid .homebox2 h2, #colmid .homebox3 h2, #colmid .homebox4 h2{font-size:1.2em;margin:0;}
#colmid .homebox1 h2 a, #colmid .homebox2 h2 a, #colmid .homebox3 h2 a, #colmid .homebox4 h2 a{color:#4f4d03;}
#colmid .homebox1 h2 a:hover, #colmid .homebox2 h2 a:hover, #colmid .homebox3 h2 a:hover, #colmid .homebox4 h2 a:hover, #colmid .homebox1 h2 a:focus, #colmid .homebox2 h2 a:focus, #colmid .homebox3 h2 a:focus, #colmid .homebox4 h2 a:focus{color:#ba2b58; text-decoration:none;}
#colmid .introbox ul li{background:url("../styleImages/wt/green_bullet_tr.gif") no-repeat 0 0.4em;}