@charset "UTF-8";
/* CSS Document */

body{
	background-color:#E5E5E5;
	margin:0;
}

img {
	border:0
}

img .left {
	padding:10px;
}


br {
	clear:both;
}

#container {
	margin-left:auto; 
	margin-right:auto; 
	position:relative; 
	width:960px;
	height:auto;
	background-color:#fff; 
	background-repeat:repeat-x;
	}

/* HEADER*/

.header_left{
	float:left;
	margin:15px 0 0 22px;
	width:45px;
	height:30px;
}

.header_right  {
	float:right;
	margin:15px 30px 0 0;
	width:500px;
	height:30px;
	padding:0;
}

.header_right ul li { 
	float:right; 
	margin:0; 
	padding:0; 
	list-style:none; 
	text-decoration:underline; 
}


.header_right a {
	display:block;
	padding:0 10px 0 10px;
	margin:0px;
	font-family:Geneva, Verdana,  sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:underline;
}


/*SEARCH*/

.searchArea{
	float:left;
	width:420px;
	height:70px;
	font-family:Geneva, Verdana, sans-serif;
	font-size:10px;
	color:#333;
}

.searchArea a:link{
	float:left;
	width:420px;
	height:70px;
	font-family:Geneva, Verdana, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:underline;
	padding-left:5px;
}

.searchArea a:visited{
	float:left;
	width:420px;
	height:70px;
	font-family:Geneva, Verdana, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:underline;
	padding-left:5px;
}

.basket{
	float:left;
	width:165px;
	cursor:pointer;
	margin:15px 0 0 0;
}

.search{
	float:right;
	width:222px;
	height:40px;
	padding:10px 10px 0 0;
}

.onlineAssistance{
	float:left;
	width:420px;
	margin-bottom:20px;
}


.logo{
	float:left;
	margin:0 0 0 22px;
	width:493px;
	height:70px;
	margin-bottom:20px;
}


/*NAVIGATION*/

/*Top level nav*/

#nav, #nav ul { /* all lists */
	padding: 1px 0 1px 0;
	margin: 0 0 15px 22px;
	float:left;
	list-style: none;
	line-height:2;
	width:915px;
	border-top:#999 solid 1px;
	border-bottom:#999 solid 1px;
	font-family:Geneva, Verdana, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-transform:lowercase;
}

#nav a {
	display: block;
	padding:0 25px 0 20px;
	font-family:Geneva, Verdana,  sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#nav a:hover {
	color:#000;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */	

}

#nav li ul { /* second-level lists */
	margin:1px 0 0 10px;
	position: absolute;
	background: #e4e4e4;
	width: 10em;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}


/*graphic*/

.banner{
	float:left;
	margin:0 0 10px 22px;
	width:915px;
	height:385px;
	z-index:5;
}

/* left column*/
.left_column_holder{
	float:left;
	margin:0 10px 0 22px;
	width:205px;
}

.left_column{
	float:left;
	margin:0;
	width:205px;
	border:1px solid #848484;
	padding-bottom:15px;
}

.enquiry_column{
	float:left;
	margin:5px 0 0 0;
	width:205px;
	border:1px solid #848484;
	padding-bottom:15px;
}

.column img {
	border:0;
	float:right;
	text-align:right;
	padding:5px;
}

.button{
	float:left;
	margin:5px 0 25px 0;
	text-align:center;
	border:1px solid #848484;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:0;
	line-height:58px;
}

.button a{
	width:205px;
	height:59px;
	background:url(../images/butt_download_brochure_up.png);
	display:block;
	color:#FFF;
	text-decoration:none;
}

.button a:hover{
	background:url(../images/butt_download_brochure_over.png);
}

/* Content Area */
.content{
	float:left;
	margin:0;
	width:700px;
	min-height:790px;
}

.contentTextArea{
	float:left;
	margin:15px 0 0 0;
	padding:0;
	width:700px;
	min-height:790px;
}

.contentTextArea p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0;
	margin:0 0 10px 0;
	line-height:18px;
}

.category_pic{
	float:left;
	width:226px;
	height:200px;
	padding:0;
	margin:0 7px 15px 0;
}

.category_overlay{
	width:226px;
	height:55px;
	margin-bottom:55px;
	background-color:#454545;
	clear:both;
}

.category_pic p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	margin:0;
	padding:8px 0 0 5px;
}

.category_pic h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	margin:0;
	padding:5px 0 0 5px;
}

.category_pic h1 a{
	color:#FFF;
	text-decoration:none;
}

.category_pic h1 a:hover{
	text-decoration:underline;
}


.range_pic{
	float:left;
	width:226px;
	height:200px;
	padding:0;
	margin:0 7px 15px 0;
}

