@charset "utf-8";
/* CSS Document */

/*colours*/
/* green; #0c0; */ 
/* grey text; #666; */
/* blue text; #006; */
/* blue footer; #006; */

/* TOC 
	1 = html (tags)
	2 = structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = tables 
	7 = hacks 
*/


/* 1 HTML */
body {
	/*background: #2da52b;*/
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif !IMPORTANT;
	font-size: 0.8em;
	color: #333;
}

img {
	border:0;
}

/* 1 HTML ENDS */


/* 2 STRUCTURE */

div.header {
	height:163px;
	width:100%;
	padding: 0;
	color: #fff;
	/*background: url(../allclean-logo02.gif) no-repeat left top;*/
}
div.headerleft {
	width:300px;
	float:left;
}
div.headerright {
	width:600px;
	float:right;
	text-align:right;
}
div.contentholder {
	width:100%;
	background:url('pageback02.gif') repeat-x top left;
	padding: 0 0 20px 0;
	text-align: center;
}
div.contentholderfooter {
	width:100%;
	background: #f60 url('footertop.gif') repeat-x top left;
	clear: both;
	padding: 0 0 20px 0;
	text-align: center;
}
div.content {
	width:970px;
	margin: 0 auto;
	text-align: left;
	background: url('contentBack03.gif') no-repeat top;
}
div.contentfooter {
	width:970px;
	margin: 0 auto;
	text-align: left;
}

div.leftside {
	width:150px;
	margin:0;
	padding:0;
	float:left;
}
div.greenpanel {
	background: url('greenPanelBack.jpg') no-repeat top center;
	width: 756px;
	margin: 0 0 0 10px;
}
div.greenpanelbtm {
	background: url('greenPanelbtm.jpg') no-repeat bottom center;
	height: 13px;
}
div.greenpanel a:link, div.greenpanel a:visited, div.greenpanel a:hover, div.greenpanel a:active {
color: #FFF !IMPORTANT;
text-decoration: none;
}
div.box a:link, div.box a:visited, div.box a:hover, div.box a:active {
color: #666 !IMPORTANT;
text-decoration: none;
}
div.newproducts {
	
}
div.box {
	width:245px;
	padding:0 0 0 0;
	text-align: left;
	clear: both;
	color:#ccc;
	margin: 0 0 10px 10px;
	background:#fff no-repeat url('box_background.gif') bottom;
	min-height: 200px;
	height: 210px;
}
div.boximage {
width: 90px; height:90px;  border: 1px solid #ccc; 0 background:#fff; overflow: hidden; float: right; text-align: center; margin: 0 10px 0 0;
}
div.box p{
	padding:5px 5px 5px 15px;
	margin: 0;
	float: left;
	width: 50%;
}
div.box h1{
	padding:5px 10px 10px 20px;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: #006;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
div.boxtop {
	width:245px;
	background:#fff no-repeat url('box_top.gif') bottom;
	margin:0;
	padding:0;
	height:22px;
}
div.bodytexthome {
	float:left;
	width:420px;
	margin-left:30px;
}
div.bodytextmain {
	float:left;
	width:780px;
	margin:20px 0 0 30px;
}
div.copy {
	text-align:left;
	color:#666;
	line-height:170%;
	padding:5px 0;
}
div.copy p {
	color:#666666;
}
div.copy ul {
	list-style:none;
	margin:10px;
	padding:0;
}
div.copy ul li{
	line-height:140%;
	margin:0;
	padding:0;
	text-indent:20px;
}

div.rightside {
	float:right;
	width:245px;
}
div.footer {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:6px 0;
	color: #fff !IMPORTANT;
}
div.footersection {
	width:225px;
	padding:0 0 0 15px;
	float: left;
	min-height: 250px;
}
img.imageright {
	float:right;
	margin:0 0 5px 20px;
}
img.imageleft {
	float:left;
	margin:0 20px 5px 0;
}
div.logos{
	clear:both;
	border-top: 1px solid #ccc;
	padding:10px 0 0 0;
	text-align: center;
}
div.logos ul{
	margin:0;
	padding:0;
}
div.logos li{
	display:inline;
	padding:0 25px;
}
div.fullwidthpanel {
width: 100%;
border-bottom: 1px dashed #999;
padding:10px 0;
}
div.fullwidthpanel img{
float: right;
margin: 0; 
padding: 0;
}
div.fullwidthpanel ul {
	margin: 0;
	padding: 0;
}
div.fullwidthpanel ul li {
	list-style: none !IMPORTANT;
	margin: 0;
	padding: 0;
}
div.cartsummary {
display: inline-block;
height: 30px;
padding: 5px 5px 5px 40px;
color: #fff;
background: url(cart.png) left no-repeat;
clear: both;
width: 200px;
/*border: 1px solid #fff;*/
}
div.cartsummary a:link, div.cartsummary a:visited, div.cartsummary a:hover, div.cartsummary a:active {
color: #fff;
}

/*2 STRUCTURE ENDS*/


/*3 NAVIGATION */
div.navigation {
	width:150px;
	margin:0 0 20px 5px;
	padding:0;
}
div.navigation ul{
	margin:0;
	padding:0;
}
div.navigation ul.cta{
	margin:0;
	padding:0;
}
div.navigation ul li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	width: 150px;
}
div.navigation ul.cta li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	width: 150px;
}
div.horznav {
	height:36px;
	width: 100%;
	margin:0 0 10px 0;
	padding:0;
}
div.horznav ul{
	margin:0;
	padding:10px 0 0 0;
	float: left;
	display: inline;
}
div.horznav ul li{
	display:inline;
	padding:0 10px;
	background:url('horznavline.gif') left no-repeat;
}
div.breadcrumbs {
width: 100%;
/*font-size: 12px;*/
color: #333;
}
div.breadcrumbs a {
text-decoration: none;
color: #666 !IMPORTANT;
}
a.productlink {
	font-weight: bold;
	color: #F60 !IMPORTANT;
	clear: both;
}
/*3 NAVIGATION ENDS*/


