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



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: #000;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.5em 0;}



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



a {	



color: #e22020;text-decoration: none;}



a:visited{color: #93152D;}



a:hover{color: #e22020;text-decoration: underline;}



/*Header tags*/



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



h1{font-weight: bold;font-size: 1.3em;padding: 6px 3px 6px 10px;margin:0 0 0.2em 0;background-color: #e8ecef;}



h1.homeheader{margin:0;}


h2 {margin: 0 0 0.3em 0;font-size: 1.1em;}



h3 {	



font-size: 1.05em;		



margin: 0 0 0.3em 0;}



h4, h5, h6 {font-size: 1.05em;}



div, form {margin:0; 



padding:0;}



/* Hides from IE-mac \*/



html>body #top_left, html>body #page, html>body #footerleft{width: auto;height: auto;width: 74em;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/bnd/top_left_corner.gif) no-repeat top left;}



#top_right{background: url(../styleImages/bnd/top_right_corner.gif) no-repeat top right;}




.sessiontxt{margin:13px;float:right;font-size:100%;line-height:1.1em;}

.pp {margin:15px;float:left;font-size:110%;line-height:1.1em;}

img.logo{float:left;margin:2px 2px 0.4em 3px;}
div.logobox{background:none;}

.headertext{font-weight:bolder;font-size: 2em;letter-spacing: 0.1em;float:left;padding-top:17px;}

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

.headerbg {background:#000 url(../styleImages/bnd/background1.jpg) no-repeat top right;height:175px;margin:0;padding:0;}

/*elaine additions*/
h1 span.new{font-size:2.8em;font-weight:bolder;color:#fff;width:400px;}
h1 span.new2{font-size:2.8em;font-weight:bolder;color:#002;margin-left:5px;}
#heady{clear:left;margin-top:1px;margin-left:12px;background:none;}
.baskethead{width: 22%;padding: 0;float: right;margin:10px;height: auto;}
.borderbox.basket {background-color:#FFF;}
.buttonspace .top{clear:both;padding: 5px 0 1px 0;margin-right:10px;}
/*end elaine additions*/

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



#borderright{background: url(../styleImages/bnd/border_side.gif) repeat-y right;}



#mainnav{clear:both;width: 100%;float: left;background-color: #d9dde0;border-top: 1px solid #fff;}



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



#mainnav ul li {display: inline;}



#mainnav ul li a, #mainnav ul li strong{color:#000;padding: 0.4em 15px;background-color: #d9dde0;float: left;border-right: 3px solid #fff;text-decoration:none;}



#mainnav ul li a:hover, #mainnav li a.active{background-color: #ff0300;color: #fff;}



input, textarea, select{font-family:Arial, Verdana, Helvetica, sans-serif;font-size: 105%;color: #000;background-color: #fff;}



#mainnav form{float: right;padding:0.2em 18px 0 10px;display:inline;font-size: 1em;margin:0;}



#mainnav label{font-weight: bold;}



.searchbtn{color: #fff;background-color: #ff0300;border: 0;cursor:pointer;padding:0.1em;font-weight:bold;}



.searchbox {border: 1px solid #000;width: 10em;margin-right: 0.1em;}



.advsearch{clear: both;font-size: 90%;padding: 0.2em 18px 0 0;text-align:right;}



#content{line-height:1.5em;clear:both;padding:5px 15px 0 15px;}



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



#colleft {float: left;display:inline-block;/* Hides from IE-mac \*/



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



width: 21%;padding: 0 0 15px 0;margin-right: 2%;}



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



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



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



.boxleft{float:left;}



.boxright{float:right;}

div.phone{padding:6px 11px 6px 11px;margin-bottom:12px;background-color:#e8ecef;}

.phonebox{background: url(../styleImages/bnd/phone.gif) no-repeat right bottom;}

div.phone span{font-weight:bold;font-size:1.2em;}

#categorybox h2{padding: 6px 3px 6px 10px;margin:0;background-color: #e8ecef;border-bottom:2px solid #fff;}


div.ads .borderbox h2{color:#fff;background-color: #000;}
div.ads .alt .borderbox {color:#000;background-color: #fff;border:2px solid #B70709;}
div.ads .alt .borderbox h2{font-size:110%;padding: 3px 3px 6px 10px;color:#fff;background-color: #B70709;}
.borderbox h2{font-size:100%;padding: 3px 3px 3px 10px;margin:0;background-color: #e8ecef;}

.borderbox h2.nobg, .borderbox .boxcontent h2{background:none;padding-left:0;}

#colmid .borderbox h2, #colmidcart .borderbox h2{font-size:1.1em;}



h2.trolley{background: #e8ecef url(../styleImages/bnd/trolley2.gif) no-repeat right;}



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



.boxcontent, .manbox{padding: 5px 10px 8px 10px;}



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



.textleft{display:block;float: left;clear:both;}



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



.textbit{margin: 0.4em 0;}



.txtbutton, .txtmore{color: #fff;background-color: #ff0300;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, a.txtbutton:active, a.txtbutton:visited, a.txtmore:hover, a.txtmore:active, a.txtmore:visited{color:#fff;text-decoration:none;}



.buttonspace{clear:both;padding: 5px 0 1px 0;}



#colmid {width: 53%;float: left;}



.boxcontent ol{margin:0 0 0 10px;padding: 0 0 0 7px;}




.boxcontent .brands{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    height: 100px;
}
.brands * {
    vertical-align: middle;
}
/*\*//*/
.brands {
    display: block;
}
.brands span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/





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



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



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



.aligncenter{text-align:center;}



.alignright{text-align:right;}



.floatleft{float:left;}



.floatright{float:right;}



#footerlinks{text-align:center;clear:both;font-size:90%;border-top: 1px solid #d9dde0;padding: 0.5em;}



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



#footerlinks ul li{display:inline;border-right: 1px solid black;margin:0;padding:0 0.2em 0 0;}



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



#footerlinks a {color: #000;padding:0 0.3em;}



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



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



#footer{padding:8px 0;background: #e8ecef url(../styleImages/bnd/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 6px 0 6px;margin:0;}



#footer li a{color: #000;}



/* hide \*/



#footer li{padding: 2px 2px 2px 22px;margin:0 0 0 4px;}



#footer li.smphone{background: transparent url(../styleImages/bnd/phone_sm.gif) no-repeat left;}



#footer li.smemail{background: transparent url(../styleImages/bnd/at.gif) no-repeat left;}



/* end hide */



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



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



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



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



.homeimg{text-align:center;background-color: #e8ecef;padding: 4px 0;}

.homeproduct{margin-bottom:12px;clear:both;}

.homeproduct div{padding: 5px 10px 8px 10px;}

.homeproduct h2{margin-bottom:3px;}



/* category navigation */



#categorybox{border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;margin-bottom:12px;}



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



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



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



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



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



#categorybox ul ul li a{padding: 0.3em 3px 0.5em 20px;background: #F7F9FA url(../styleImages/bnd/red_bullet.gif) no-repeat 10px 0.6em;margin: 0;display: block;}



#categorybox ul ul li a:hover{background: #141819 url(../styleImages/bnd/blk_bullet.gif) no-repeat 10px 0.6em;color: #fff;}







/* FORMS */



.form input, .form textarea, .regform input, .regform textarea{border:#000 1px solid;width: 20em;margin: 0 0 0.8em 0;}



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



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



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



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



input.smallfield{width: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;border:0;}



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



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



legend{font-weight:bold;}



/* Brand display */



.brandimg{float:right;}



/* Category display */



.catdesc{padding: 0 10px;}



.sortpage{padding: 3px 10px 0 10px;background-color: #e8ecef;clear:both;}



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



.subcat{padding: 5px 10px 8px 10px;margin:0 0 0.2em 0; clear: both;}



.subcat img{float:right;margin: 0 10px 10px 10px;}



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



.subcatlist h2{clear:both;}



.subcatlist h2 a{color:#000;}



.error{color:#ff0300;}



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



.top a{color: #ff0300;background:transparent url(../styleImages/bnd/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 #d9dde0;

}

.priceinline{display:inline;}

.pricesblock{float:left;width:60%;}

.buyblock{float:right;}

.prodimg{float:left;margin: 0 10px 0 0;width:80px;text-align: center;}
.thumbprod{float:left;margin: 0 10px 0 0;}


.prodtext{float:left;width:70%;}



.prodopt{}



#colmid ul#prodlist li h2, .proddet h2{

background-color:#fff;

padding: 3px 0;

font-size:1em;

}

.proddet h2{font-size:1.1em;}



.pagination {text-align: right;margin:0;padding: 0;}



.pagination a{font-weight:bold;}



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



/* Product */



.proddet{padding-top: 1em;}



.proddet h2 {margin-top:0.5em;}



/* Cart */



#colmidcart{width: 75%;float: left;}



/* 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{border: 1px solid #d9dde0;margin: 5px 10px 15px 0;float:left;}



.imageright{border: 1px solid #d9dde0;margin: 5px 0 15px 10px;float:right;}



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



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

.cathead {background-color:#e8ecef;clear:both;padding-right:10px}

.cathead h2{display:inline; float:left;}

.cathead .more {float:right;background:url(../styleImages/bnd/right_arrow2.gif) no-repeat right;padding-right:13px;}

/* TABLES */



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



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



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





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



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



.width100{width:100%;}



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