/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1,h2,h3,h4,h5,h6,pre, form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0px; padding:0; }
a img,:link img,:visited img, fieldset { border:none;  }

body{
font-size:62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:none;
padding:0;
margin:0px;
color: 282929;
}


/*main structural elements*/
#container_all{
min-width:750px;

}

#content_and_nav{
max-width:1000px;

}

#header{
height:69px;
background: none;
position:relative;
}

#header h1{
display:inline;
}

#header h1 img{
margin-left:5px;
margin-top:5px;
}



#header ul{
display:none;
}



#content{

}

#content_padding{
  padding: 10px 15px 10px 0px;
}



#footer{
display:none;
}


/*=NAV*/
#nav{
display:none;
}



/*basket*/
#basket_nav{
margin-top:10px;
margin-left:3px;
background:transparent url(/img/bg/nav_lighter_bottom.gif) no-repeat 0 100%;
padding-bottom:3px;
font-size:.9em;
color:#000;
}

#basket_nav dt{
background:transparent url(/img/bg/your_basket.gif) no-repeat 0 0;
height:44px;
width:225px;
}
#basket_nav dt a{
height:44px;
width:225px;
display:block;

}  
/*had strangeness where the underline was on top of the image. so moving it when hovering*/
#nav #basket_nav dt a:hover{
text-indent:-999em;
}
#basket_nav dt span{
position:relative;
z-index:-1;
}

#basket_nav #orders{
padding-left:15px;
margin-right:10px;
padding-top:.5em;
padding-bottom:.5em;
background:transparent url(/img/bg/nav_lighter_repeat.gif) repeat-y 0 0;
}
#basket_nav #orders .amount{
font-weight:bold;
color:#3176C3;
}

#basket_nav .total{
font-weight:bold;
color:#3176C3;
background:transparent url(/img/bg/nav_lighter_items.gif) no-repeat 0 0;
padding-left:15px;
padding-top:.5em;
}

#basket_nav .edit{
margin-left:15px;
margin-top:.6em;
padding-bottom:.5em;
padding-left:15px;
background:transparent url(/img/bg/arrow_edit_nav.gif) no-repeat 0 .2em;}

#basket_nav .edit a{
border-bottom: 1px #B7C2D3 dashed;
}

#fortyeighthours{
text-align:right;
padding-right:3px;
padding-top:10px;
}

#nav a:link {
text-decoration: none;
color: #3E3E3E;
font-weight:bold;
} 
#nav a:visited {
color: #3E3E3E;
text-decoration: none;
font-weight:bold;
}
#nav a:hover {
color:#3176c3;
text-decoration: underline;
font-weight:bold;
}
#nav a:active {
color: #3E3E3E;
font-weight:bold;}


/*= links not not nav*/

a:link {
text-decoration: none;
color:#2879D2;

} 
a:visited {
color:#2879D2;
text-decoration: none;

}
a:hover {
color: #2879D2;
text-decoration: underline;
}
a:active {
color:#2879D2;

}

#content a{
border-bottom: 1px #B7C2D3 dashed;
}
#footer a{
border-bottom: 1px #B7C2D3 dashed;
font-weight:bold;
}



/*=headers*/

/*=misc*/



.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.red{
	color:#DC1616;
background-image: url(f);}


.err{
	color:#c00;
	font-weight: bold;
}

img.floatleft
{
	float: left;
	margin-right: 10px;
	margin-bottom:5px;
}

img.floatright
{
	float: right;
	margin-left: 10px;
	margin-bottom:5px;
}


/*INNER STYLES*/

/*
green #bcc22b
orange faab4d
purple #644764
teal 008c9a
*/
#content{
font-size:1.2em;
line-height:1.5em;
}
h1,h2,h3,h4,h5,h6{
font-family: "trebuchet ms", arial, Tahoma, sans-serif;
color:#3176c3;
margin-top:1em;
}

h2{
font-size:1.8em;
}

h3{
font-size:1.6em;
}

h4{
font-size:1.4em;
font-weight:normal
}

h5{
font-size:1.2em;
font-weight:normal
}


h6{
font-size:1.1em;
font-weight:normal
}


p{
margin-top:1em;
}

#content ul{
margin-top:1em;
}

#content li span{
background:transparent url(/img/bg/bluedots.gif) no-repeat 0 .2em;
padding-left:15px;
margin-top:.2em;
}

#content img{
margin-top:1.4em;
}

/*inner nav top*/
#content #inner_nav_top{
text-align:right;
padding-bottom:1em;
font-size:.8em;
border-bottom:1px solid #2879d2;
margin-top:0;
}

