/* Overall */


body {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666; 
	margin:0px auto; 
	width:1000px;
	padding:0px;
	background:url(../images/body_bg.png) repeat-y center #f5f5f5 ;
	text-align:center;
}
#wrapper{
width: 900px;
background:#ffffff;
margin:0 auto;
padding:0;
text-align: left;
}
#headercol{
height:13px;
background-color: #ffcc4c; 
}
#logo{
background-image:url(../images/logo.gif);
height:100px;
width:265px;
margin-left:20px;
}
#headercolours{
float:right;
background-image:url(../images/colourbar.gif);
background-repeat:no-repeat; 
width:400px;
display:inline;
text-align:right;
}
#headeremail{
margin-top:10px;
margin-right:15px;
}

.content{
width:900px; background-image:url(../images/contenttile.gif); background-repeat:repeat-y; overflow:hidden; min-height:300px;}

.contentleft{width:581px;
 float:left;
 background-image:url(../images/contenttitle.gif);
 background-repeat:no-repeat;
padding:25px 0 0 30px;
height:auto;}

.contentleft .about{color:#c40004; text-decoration:none;}

.contentright{width:239px;
	 padding:20px 25px 0 25px;
	 float:left;
	 background-image:url(../images/searchbg.gif);
	 background-repeat:no-repeat;
	 height:auto;
	 
 }

/* SEARCH BOX */
.contentright .search {	background-image:url(../images/searchformbg.png);
 	background-repeat:no-repeat;
	width:224px;
	padding:7px 0 0 10px;
 	height:59px;
	position:relative;
	margin-bottom:10px; }
 .contentright .search label {
	width:200px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	 } 
.contentright .search input .keyword{
	height:22px;
	line-height:22px;
	font-size:11px;
	width:150px;
	border:1px solid #f0a16e;
	 } 
.submit {position:absolute; width:73px; height:57px; border:none; top:-4px; right:-7px;}	 

/* ||Temporary Protection Products */
.tempprotection{
width:887px;
height:auto !important;
padding:15px 0 0 30px;
float:left;
background:url(../images/Contenttilegrey.gif); background-repeat:repeat-y;}

.tempprotection ul {font-size:12px; color:#ffffff; font-weight:bold; float:left; padding-left:0px; margin:0px;}
.tempprotection a{font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; display:block;padding-left:10px; height:22px;}
.tempprotection li {background-repeat:repeat-x; width:190px; height:142px;display:block;margin-left:15px; padding:7px 0 10px 0px; margin-bottom:10px; float:left; display:inline;}
.tempprotection img {border:0px;margin:0 0 0 -10px;}

/* Css classes and colours from database */

.redtext {color:#bf232c;}
.greentext {color:#1d7c7e;}
.bluetext{color:#358cca;}
.purpletext {color:#804680;}
.lightorangetext {color:#d9a532;}
.orangetext {color:#cf7f36;}
.lightgreentext {color:#328788;}
.darkgreentext {color:#23572b;}


.redtile {background-image:url(../images/listimages/red.gif); float:left; background-repeat:repeat-x;}
.greentile {background-image:url(../images/listimages/green.gif); background-repeat:repeat-x;}
.bluetile {background-image:url(../images/listimages/blue.gif); background-repeat:repeat-x;}
.purpletile {background-image:url(../images/listimages/purple.gif); background-repeat:repeat-x;}
.lightorangetile {background-image:url(../images/listimages/lightorange.gif); background-repeat:repeat-x;}
.orangetile {background-image:url(../images/listimages/orange.gif); background-repeat:repeat-x;}
.lightgreentile {background-image:url(../images/listimages/lightgreen.gif); background-repeat:repeat-x;}
.darkgreentile {background-image:url(../images/listimages/darkgreen.gif); background-repeat:repeat-x;}


/* NAV */
.nav {	padding:0 0 0 10px; 	margin:0.6em 0 0.2em 0; 
	list-style:none; 
	height:37px;	
	background:url(../images/navbg.png) no-repeat;
	background-color:#d94046;
	border-bottom:2px #ffcc4c solid;
	position:relative; 
	z-index:500;
	}
.nav li.top {
	display:block; 
	float:left;}
.nav li a.top_link {
	display:block; 
	float:left; 
	height:37px; 
	line-height:36px; 
	color:#ffffff; 
	text-decoration:none; 
	font-size:12px; 
	cursor:pointer; 
	font-weight:bold;	}
.nav li a.top_link:hover {
	background:url(../images/navbgtile.png) repeat-x;
	color: #000000;	}	
.nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 1em 0 1em; 
	height:37px;
	font-weight:bold;}

/* HACK ie 7 & firefox */
.nav li:hover > a.top_link {
	background:url(../images/navbgtile.png) repeat-x;
	color: #000000;}
.nav table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;}
.nav a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
	font-weight:bold;}
.nav li:hover {
	position:relative; 
	z-index:200;}

/*  'next' level invisible by placing it off screen. */
.nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;}
.nav ul.sub1 {width:150px;}

.nav :hover ul {
	left:0; 
	top:37px; 
	background: #ffcc4b; 
	padding:0.3em; 
	border-top:hidden;
	white-space:nowrap; 
	height:auto; 
	z-index:300; }
.nav :hover ul li {
	display:block; 
	height:2em; 
	position:relative; 
	font-weight:normal; 
	width:auto;}
.nav :hover ul li a {
	display:block; 
	font-size:0.9em; 
	height:2em; 
	line-height:1.6em; 
	width:auto; 
	padding:0 0.5em; 
	color:#000000; 
	text-decoration:none;
	font-weight:bold;}
.nav :hover ul li a:hover {
	background-color:#b7001d;
	color:#FFFFFF;}
.deliveryad {
	background:url(../images/navdelivery.gif) transparent no-repeat;
	width:272px;
	height:37px;
	float:right;
	padding-right:20px;}



/* Right Nav */

.rightnav{font-size:12px; color:#ffffff; font-weight:bold; float:left; padding-left:0px; margin:0px;}
.rightnav a{font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; display:block;padding-left:10px; height:22px;}
.rightnav li {background-repeat:repeat-x; width:190px; height:28px;display:block;margin-left:15px; padding:7px 0 0 0; float:left; }

.sublink {font-size:12px; height:15px; padding:5px 0 5px 0; color:#999999; border-bottom:1px solid #999999; display:block;}
.sublink hover{color:#d94046; font-size:12px; font-weight:bold;}

.rightsearch{padding:7px 10px 10px 10px;}
.rightsearch a{color:#FF0000; text-decoration:none;}

.moreresults{display:block; float:right; width:200px; display:inline; color:#c40004;}
.moreresultsleft{float:left; display:block; width:200px; color:#c40004;}




.keywords a{font-size:14px; font-weight:bold; color:#c40004; text-decoration:none;}

/* SECTION PAGE */
.one-section{
float:left;
	text-align:center;
	width:160px;
	min-height:131px; height:131px;
	margin:10px;
	border:2px solid #cccccc;
	}

.one-section h4{padding:0; margin:0; display:block; width:160px;}
.one-section h4 a{height:28px; color:#ffffff; font-weight:bold; font-size:12px; line-height:28px; text-decoration:none;}
/* hack ie 6 only */
* html .one-section {
	margin:5px;
}




/* LIST PAGE */

.one-prod{
float:left;
	text-align:left;
	width:530px;
	min-height:150px; height:auto !important; overflow:hidden;
	margin:10px;
	}

.one-prod h4 {padding:0 0 0 10px; margin:0 0 10px 0; display:block; width:520px;}
.one-prod img {padding:0 15px 10px 0; max-height:100px; max-width:100px;}
.one-prod h4 a{height:28px; color:#ffffff; font-weight:bold; font-size:12px; line-height:28px; text-decoration:none;}
/* hack ie 6 only */
* html .one-prod {
	margin:5px;
}


/* FOOTER */

/* Rounded footer */
.roundfooter{background-image:url(../images/roundedfooter.gif); background-repeat:no-repeat; background-color:#da4046; width:880px; float:left; height:70px; margin:0; padding:25px 0 0 20px; height:auto !important; overflow:hidden; min-height:70px;}

.roundcontent{margin:0; padding:0; list-style:none; padding:0 20px 0 20px;}
.roundcontent li{display:inline block; padding:0 5px 5px 5px; float:left; width:70px; text-align:left; }
.roundcontent .text{width:220px; color:#ffffff; font-weight:bold;}
.roundcontent .text a {width:220px; color:#ffffff; font-weight:bold; text-decoration:none;}

.roundfooter img{border:none;} 

/* Rounded footer */
.roundfooterwhite{background-image:url(../images/roundedfooterwhite.gif); background-repeat:no-repeat; background-color:#da4046; width:880px; float:left; height:70px; margin:0; padding:25px 0 0 20px;  height:auto !important; overflow:hidden; min-height:70px;}

.roundfooterwhite img{border:none;} 

/* contact footer */

.contactfooter{width:880px; padding:10px 0 0 20px; background-color:#68676c; float:left; margin-top:2px; height:70px;}

.contactfooter ul{padding:0; list-style:none; margin:0;}
.contactfooter li{float:left; display:inline block; padding:0 0 0 10px; color:#ffffff;}


/* copyright */
.copyright{background:#ffffff; height:70px; width:880px; display:block; padding:10px 0 0 20px; color:#999999; overflow:hidden;}
.copyright a {color:#999999;}




/* New Products */
.newproducts{background-image:url(../images/newproducts.gif); background-repeat:no-repeat; padding:13px; width:208px; height:152px;}	
	.newproducts ul{list-style:none; background:#FFFFFF; height:103px; padding:7px; margin:10px 0; width:192px; font-size:11px;}
	.newproducts a{width:187px; background:#eeeeee; color:#999999; height:15px; display:block; font-weight:bold; line-height:15px; margin-top:2px; 	padding-left:5px; text-decoration:none;}


/*Buttons*/
.longbutton {background:url(../images/longbutton.gif) no-repeat; width:223px; height:35px; display:block; line-height:33px; padding:0 0 0 10px; text-decoration:none; margin-bottom:2px;}

	
/* CONTACT US */

.contactus{
	margin:0;
	padding:10px;
}

.contactus fieldset {
	border:0;
}

.contactus label {
	float:left;
	margin:2px 10px 0 0;
	width:175px;
}

.contactus input, select {
	border:1px #CCC solid;
	padding:2px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1px 0;
}

	
	
/* regions */
.region{; min-height:300px; height:300px; height:auto !important; padding:10px; }
.region ul{list-style:none; margin:0; padding:0;}
.region .Title{text-transform: uppercase; font-weight:bold; color:#333333;} 
.region .Address{text-decoration:none; font-style:normal; padding:0; margin:0;} 

	
	
/* font styles */

.boldred{color:#c40004; font-weight:bold;}
.contentleft h1{font-size: 16px;	color: #b7001d; margin:0; padding:0 0 10px 0;}
h2{font-size: 14px; }
.contentleft p{padding:0; margin:7px 0 7px 0;}
.Generaltext{font-size: 11px;color: #666666;}
.buttontext {font-size: 14px;	font-weight: bold;	color: #FFFFFF;}




.mand {
	color:#FF0000;
}

.calltoaction{float:right; display:block; margin-top:15px; border:none;}

/* Breadcrumb */

.breadcrumb{list-style:none; float:left; padding:0; margin:10px 0 10px 0; border:1px solid #c6c6c6; width:570px;}
.breadcrumb li{background:url(../images/breadcrumbbg.png) no-repeat right; padding:10px 30px 10px 10px; height:22px; line-height:22px;  float:left; display:inline;}
.breadcrumb li a{display:block; color:#666;}
.breadcrumb .active{color:#b30303;}

.emailfriend label{float:left; width:120px; clear:left;}
.emailfriend input{float:left; display:inline; margin-bottom:10px; padding:3px; border:1px solid #CCCCCC;}
.emailfriend input active, .emailfriend input:hover{border: 1px solid #0066FF;}
.asubmit{clear:left; border:none; display:block; float:right; }
.emailfriend .submit, .emailfriend .submit:hover{border:none;}


/* Rotator */
#rotator{margin-top:10px; position:relative; height:167px; width:587px;}
* html #rotator{margin-left:-9px;}
#rotator a{outline:none; cursor:pointer;}
#rotator ul{list-style:none; margin:0; padding:0;}	
#rotator ul a img{border:none;} 
#rotator ul li h2, #rotator ul li span{display:block; position:absolute; top:-9999px; left:-9999px;}
#rotator h4{padding:0; cursor:pointer; margin:0; position:absolute; bottom:10px; right:10px; background:url(../images/readmore.gif) top; width:94px; height:33px;}
#rotator ul li h4:hover{background-position:bottom;}



#rotator #tabs{position:absolute; top:10px; right:10px;}
#rotator #tabs li{float:left; display:inline; width:8px; height:8px; margin:0 2px 0 2px;}
#rotator #tabs li a{display:block; background:url(../images/rotatedot.gif) no-repeat left; text-decoration:none; outline:none; width:8px; height:8px;}
#rotator #tabs .on a{display:block; background:url(../images/rotatedot.gif) no-repeat right; width:8px; height:8px;}

#slider{width:587px; height:167px !important; overflow:hidden; float:left;  display:block; margin:10px 0 10px 0;}
/* JQuery Cycle plugin - image slideshow */
#slideshow {height: 167px; width: 587px;  max-height: 167px; overflow: hidden; margin:10px 0 10px 0;}
#slideshow img { height: 167px; width: 587px; background-color: white; }
#slidenav { z-index: 50; position: absolute; bottom: 5px; right: 5px; }
#slidenav a { font-size: 8pt; margin: 0 3px; padding: 3px; background: #006633; text-decoration: none; color:#FFFFFF;}
#slidenav a.activeSlide { background-color: #85B351; color: #333333; background: #CCCCCC repeat-x;}
#slidenav a:focus { outline: none;}
#slidestop {text-align: right; font-size: 8pt;}
#slidestop a {text-decoration: none; cursor: pointer; color: #666666; font-size:7pt;}
#slidestop a:hover {text-decoration: none; color: #85B351;}