/*4 TEXT*/
h1 {
	font-size:160% !IMPORTANT;
	font-weight:normal;
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #003;
	font-family:Arial, Helvetica, sans-serif;
}
div.header h1 {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}
div.header p.headerstrap {
	line-height: 8px; 
	font-size: 80%; 
	padding: 0;
	text-indent: 10px; 
	margin: 0px 0 5px 0;
	color: #fff;
}
div.reglink a:link, div.reglink a:visited, div.reglink a:active {
	color: #fff;
	text-decoration: none;
	font-size: 100%;
}
div.reglink a:hover {
	color: #600;
	text-decoration: none;
	font-size: 100%;
}
div.footer, div.topbarleft {
	/*font-size:80%;*/
}
div.horznav ul li a:link,div.horznav ul li a:visited,div.horznav ul li a:active,div.horznav ul li a:hover, div.footer a:link, div.footer a:visited, div.footer a:active{
	color:#fff;
	text-decoration:none;
}
div.horznav ul li a:hover, div.box a, div.copy a{
	color:#f60;
	text-decoration:none;
}
div.footer a:hover {
	color:#ccc;
	text-decoration:none;
}
div.navigation ul li a{
	text-indent:0px;
	width:150px;
	margin:0;
	padding:8px;
	float:left;
	display:block;
	color:#666;
	text-decoration:none;
	border-bottom: 1px solid #ccc;
}
div.navigation ul li a:visited{
	color:#666;
}
div.navigation ul.cta li a{
	width:150px;
	margin:0;
	float:left;
	display:block;
	border-bottom:none;
	padding: 0 0 10px 0;
}
div.navigation ul li a:hover{
	background:#ccc;
	color:#fff;
	text-decoration: none;
}
div.navigation ul.cta li a:hover{
	background:0;
}
div.navigation ul li a.noline{
	border-bottom: none;
	font-family:Arial, Helvetica, sans-serif;
}
div.copy h1 {
	color:#006;
	font-size:180%;
	font-weight:normal;
	margin: 0;
	padding: 0 0 10px 0;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
}
div.navigation h1{
	color: #fff;
	font-size: 100% !IMPORTANT;
	background: #f60;
	padding: 5px;
	width: 100%;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
}

