@import url("common.css");

html, body{
background: #ffffff;
color: #000000;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11.5px;
}
table, th, td, p{
font-family: Arial, Helvetica, Verdana, sans-serif;
}


#container{
	position: relative;
	width: 760px;
	height: auto !important;
	height: 614x;
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	
	
 	}
	
	


/* top nav styles*/


#menus{
position:relative;
width: 760px;
height: 30px;
overflow: hidden;
padding-top:15px;
} 

#menus ul{


margin: 0px 0px 0px 40px;
padding: 0px;
}

#menus li{
margin: 0px;
padding: 0px;
display: inline;
text-align: center;
}

#menus li a{
font-family:"Arial Black", Arial;
color: #0094D7;
padding: 0px 6px 0px 6px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
line-height: 30px;
}
#menus li a:hover{
color: #00ADA8;
}

#menus .current{
color:#00ADA8;
}


#header{
position:relative;}

#header #promo_flash{
position:absolute;
top:15px;
right:20px;
width:110px;
height:110px
}

#title {
position:relative;
margin:7px 0px 0px 0px;
background:url(../images/title_bg.jpg) no-repeat;
height:40px;
}

#title #title_hdr{
position:relative;
margin-left:20px;

}

#title #title_hdr h1{
position:relative;
top:5px;
left:10px;
padding:0px;
margin:0px;
color:#FFFFFF;
font-family:"Arial Black", Arial;


}
#title_lower{
background:url(../images/tbardiv.jpg) no-repeat;
height:12px;
width:760px;


}
#page{
width:760px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	background:url(../images/contbg.jpg) repeat-x;
	color:#004B8D; 
	

}



#page #home{

position:relative;
padding: 45px 10px 15px 28px;


}

#page strong{
font-family:"Arial Black", Arial;
font-weight:900;}

#page #content{
position:relative;
	height: auto !important;
	height: 270px;
	min-height: 270px;
padding: 45px 10px 15px 28px;
}

#page h3{
font-size:11.5px; 
color:#004B8D; 
line-height: 15px; 
font-family:"Arial Black", Arial;}

#page p{
font-size:11.5px; 
color:#004B8D; 
line-height:15px;
}

#page .green{
color:#00ADA8;}
#page .white, .white{
color:#FFFFFF;}
#page .darkblue{
color:#004B8D}
#page .lightblue{
color:#3992D3;}

#page .red, #productnav span{
color:#E03127;}



#page a:hover.lightblue{
color:#00ADA8}
#page a:hover.green{
color:#3992D3;}

#page .promo{
font-family:"Arial Black", Arial;
font-size:15px;
}

/* right red divs*/


#pl{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:50px;
	right:64px
}

#results{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:163px;
	right:18px}
#price{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:297px;
	right:18px}
#kills{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:428px;
	right:18px}
#defra{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:559px;
	right:18px}


/* gloves styles */

#gloves{
	position:absolute;
	top:48px;
	left: 306px;
	width: auto;
	height: auto;}
	
#gloves h3{
padding:0px 0px 5px 0px;
margin:0px;}

	
/* odour killer */



#odourkiller{
	position:absolute;
	top:180px;
	left: 350px;
	width: auto;
	height: auto;}
	
	#odourkiller_desc{
		position:absolute;
	top:332px;
	left: 150px;
	width: 200px;
	height: auto;
	z-index: 2;
	text-align:right;}
	

/* hand sanitiser */

#handsanitiser{
	position:absolute;
	top:195px;
	left: 350px;
	width: auto;
	height: auto;}	

#page .center{
text-align:center;}

/* handscrub */

#handscrub{
	position:absolute;
	top:170px;
	left: 419px;
	width: auto;
	height: auto
	}
	
	#handscrub_desc{
	position:absolute;
	top:330px;
	left: 345px;
	width: auto;
	height: auto;
	z-index: 2;
	text-align:right;}
	
	
	
	
/* disinfectant */


#dilution{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:25px;
	right:18px

}
#dtitle{
	height:auto;
	background:#DF3128;
	width:733px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-left:27px;
	padding-top:11px;
	font-size:15px;
	font-weight:bold;}
	
/* squeezy */	
	
