*{
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	}
	
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.clearance {clear:both;}

img{border: none;}

h1{
	display: none;
	}
	
h2{
	text-align: center;
	color: #03C;
	font-size: 24px;
	margin-bottom: 10px;
	text-decoration: underline;
	font-style: italic;
	}	
	
h3{
	font-size: 14px;
	}

hr {
	height:0;
	margin:0;
	padding:0;
	clear:both;
	line-height:0px;
	font-size:0px;
	visibility:hidden;
}	

/*	Forms	*/
fieldset {
	border:0;
}

fieldset div {
	clear:both; 
	margin-bottom:3px;
}

fieldset div div{
	clear:none;
	/* used to hold checkboxes radio buttons etc */
}

label{
	width:100px;
	float:left;
}

input, textarea, select{
	width:300px;
	border:1px solid #ccc;
}



textarea{
	height:200px;
}

.collombox input{
	width:135px;
}

input.button,
input.submit
 {
	padding:3px 6px;
	color:#fff;
	text-decoration:none;
	background:#486DD8;
	font-weight:bold;
	width:auto;
	cursor:pointer;
}

input.button:hover,
input.submit:hover {
	background:#8CD7F2;
}


input.radio,
input.checkbox{
	width:auto;
	border:0;
}


.warn {background:#ff9;}

#wrapper{
	width: 950px;
	margin: 0 auto;
	background-image: url(/images/wrapperbg.jpg);
	}

#header{
	width: 890px;
	height: 145px;
	margin: 0 30px;
	background-image: url(/images/header/header.jpg);
	background-repeat: no-repeat;
	}
	
#testimonial{
	position: relative;
	top: 44px;
	left: 236px;
	width: 414px;
	height: 47px;
	font-size: 12px;
	overflow:hidden;
	text-align: center;
	}

#primarycontent{
	width: 730px;
	float: left;
	margin-left: 30px;
	display: inline;
	}

/*------NAVIGATION------*/

#nav{
	height: 25px;
	color: #FFF;
	background-color: #0033CC;
	font-size: 14px;
	background-image: url(/images/navbg.jpg);
	background-position: right;
	background-repeat: no-repeat;
	}

#nav li{
	display: inline;
	}

#nav ul{
	padding: 3px 8px;
	}

#nav a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	}

#nav a:hover{
	text-decoration: underline;
	}
	
/*------MENU------*/

#menu{
	width: 150px;
	float: left;
	background-color: #E8E8E8;
	}
#menu li{
		
		font-size:12px;
	}


	
/*------CONTENT------*/

#contentwrapper{
	margin-top: 10px;
	width: 550px;
	float: right;
	margin-right: 10px;
	background-image: url(/images/contentwrapperbg.jpg);
	background-color: #FFF;
	}
	
#content{
	background-image: url(/images/contentbg.jpg);
	background-repeat: no-repeat;
	padding: 15px 15px 0 15px;
	color: #333;
	font-size: 14px;	
	word-spacing: 0.25em;
	text-align: justify;
	line-height: 1.4em;
	}

#contentfooter{
	height: 8px;
	background-image: url(/images/contnetfooterbg.jpg);
	background-repeat: no-repeat;
	background-color: #F5F6F8;
	}

/*--CONTENT STYLING--*/

#content h2{
	color: #666666;
	padding-bottom: 10px;
	}

#content h3{
	padding-bottom: 5px;
	}
	
#content h4{
	padding-bottom: 5px;
	}

#content p{
	padding: 5px 0;
	}

#content ol, #content ul{
	padding: 5px 0 5px 25px;
	margin-bottom:20px;
	}
	
#content img{
	margin-top:5px;
	margin-bottom:5px;
	}
	
#content p img{
	/*border: 1px solid #888; */
	background-color: #fff;
	}

#content .product_info .info_rating img{
	border: none;
	background-color: #F5F6F8;
	}

/*------SECONDARY CONTENT------*/

#secondarycontent{
	width: 150px;
	float: right;
	margin-right: 30px;
	display: inline;
	}

#secondarycontent img{
	padding: 5px;
	}

.boxhead{
	background-color: #8CD7F2;
	color: #FFF;
	min-height: 25px;
	text-align: center;
	}

.boxhead .boxtitle{
	padding: 2px 8px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	}

.collombox{
	background-color: #E8E8E8;
	margin-bottom: 12px;
	padding-bottom: 5px;
	}

.collombox p{
	font-size: 11px;
	padding: 5px 5px 0px 5px;
	color: #333;
	}

.collombox p span{
	font-weight: bold;
	}

.collombox ul{
	list-style-type:none;
	margin:0;
	font-size: 11px;
}	
	
/*------FOOTER------*/

#footer{
	clear: both;
	background-image: url(/images/footerbg.jpg);
	background-repeat: no-repeat;
	height: 50px;
}
	
#footer img{
		padding: 20px 20px 0 0;
}

ul#ranges
{
	width:auto;
	float:left;
	clear:left;
	position:relative;
	margin-left:-7px;
	margin-bottom:0;
}

ul#viewall

ul#ranges, 
ul.blueb,
ul#viewall{
	padding:0!important;
	margin-bottom:0!important;
	_font-size:9px;
	float:left;
	
}

ul.blueb{
	*margin-bottom:-15px!important;
}