div.greenpanel div.copy {
	padding: 20px;
	color: #FFF !IMPORTANT;
	font-family:Arial, Helvetica, sans-serif;
}
div.greenpanel div.copy h1 {
	color: #FFF !IMPORTANT;
}
div.footersection ul {
	list-style: none inside !IMPORTANT;
	/*background: url(../footerline.gif) no-repeat left top;*/
	border-left: 1px solid #fff;
	margin: 5px; 
	padding: 5px;
	
}
div.footersection ul li {
	list-style: none;	
	color: #fff !IMPORTANT;
}
ul.homepagecta {
	list-style: none inside;
	margin: 0 2px;
	padding: 0;
}
ul.homepagecta li {
	float: left;
	list-style:none !IMPORTANT;
}
div.bodytextmain a {
	color: #666;
	text-decoration: none;
}
div.fullwidthpanel h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #003 !IMPORTANT;
	font-size:120% !IMPORTANT;
}
div.fullwidthpanel a:link, div.fullwidthpanel a:visited, div.fullwidthpanel a:active {
	color: #666;
}
div.fullwidthpanel a:hover {
text-decoration: none;	
}
div.fullwidthpanel h1 a {
	margin: 0;
	padding: 0;
	color: #003 !IMPORTANT;
	font-size:120% !IMPORTANT;
}
div.fullwidthpanel p {
	margin: 5px 0 0 0;
	padding: 0;
}
div.cost {
	font-weight: bold;
	color: #f60;
	font-size: 120%;
}
div.taxcost {
	color: #999;
	font-size: 100%;
}
ul.related h2 {
	width: 100%;
	font-weight: bold;
	color: #666;
	font-size: 110%;
	padding: 10px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}
ul.related {
	background: #CCCCCC;
	margin: 5px 0 !IMPORTANT;
}
ul.related li {
padding:0 10px 5px 10px  !IMPORTANT;
}
span.actregular, span.actxxsmall  {
	color: #333 !IMPORTANT;
	font-size: 100% !IMPORTANT;
}
/*4 TEXT ENDS*/


/*5 FORMS*/
label.ecomm {
	width: 150px;
	display: block;
	float: left;
	color: #000;
	font-size: 100%;
	text-transform: uppercase!IMPORTANT;
}
div.loginform {
	vertical-align: middle;
	margin: 5px 0 10px 0;
}
div.loginform  input.text {

}
div.loginform  input.loginbutton {
background: url("loginback.gif") repeat-x bottom; 
border:0; 
color: #fff;
}
div.box form {
	padding:4px 5px 5px 20px;
	margin: 0;
}

div.topbarright form {
	padding:0;
	margin:0;
	vertical-align:top;
}
div.topbarright form label{
	padding:0;
	margin:0;
	vertical-align:top;
	background: #fff;
}
div.topbarright input.searchbox{
	width:110px;
	padding:0 0 0 2px;
	margin:0 8px;
	vertical-align:top;
	font-size:90%;
	line-height:inherit;
	background: #ffffff;
}

input.addtocart_disabled {
	color: #666;
	background: #CCC;
	border: 0;
	cursor: pointer;
	font-weight: bold;
}
div.horznav_search {
	float: right;	
	display: inline;
	margin: 7px 105px 0 0;
}
div.horznav_search input.text {
	border: 0;
	height: 21px;
	background: none;
	width: 158px;
	margin: 0;
}
div.horznav_search input.submit {
	border: 0;
	height: 21px;
	background: none;
	width: 30px;
	margin: 1px 0 0 0;
	background: #f60 url(loginback.gif) repeat-x bottom;
	color: #fff;
	text-transform: uppercase;
}
input.addtocart {
	color: #fff;
	background: #f60 url(loginback.gif) repeat-x bottom;
	border: 0;
	cursor: pointer;
	font-weight: bold;
}

/*5 FORMS ENDS*/
form {
	margin: 0;
	padding: 0;
}

/*6 TABLES*/
table.cart, table.checkout {
	width: 100%;
	font-weight: normal !IMPORTANT;
	background: #fff;
	color: #333 !IMPORTANT;
}
table.cart td, table.chechout td{
	background: #fff;
	color: #333;
	font-size: 100%;
}
table.cart th, table.checkout th{
	background: #CCC;
	color: #333;
	font-weight: bold;
}
table {
	color: #ccc !IMPORTANT;
	font-size: 100% !IMPORTANT;
}
/*6 TABLES ENDS/


/*7 HACKS */
div.clear {
clear:both;
height:0;
content: ".";
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*7 HACKS ENDS */