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


/* -- container -- */
#container{
	width: 780px;
	height: 614px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(bg.jpg) no-repeat;
 	}
	



/* -- nav menu top -- */
#nav-menu{
	width:760px;
	height:20px;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
	}

#nav-menu ul{
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:center;

	}
#nav-menu li{
	float: left;
	margin:0 10px;
	padding-left:18px;
}


/* -- header -- */
#header{
	width:760px;
	height: 218px;
	margin-left:auto;
	margin-right:auto;
	}



#tb{
	width:760px;
	height: 41px;
	margin-top:7px;
	margin-left: auto;
	margin-right: auto;
	}
	
#tbcont{
	width:706px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/tbar.jpg);
	background-repeat:repeat-x;
	float:left;
	}

#tbleft{

	float:left;
	width:27px;
	height: 41px;
	background-image: url(../images/tbarl.jpg);
	background-repeat:no-repeat;
	}

#tbright{
	float:right;
	width:27px;
	height: 41px;
	background-image: url(../images/tbarr.jpg);
	background-repeat:no-repeat;
	}

#titlebarlower{
	width:760px;
	height: 12px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/tbardiv.jpg);
	}
	
	
/* -- content div -- */
#content{
	width:706px;
	height: auto !important;
	height: 290px;
	min-height: 290px;
	margin-left: auto;
	margin-right: auto;
	padding-top:35px;
	padding-left:27px;
	padding-right:27px;
	background-image:url(../images/contbg.jpg);
	background-repeat:repeat-x;
	position:relative;
	}
	
#productnav{
	width:706px;
	height: auto;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	padding-left:27px;
	padding-right:27px;
	width:706px;
	clear:both;
	}
	
#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;}

/*  gloves page css */
#glovespic{
	position:absolute;
	top:48px;
	left: 306px;
	width: auto;
	height: auto;
}

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


/*  odour killer page css */

#okillerpic{
	position:absolute;
	top:180px;
	left: 399px;
	width: auto;
	height: auto;
}

#okillerptitle{
	position:absolute;
	top:332px;
	left: 245px;
	width: auto;
	height: auto;
	z-index: 2;
}

#okillerPL{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:37px;
	right:36px
}


/*  hand sanitiser page css */

#hsanpic{
	position:absolute;
	top:152px;
	left: 27px;
	width: auto;
	height: auto;
}

#hsanPL{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:37px;
	right:36px
}

/*  hand scrub page css */

#hscrubpic{
	position:absolute;
	top:203px;
	left: 419px;
	width: auto;
	height: auto;
}

#hscrubptitle{
	position:absolute;
	top:380px;
	left: 368px;
	width: auto;
	height: auto;
	z-index: 2;
}

#hscrubPL{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:48px;
	right:57px
}

/*  disinfectant pages css */

#discinPL{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:268px;
	right:18px
}
#discinDEFRA{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:399px;
	right:18px
}

#aqapproved{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:520px;
	right:18px
}
#discinRESULTS{
	width:115px;
	height:134px;
	float:right;
	position:absolute;
	top:134px;
	right:18px
}

#discinTITLE{
	height:48px;
	background-image:url(../images/redbg.jpg);
	background-repeat:repeat-x;
	width:733px;
	margin-left:auto;
	margin-right:auto;
	padding-left:27px;
	padding-top:11px;}


#distitle{
	position:relative;
	width:733px;

	}

/* -- home page -- */	

#tbox{
	width:181px;
	height:235px;
	background-image:url(../images/tbox.jpg);
	background-repeat:no-repeat;
	float:right;
	position:absolute;
	top:35px;
	right:40px;
	padding-top:14px;
	text-align:center;
	line-height:20px;
	}
	
	


	
	
/* -- contact form-- */
#contactform{
	width:299px;
	height:413px;
	background-image:url(../images/formbg.jpg);
	background-repeat:no-repeat;
	float:right;
	position:absolute;
	top:65px;
	right:27px;
	padding-top:10px;
	}




	
/* -- order page -- */	

#contactform td {
padding-bottom:4px;}

#contactformtitle{
	width:286px;
	height:30px;
	float:right;
	position:absolute;
	top:20px;
	right:25px;
	padding-top:15px;
	font-size:14px;
	color:#004B8D;
	}

	
/* -- footer -- */
#footer{
	width:760px;
	height: 30px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/footerbg.jpg);
	clear:both;
	}
	
#footer ul{
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:center;
	padding-top:8px;
	padding-right:30px;
	}

#footer li{
	float: right;
	margin:0 0.20em;
	font-family:Arial Narrow;
	font-size:9px;
	}