ul#ranges li, 
ul.blueb li,
ul#viewall{
	list-style-type:none;
	float:left;
	display:inline;
}


ul.blueb li a{
	float:left;
	display:block;
	position:relative;
	overflow:hidden;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background-image: url(/images/buttons/blueb_r.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 20px;
	padding: 8px 10px;	
}

ul.blueb li .gaffercom{
	background-image: url(/images/buttons/blueb_rgaf.png);
	background-position: top right;
	padding-right: 150px;
	}
/*	child selectors used to hide following
	rules from ie6						*/
ul.blueb>li:hover{
	background-position: bottom left;
	}
	
ul.blueb>li a:hover{
	background-position: bottom right;
	}
	
.blueb li{
	background-image: url(/images/buttons/blueb_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	}


ul#ranges li a,
ul#viewall li a{
	float:left;
	display:block;
	width:100px;
	text-align:center;
	position:relative;
	color:#666;
	font-weight:bold;
	font-size:11px;
	_font-size:10px;
	text-decoration:none;
	background-position: top right;
	background-repeat: no-repeat;
	height: 20px;
	padding: 8px 10px 8px 10px;
	overflow:hidden;
}

/*	child selectors used to hide following
	rules from ie6						*/	
ul#ranges>li:hover{
	background-position: bottom left;
	}
	
ul#ranges>li a:hover{
	background-position: bottom right;
	}

#unfilter{
	clear:both;
	cursor:pointer;
	width:94px;
	height:37px;
	background:url(/images/buttons/viewall.png) no-repeat;
	margin:0 210px;
	
}

#unfilter:hover{
	background-position: bottom left;
}
	
	
ul .rangeall{
	background-image: url(/images/buttons/rangeall_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	}

ul .range_1{
	background-image: url(/images/buttons/range1_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	}

ul .range_1 a{
	background-image: url(/images/buttons/rangeb_r.png);
	}
	
ul .range_2{ 
	background-image: url(/images/buttons/range2_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_2 a{
	background-image: url(/images/buttons/rangeb_r2.png);
	}

ul .range_3{ 
	background-image: url(/images/buttons/range3_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}

ul .range_3 a{
	background-image: url(/images/buttons/rangeb_r3.png);
	}

ul .range_4{ 
	background-image: url(/images/buttons/range4_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_4 a{
	background-image: url(/images/buttons/rangeb_r4.png);
	}

ul .range_5{ 
	background-image: url(/images/buttons/range5_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_6{ 
	background-image: url(/images/buttons/range6_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}	
	
ul .range_7{ 
	background-image: url(/images/buttons/range7_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_8{ 
	background-image: url(/images/buttons/range8_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_9{ 
	background-image: url(/images/buttons/range9_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
ul .range_10{ 
	background-image: url(/images/buttons/range10_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	}

div.product{
	background-color:#f5f6f8;
	border:1px solid #ccc;
	padding:5px;
	margin-top:10px;
	margin-bottom:30px;
}

/* These styles need replicating in a seperate file for the WYSIWYG editor */

div.product p 		{text-indent:0!important;font-size:11px; line-height: 14px;}
div.product img 	{margin-right:20px;}

div.product h3{
	width:130px;
	color:#666;
	font-size:14px;
	background-repeat: no-repeat;
	padding: 0 5px;
	margin-left: 3px;
	margin-top: 3px;
	float:left;
	height:14px;
	border:1px solid #ccc;
	*margin-bottom:-10px;
}

.range_1{
		background:#ff9;
}
	
.range_2{
		background:#fbf;
}

.range_3{
		background:#A6B3EA;
}

.range_4{
		background:#FFC17F;
}




div.product h4	{font-size:18px;margin-left:5px;}

div.product h4{
	float:left;
	padding:1px 4px!important;
}

div.product_ratings{
	float:right;
	width:180px;
	margin-left:-10px;
}

div.product_ratings .product_info{
	width:100%;
}

div.product_ratings div{
	margin-bottom:0;
}

div.product_info{
	width:150px;
	margin-right:10px;
	margin-bottom: 8px;
	float:left;
}

div.product_info p,
div.product_info h5 {
	float:left;
	clear:left;
	margin:0;
	padding:0!important;
	font-size:12px;
	_font-size:10px!important;
	text-align:left;
}

div.product_info p.info_rating{clear:none;}
div.product_info p.info_textarea{width:90%;}

div.product_info img{margin:0;padding:0;border:0;}

div.product_info h5{
	margin-right:6px;
}

/*	Custom product Quotation Forms	*/

div#quote {
	background:#f5f6f8;
	padding:10px;
}

div.question{
	float:left;
	width:100%;
	clear:left;
	margin-bottom:10px;

}

select.question{
	width:250px;
}

div.question div{
	float:left;
	clear:left;
}

div#quote label{
	width:240px;
}

div#quote div.question label{
	width:240px!important;
}

div#quote input.text{
	width: 250px;
}

div.question label strong{
	color:#fff;
	display:block;
	background:#486DD8;
	width:20px;
	float:left;
	text-align:center;
	margin-right:5px;
}

div#quote div.question input.text{
	width:250px;
}

div.question div span{
	float:left;
	clear:left;
	width:120px;
}

/*	Hide the staff ticker by default	*/
#staff{
	display:none;
}

#clearboth{
	clear: both;
	height: 2px;
	}