.range_title{
	width:226px;
	height:30px;
	margin-bottom:30px;
	background-color:#454545;
	clear:both;
}

.range_pic p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	margin:0;
	padding:8px 0 0 5px;
}

.range_pic h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	margin:0;
	padding:5px 0 0 5px;
}


.category_arrow{
	float:right;
	margin:5px 15px 0 0;
}

.button_arrow{
	float:right;
	margin:8px 8px 0 0;
}


.productsBannerArea{
	float:left;
	width:696px;
	margin:0;
	padding:0;
}

.titleArea{
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	background-color:#666;
}

.titleArea h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	margin:0;
	padding:5px 0 0 5px;
}

.breadcrumbsArea{
	float:left;
	width:696px;
	height:30px;
	padding:0;
	margin:0 0 5px 0;
	background-color:#FFF;
}

.breadcrumbsArea p{
	font-family:Geneva,  Verdana, sans-serif;
	color:#333333;
	font-size:12px;
	padding:10px 0 10px 5px;
	margin:0 0 5px 0;
	text-transform:lowercase;
}
.breadcrumbsArea p a{
	color:#555;
}
.breadcrumbsArea p a:hover{
	color:#555;
	text-decoration:none;
}

.range_left{
	float:left;
	margin:3px;
	width:225px;
	background-color:#fff;
	border: 1px solid #999;
}

.range_left p a, .range_left p a:hover{
	color:#333;
	text-decoration:none;
}

.buynow_button, .addbasket_button, .sendenquiry_button{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
}


.buynow_button{
	font-weight:bold;
	font-size:13px;
	line-height:23px;
	margin:10px;
	float:right;
	clear:both;
}
.buynow_button a{
	padding:0 5px 0 5px;
	margin:0 0 0 5px;
	color:#FFF;
	display:block;
	text-decoration:none;
	height:23px;
	background:#666;
	float:right;
}
.buynow_button a:hover{
	text-decoration:underline;
	background:#333;
}

.addbasket_button{
	font-size:12px;
	line-height:22px;
}
.addbasket_button a{
	padding:0 5px 0 5px;
	color:#FFF;
	display:block;
	text-decoration:none;
	height:22px;
	background:#666;
	float:right;
}
.addbasket_button a:hover{
	text-decoration:underline;
	background:#333;
}

.sendenquiry_button{
	font-size:12px;
	line-height:22px;
}
.sendenquiry_button a{
	padding:0 5px 0 5px;
	color:#FFF;
	display:block;
	text-decoration:none;
	height:22px;
	background:#666;
	float:left;
}
.sendenquiry_button a:hover{
	text-decoration:underline;
	background:#333;
}

.productDetails_left{
	float:left;
	width:355px;
	padding:0;
	margin:0;
}

.details_bigImage{
	border:solid 1px #848484;
	width:345px;
	padding:0;
	margin:0;
	text-align:center;
}

.details_bigImage p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding:5px;
	margin:0;
	text-align:left;
}

.details_smallImages{
	border:solid 1px #848484;
	width:343px;
	padding:1px;
	margin:10px 0 10px 0;
}

.details_smallImages img{
	border:none;
	margin:1px;
}


.productDetails_right{	
	float:left;
	width:345px;
	padding:0;
	margin:0;
}

.productDetails_right p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	line-height:16px;
}

.productDetails_right h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px; 
	color:#9F6C3F;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	line-height:16px;
	text-align:right;
}

.detailsTable_left{
	float:left;
	width:345px;
	padding:0;
	margin:0 10px 0 0;
}

.detailsTable_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0 0 0 5px;
	margin:0;
	line-height:20px;
}

.detailsTable_left table{
	border-collapse:collapse;
}

.detailsTable_left table td{
	border:solid 1px #848484;
}

.detailsTable_right{
	float:left;
	width:345px;
	padding:0;
	margin:0;
}

.detailsTable_right p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0 0 0 5px;
	margin:0;
	line-height:20px;
}

.detailsTable_right table{
	border-collapse:collapse;
}

.detailsTable_right table td{
	border:solid 1px #848484;
}




/*Footer*/
.footerLeft{
	float:left;
	margin:5px 0 0 22px;
	width:580px;
	height:40px;
}

.footerRight{
	float:left;
	margin:5px 0 0 0;
	width:335px;
	height:40px;
}

.footerRight a:link{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
	padding-left:5px;
	text-decoration:none;
}

.footerRight a:visited{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
	padding-left:5px;
	text-decoration:none;
}

.footerRight a:hover{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	padding-left:5px;
	text-decoration:none;
}