#squeezy{		
	position:absolute;
	top:165px;
	left: 419px;
	width: auto;
	height: auto;}
	
	#squeezetitle{
	position:absolute;
	top:255px;
	right: 20px;
	width: 168px;
	height: auto;
	z-index: 2;}
	
	#squeezetitle h3 strong{
	font-size:13px;
	color:#E03127;}
	
/* home page styles */	
	
#home #scroller{
width:460px;
height:100px;
margin-top:30px;}

#home #logos{
width:auto;
height:31px;
margin:30px 0px 5px 0px;}

#home #contactdiv{
position:absolute;
top:30px;
right:30px;
background:url(../images/tbox.jpg) no-repeat;
width:181px;
height:212px;
text-align:center;
padding-top:10px;
}

#home #contactdiv a, #home #contactdiv p{
font-family:"Arial Black", Arial;
font-size:18px;
line-height:20px;}





#productnav{
margin:10px 20px 10px 25px;}


#productnav a, #productnav span{
font-family:"Arial Black", Arial;
font-size:15px;
}

#page #productnav h3{
padding:0px;
margin:0px;
}

#page #productnav p {
padding:0px;
margin:0px;}



#productdetails{
	width:auto;
}



#productdetails ul{
	list-style-position: outside;
	margin-left: 0px;
	list-style:none;
	position:relative;
	left: -21px;
	}
	
#productdetails li{
	background-image:url(../images/tick.gif);
	background-position: -1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	line-height:15px;}

#footer{
position:relative;
bottom:0px;
	width:760px;
	height: 30px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/footerbg.jpg);
	clear:both;

}

	
#footer ul{
margin: 0px 25px 0px 0px;
padding-top:9px;
float: left;
	text-align:right;
	width: 540px;
}

#footer li{
margin: 0px;
padding: 0px;
display: inline;
text-align: center;
}
	
	#footer a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	padding:0px 2px 0px 2px;}
	#footer a:hover{
	text-decoration:underline;}
	
/* shop styles*/
.shop_cat{
position:relative;}

.shop_cat .product{
position:relative;
clear:both;
height:100px;
padding:0px;
margin:0px;
min-height:120px!important;
height:120px;
height:auto;





}

.shop_cat h2{
font-size:14px;
font-weight:bold;
z-index:100;
}

.shop_cat h3{
font-size:11px;
text-decoration:none;
z-index:100;
width:165px;

margin:0px;
padding:0px;
}



#title a.basket{
position:absolute; 
top:7px; 
right:25px;
}

.shop_cat .product img{
	
	
position:relative;
top:0px;
right:0px;



}

.shop_cat .item{
position:relative;
float:left;
width:330px;
padding:10px 10px 10px 10px;
min-height:120px!important;
height:120px;
height:auto;


}

#productdetails input.quantity{
padding:2px;
margin-left:10px;
width:26px;}

#productdetails .productimages{
width:350px;
height:280px;
float:right;
text-align:right;
	}

#productdetails .productimages .productimage{
width:300px;
height:240px;
float:right;
	}

#productdetails #enlarge{
width:350px;
height:20px;
float:right;
text-align:center;
	}



.item .thumbnail{
position:absolute;
top:0px;
right:0px;
z-index:1;}





#minibasket{
position:relative;
padding:0px;
margin:0px;
margin-top:30px;
width:240px;
min-height:110px!important;
height:110px;
height:auto;
background:url(../images/basket_bg.gif) no-repeat top left;

}

#minibasket p{
margin:10px 10px 25px 10px;
color:#FFFFFF;
font-weight:bold;

}
#minibasket h3{
position:relative;
padding-top:15px;
padding-left:13px;}

#minibasket table{
margin:10px 10px 5px 10px;
padding:0px;
text-align:left;}

#minibasket table a{
color:#FF0000;}
#minibasket #checkoutbtn{
display:block;
background:url(../images/basket_bg.png) no-repeat!important;
background:url(../images/checkout_small_btn.gif) no-repeat;
width:100px;
height:20px;
margin-left:10px;
padding:0px;}




table.checkout{
text-align:right;
margin-left:20px;
}


#footer #safety {
	float:left; 
	width:150px; 
	position:relative; 
	left:-10px; 
	top:-2px;}
	

#footer #safety li a{
		font-family:'Arial Black', Arial; 
		font-size:12px;}