/*need height on li for ie 5.0 to allow margin (see sheet)*/
#inner_nav_top li{
margin-left:10px;
display:inline;
}

body#soap_body #inner_nav_top{
border-bottom:1px solid #BCC22B;}

body#chemical_body #inner_nav_top{
border-bottom:1px solid #faab4d;}

body#electronic_body #inner_nav_top{
border-bottom:1px solid #644764;}

body#bespoke_body #inner_nav_top{
border-bottom:1px solid #008c9a;}

/*product lists*/

#product_header{
background:red;
margin-top:1em;
}

#product_header form{
padding-left:140px;
padding-bottom:1.5em;
}

#product_header h2{
padding-top:.3em;
margin-top:0;
padding-bottom:.5em;
}

#product_header input.button{
font-size:1.1em;
color:#3E3E3E;
background:transparent url(/img/bg/searchbutton.gif) no-repeat 0 .4em;
border: none;
cursor: pointer;
font-weight:bold;
width:10em;
margin-left:0;
padding:0px;
padding-left:15px;
color:#3176c3;
text-align:left;
margin-top:1.5em;
}

#product_header input.buttonsmallsearch{
font-size:1.em;
color:#3E3E3E;
background:transparent url(/img/bg/searchbutton.gif) no-repeat 0 .4em;
border: none;
cursor: pointer;
font-weight:bold;
width:6em;
margin-left:0;
padding:0px;
padding-left:15px;
color:#3176c3;
text-align:left;
margin-top:1.5em;
}



#product_header input{
width:100px;
border:1px solid #b4b4b4;
padding-left:10px;
	background: #f8fbff;
}

body#soap_body #product_header{
background:transparent url(/img/bg/green_line.gif) repeat-x 0 3.7em;
}

body#soap_body #product_header form{
background:transparent url(/img/bg/soap_header2.jpg) no-repeat 0 0;
}

body#chemical_body #product_header{
background:transparent url(/img/bg/orange_line.gif) repeat-x 0 3.7em;
}

body#chemical_body #product_header form{
background:transparent url(/img/bg/chemical_header2.jpg) no-repeat 0 0;
}
body#electronic_body #product_header{
background:transparent url(/img/bg/purple_line.gif) repeat-x 0 3.7em;
}

body#electronic_body #product_header form{
background:transparent url(/img/bg/electronic_header2.jpg) no-repeat 0 0;
}

body#bespoke_body #product_header{
background:transparent url(/img/bg/teal_line.gif) repeat-x 0 3.7em;
}

body#bespoke_body #product_header form{
background:transparent url(/img/bg/bespoke_header1.jpg) no-repeat 0 0;
}

body#general_body #product_header{
background:transparent url(/img/bg/blue_line.gif) repeat-x 0 3.7em;
}

body#general_body #product_header form{
background:transparent url(/img/bg/general_header2.jpg) no-repeat 0 0;
}

/*productlist*/

.product_list {
margin-top:1em;
padding-bottom:1em;
}

.product_list select{
font-size:.8em;

}

.product_list h3 {
color:#fff;
font-size:1.4em;
background:url(/img/bg/white_top_left.gif) no-repeat 0 0;
padding-left:15px;
margin-top:.5em;
font-weight:normal;
padding-top:.2em;
padding-bottom:.2em;
}

.product_list dl{
margin-top:1em;
clear:both;
border-bottom:1px dashed #d4e0ec;
padding-bottom:1em;
}



.product_list dd{
margin-left:100px;
margin-top:.5em;

}


.product_list dl.found{
background:#f4f4f4;
border:1px solid #cf0a04;
padding:5px;
}



.product_list dt{
margin-left:100px;
font-family: "trebuchet ms", arial, Tahoma, sans-serif;
font-size:1.2em;
background:#e4e4e4;
font-weight:bold;
color:#555859;
background:transparent url(/img/bg/product_bg.gif) repeat-x 0 0;
padding-top:.2em;
padding-bottom:.2em;
border-bottom:1px solid #d4e0ec;
padding-left:10px;
}

.product_list dt.img{
width:100px;
float:left;
margin-left:0;
background:none;
border:none;
padding:0;

}

#content .product_list img{
margin-top:0;
}

.product_list dd ul{
margin-top:0;
margin-left:5px;
}

.product_list dd li{
background:transparent url(/img/bg/bluedots.gif) no-repeat 0 .3em;
padding-left:10px;
margin-top:.2em;
}

/*see ie 5 6 & 7  sheet for fix - weird padding issues a*/
#content .product_list dd input.basket{
background:transparent url(/img/bg/basket_icon.gif) no-repeat 3px .1em;
border:none;
border-bottom:1px dotted #B7C2D4;
padding:none;
padding-left:25px;
height:18px;
cursor: pointer;
}

