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




.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


body{margin-top:0px;}

#mainimg{ width:100%; height:100%; text-align:center;}

h1{font-family: 'Open Sans', sans-serif; font-size:24px;}
h2{font-family: 'Open Sans', sans-serif; font-size:20px;}
h3{font-family: 'Open Sans', sans-serif; font-size:18px;}
h4{font-family: 'Open Sans', sans-serif; font-size:16px;}
h5{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold;}

p.telno{font-family: 'Open Sans', sans-serif; font-size:40px; margin:0px; padding:0px;}

p.email {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}

p.txt {font-family: 'Open Sans', sans-serif; font-size:14px;}

p {font-family: 'Open Sans', sans-serif; font-size:14px;}

td {font-family: 'Open Sans', sans-serif; font-size:14px;}

li {font-family: 'Open Sans', sans-serif; font-size:14px;}
a:link.secions {font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;}
a:hover.secions {font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;}
a:active.secions {font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;}
a:visited.secions {font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;}

hr{ width:90%;}

img {
	max-width: 100%;
	height: auto;
	margin-top:5px;
	text-align: center;
}

#toptxt{width:100%;
	height:100%;
	background-color:#6796c2;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	
	
	-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
	
	
	}

#maintxt{
	width:675px;
	height:100%;
	background-color:#EDF8FA;
	text-align:left;
	float:left;
	margin:10px 0px 0px 10px;
	padding:10px;}

#topproducts{
	width:675px;
	background-color:#FFF;
	height:100%;
	text-align:left;
	float:left;}

#maintxtpan{
	width:375px;
	height:100%;
	text-align:left;
	float:left;
	margin:10px 0px 10px 10px;
	padding:0px 0px 0px 10px;}

#distributorslogos{
	width:100%;
	height:100%;
	text-align:center;
	float:left;}
	
#titlertxt{
	width:100%;
	height:100%;
	background-color:#EDF8FA;
	text-align:center;
	float:left;}

#maintxtwht{
	width:100%;
	height:100%;
	background-color:#FFF;
	text-align:center;
	float:left;}

#mainbdy{
	width:1130px;
	height:100%;
	padding:2px;
	margin-right:5px;
	text-align:left;
	float:left;}
	
/* --------------- Product page ----------------- */

	#chemproheading{
	width:100%;
	height:100%;
	background-color:#EDF8FA;
	text-align:left;
	float:left;
	margin:10px 0px 0px 10px;
	padding:10px;}

	#chemproimg{
	width: 250px;
	height:100%;
	padding:2px;
	border:1px thin #555555;
	margin-right:5px;
	text-align:center;
	float:left;}
	
	#chemprotxt{
	width: 600px;
	height:100%;
	padding:2px;
	border:1px thin #555555;
	margin-right:5px;
	text-align:justify;
	float:left;
	padding:10px;}


	
/* --------------- Product page ----------------- */

#sectionbxleft{
	width:260px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 0px;
	text-align:center;
	background-color:#5C92EB;
}

#sectionbxleft:hover{
	width:260px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 0px;
	text-align:center;
	background-color:#4078E1;
}


#sectionbx{
	width:260px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
	background-color:#5C92EB;
}

#sectionbx:hover{
	width:260px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
	background-color:#4078E1;
}

#prodbx{
	width:200px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
	background-color:#5C92EB;
}

#prodbx:hover{
	width:200px;
	height:260px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
	background-color:#4078E1;
}

	a.section{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:10px;
	}
	
	a.more{
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	padding:15px;
	background-color:#FFFF00;
	}


#productbx{
	width:260px;
	height:515px;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
}

#producttxt{
	width:800px;
	height:100%;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:left;
}
  .wapper{
	width:1130px;
	height:100%;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#FFF;}
	
	#wapper{
	width:1130px;
	height:100%;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#FFF;}

	
#logoheader{
	width:300px;
	height:100%;	float:left;
	text-align:center;
}

#headspacer{width:550px; height:1px; float:left;}

#tel{max-width:100%;
	height:105px;
	float:left;
	
	text-align:right;
}

#search{
	width:320px;
	height:100%;	float:left;
	text-align:center;
}
#cart{
	width:320px;
	height:100%;	float:left;
	text-align:center;
}

	#topmenu{
	height:100%;
	padding:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:left;}
	
  #specialoffers{
	width:1126px;
	height:100%;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;}



#rwhsection{
	width:365px;
	height:360px;	float:left;
	text-align:left;
	margin-right:10px;
	margin-top:20px;}
	
#ukmade{
	width:345px;
	height:360px;	float:left;
	text-align:left;
	margin-right:10px;
	padding:10px;
	margin-top:20px;
	background-color:#EDF9FA;}
	

#links{
	width:1100px;
	height:100%;
	padding:5px;
	text-align:center;
float:left;
	margin-left:auto;
	margin-right:auto;}
	
#footer{
	width:1130px;
	height:300px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:10px;}
	
	.footercol{
	width:360px;
	height:300px;
	padding:5px;
	text-align:left;
	float:left;
	background-color:#666666; 
	}
	
	.footerheader{
	font-family: 'Open Sans', sans-serif; font-size:18px; color:#FFF;
		}
		
	.footertxt {
	font-family: 'Open Sans', sans-serif; font-size:12px; color:#FFF;
	}
	
	.footerlist li { border-bottom: 1px dashed white; width:70%; list-style-type:none; padding:2px; padding-left:0px;}
	
	.footerlist li a { font-family: 'Open Sans', sans-serif; font-size:12px; color:#FFF; text-decoration:none;}
	
	.footerlist li a:hover { font-family: 'Open Sans', sans-serif; font-size:12px; color:#000; text-decoration:none;}
	
	.footerservices li { width:70%; list-style-type:none; padding:2px; padding-left:0;}
	
	.footerservices ul { list-style:none; ; padding-left:0;}
	
	.footerservices li a { font-family: 'Open Sans', sans-serif; font-size:12px; color:#FFF; text-decoration:none;}
	
	.footerservices li a:hover { font-family: 'Open Sans', sans-serif; font-size:12px; color:#000; text-decoration:none;}
	
	
@media only screen and (max-width: 768px) {
    #wapper{
	width:100%;
	height:100%;
	text-align:center;}
	
	#tel{max-width:100%;
	height:100%;
	float:left;
	margin-right:10px;
	text-align:center;
}

	#sectionbx{
	width:40%;
	height:100%;
	padding:3px;
	position:relative;
	border:1px solid #CCC;
	float:left;
	margin:10px 0px 0px 10px;
	text-align:center;
}
	
	#specialoffers{
	width:100%;
	height:100%;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;}
	
	#mainbdy{
	max-width: 100%;
	height:100%;
	padding:2px;
	border:1px thin #555555;
	margin-right:5px;
	text-align:center;
	float:left;
	background-color:#FFF;}
	
	#toptxt{ /*width:160px; height:1px; float:left;*/ display:none;}
	
	#headspacer{ /*width:160px; height:1px; float:left;*/ display:none;}
	
	#rwhsection{
width:320px;
	height:100%;	float:left;
	text-align:center;
	
	margin-top:20px;}
	
	#ukmade{
width:300px;
	height:100%;	float:left;
	text-align:center;
	
	margin-top:20px;}
	
	#links {display:none;}
	
#footer{
	width:100%;
	height:100%;
	padding:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;}
}