.product_list dd a.view_details{
padding-left:15px;
background:transparent url(/img/bg/information_icon.gif) no-repeat 0 .2em;
}


#content .product_list dt.img img{
padding:1px;
}

body#soap_body .product_list {
border-bottom:1px solid #BCC22B;
}

body#soap_body .product_list h3{
background-color:#BCC22B;
}
body#soap_body .product_list dt.img img{
border:1px solid #BCC22B;
}


body#soap_body .product_list input{
border:1px solid #bcc22b;
}

body#chemical_body .product_list {
border-bottom:1px solid #faab4d;
}

body#chemical_body .product_list h3{
background-color:#faab4d;
}
body#chemical_body .product_list dt.img img{
border:1px solid #faab4d;
}

body#chemical_body .product_list input{
border:1px solid #faab4d;
}

body#electronic_body .product_list {
border-bottom:1px solid #644764;
}

body#electronic_body .product_list h3{
background-color:#644764;
}
body#electronic_body .product_list dt.img img{
border:1px solid #644764;
}

body#electronic_body .product_list input{
border:1px solid #644764;
}

body#bespoke_body .product_list {
border-bottom:1px solid #008c9a;
}

body#bespoke_body .product_list h3{
background-color:#008c9a;
}
body#bespoke_body .product_list dt.img img{
border:1px solid #008c9a;
}

body#bespoke_body .product_list input{
border:1px solid #008c9a;
}
.login{
border:1px #80a7d3 solid;
padding:1em 12px;
width:300px;
margin-top:1.5em;
}



.login input{
border:1px #2879d2 solid;
background:#f8fbff;
width:120px;

}

.login dt{
width:120px;
font-weight:bold;
}
.login dt.submit{
text-indent:-999em;
}

.login .button{
width:122px;
margin-top:.5em;
background:#e1e8ef;
}

.login dd{
margin-left:120px;
margin-top:-1.5em;
}

.register{
border:1px #80a7d3 solid;
padding:1em 12px;
margin-top:1.5em;
}

.register textarea{
border:1px #80a7d3 solid;
}

.register input{
border:1px #2879d2 solid;
background:#f8fbff;
width:180px;

}

.register .button{
width:182px;
margin-top:.5em;
background:#e1e8ef;
}

.register .checkbox{
width:auto;
border:none;
}
#ordersteps
{
font-size:.9em;
border-left:1px solid #c8c8c9;
border-top:1px solid #c8c8c9;
padding:10px;
border-bottom:1px solid #787878;
border-right:1px solid #787878;
border-collapse:collapse;
margin-top:1em;
}

#ordersteps td{
padding:5px;
background:#f9f9f9 url(/img/bg/plastic_highlight.gif) repeat-x 0 0em;
}

#ordersteps td.highlight{
padding:5px;
background:#F4FAFF url(/img/bg/plastic_highlight_blue.gif) repeat-x 0 0em;
border-right:1px solid #c8c8c9;
border-left:1px solid #c8c8c9;
font-weight:bold;
color:#3176c3;
}


#basket{
margin-top:1em;
width:100%;
}
#basket td{
padding:10px;
}
#basket tr{
background:#efefef;
}

#basket th{
text-align:left;
font-size:1.2em;
color:#fff;
background:#6c9acc;

}
#basket img{
margin:0;
}

#basket input{
border:1px solid #2879d2;
width:3em;

}

#basket input.button{
width:auto;
background:#e1e8ef;
width:10em;
}

#basket input.checkbox{
width:auto;
border:none;
}
input#checkoutbutton{
background:#e1e8ef url(/img/bg/basket_icon.gif) no-repeat 3px .2em;
padding-left:25px;
float:right;
border:1px solid #2879d2;
margin-right:12px;
width:132px;
font-weight:bold;
}

#content #prod_page_offer{
background:#F1F6FD url(/img/bg/money_savers_bg.gif) repeat-x 0 0;
border:red;
padding:10px;
border-left:1px solid #dae3ee;
border-right:1px solid #dae3ee;
margin-top:1em;
}

#tracker{
margin-top:1em;
width:100%;
font-size:.9em;
}
#tracker td{
padding:10px;
}
#tracker tr{
background:#efefef;
}

#tracker th{
text-align:left;
font-size:1.2em;
color:#fff;
background:#6c9acc;

}

#tracker #prod_page_offer ul{
margin-top:.5em;
margin-left:0;
}

#trackerform{
display:inline;
padding:0;
margin:0;
}

#trackerform .track_submit{
border:1px solid #2879d2;
width:auto;
background:#e1e8ef;
font-size:.9em;
}