


/*
-------------------------------------------------------
GRADIENT THEME
!! FOR QUALITY BROWSERS !!
-------------------------------------------------------
*/


#page table{

}
table.pricetable{
    background:#BFDBE9;
    color:#7E5845;
}
td.pricenotes{
    color:#7E5845;
	background:#FFFFFF;
    padding:2px;
    font-weight:bold;
}
table.pricebody{
	color:#7E5845;
	background:#FFFFFF;
}
html{
	overflow:auto;
	height:100%;
}
body{
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; 
	background-image:url(bg.png); 
	background-repeat:repeat-x;
	color:#7E5845;
}
body, td, p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#enquirybtn{
	float:right;
	width:118px;
	height:28px;
	padding:0;
	margin:0;
}
#page{
	background-color:#FFFFFF; 
	color:#7E5845;
	background-image:url(bg.png); 
	background-repeat:repeat-x;
}
.handy{
	cursor:pointer;
}
div.catbox{
	width:283px;
	height:151px;
	float:left;
	margin:5px;
}

table.catbox{
	cursor:hand;
}

a.catbox{
	padding:12px;
	width:259px;
	height:127px;
	background-image:url(tab.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

a.catbox:hover{
	padding:14px 10px 10px 14px;
	width:259px;
	height:127px;
	background-image:url(tab_.png);
	background-repeat:no-repeat;
	display:block;
}

.title_text{
	font-size:14px;
	color:#7E5845;
}
#topbar{
	height:48px;
	background-color:#FFFFFF; 
	color:#7E5845;
}
.footnote{
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:12px;
	color:#7E5845;
	text-align:left;
}
.footnote_element{
	display:inline;
	padding-right:10px;
}
#logo{
}
#location_bar{
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
}
#location_bar a{
	color:#FFFFFF;
}
#location_bar a:hover{
	color:#BFDBE9;
}
#location_bar div{
	float:left;
}

#searchdiv{
	width:350px;
}
.key_colour{
	color:#BFDBE9;
}
.accordion_toggle, .accordion_toggle_header {
	color:#7E5845;
	border-top:#FFFFFF 1px solid;
}
#container h1 a{
	color:#7E5845;
}
#container h1 a:hover{
	color:#BFDBE9;
}
.accordion_content a{
	color:#7E5845;
}
.accordion_content a:hover{
	background-color:#91593D;
	color:#BFDBE9;
}
.accordion_content a.subcat_active{
	font-weight:bold;
}
.accordion_head3{
	color:#7E5845;
}
.accordion_head3:hover{
	color:#BFDBE9;
}

#searchfor{
	width:163px;
	display:inline;
	margin:0px 2px 0px 10px;
	padding:2px;
}
#search a{
	text-decoration:none;
	font-size:10px;
	padding:0px;
	margin:0px;
}




.productbox{
	height:auto;
	padding:5px;
	margin:0px;
}


.main_title_text{
	text-transform:capitalize;
	font-size:16px;
	color:[CATBOX];
	text-align:left;
	margin:0 0 8px 0;
	font-weight:normal;
}

a.piclink{
	text-decoration:none;
}

.content_area{
	padding:5px;
	background-color:[CONTENTBACK];
}
img{
	margin:0px;
	padding:0px;
	border:0px;
}
.category{	
	font-size:11px;
	text-decoration:none;
}
.white{
	color:#ffffff;
}
a.white{
	text-decoration:none;
}
a.white:hover{
	text-decoration:underline;
}
.black{
	color:#000000;
}

form{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
img{ border: none; }
img.a { text-decoration: none; }
.cat_code{
	font-size:16px;
	font-weight:bold;
}
.cat_footnote{
	font-size:10px;
}

.cat_name{
	font-size:14px;
	font-weight:bold;
}

.cat_colour{
	font-size:10px;
}
.small, .exsmall{
	font-size:10px;
}
.product_top{
	height:18px;
	width:578px;
	background-image:url(product_back_top.png);
	background-repeat:no-repeat;
}
.product_center{
	background-image:url(product_back_center.png);
	width:578px;
	background-repeat:repeat-y;
}
.product_bottom{
	height:18px;
	width:578px;
	background-image:url(product_back_bottom.png);
	background-repeat:no-repeat;
}
#product_area{
	background-color:#FFFFFF;
}
#product_area p.small{
	font-size:10px;
}
#product_area p.exsmall{
	font-size:10px;
}
#product_area p, li{
	font-size:12px;
	padding:0px 20px 0px 0px;
	margin:2px 0px 2px 0px;
}

#product_area li{
	list-style:none;
}

#product_area ul{
	padding:0px;
	margin:0px;
}
.cwy{
	float:left;
	background-color:#FFFFFF;
	margin:0px;
	padding:3px;
	line-height:0px;
	font-size:10px;
}

.cwy:hover{
	background-color:#BFDBE9;
	cursor:pointer;
}
.cwyhover{
	background-color:#BFDBE9;
	cursor:pointer;
	float:left;
	margin:0px;
	padding:3px;
	line-height:0px;
	font-size:10px;
}
.cwy_head{
	float:left;
	width:80px;
	background-color:#FFFFFF;
	margin:5px;
	padding:3px;
	font-size:10px;
}

.cwy_head p{
	font-size:10px;
	padding:0px;
	margin:0px;
	color:#666666;
}

.cwy p{
	font-size:10px;
	padding:0px;
	margin:0px;
}

#menu{
	width:200px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background-color: [SUBMENUBACK];
}
#sizegrid td{
	font-size:10px;
}

#printview h1,#printview h2,#printview h3,#printview p,#printview td,#printview li{
	color:#000000;
}
ul{
	padding:0px;
	margin:0px;
}

li{
	list-style:none;
	padding:0px 20px 0px 0px;
	margin:2px 0px 2px 0px;
}
h1{
	font-size:18px;
}
h2{
	font-size:14px;
}

/*
	Tooltip style
*/
.tooltipTrigger{
	/*display:block;*/
}

.tip-1-left{
	background-image:url(tooltip-left.png);
	background-position:center;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.tip-1-nw{
	background-image:url(tooltip-nw.png);
	background-position:center;
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}
.tip-1-n{
	background-color:#CCCCCC;
	height:7px;
}
.tip-1-ne{
	background-image:url(tooltip-ne.png);
	background-position:center;
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}

.tip-1-w{
	width:7px;
	background-color:#CCCCCC;
}
.tip-1{
	background-color:#FFFFFF;
	padding:2px;
}

.tip-1-e{
	width:7px;
	background-color:#CCCCCC;
}

.tip-1-sw{
	background-image:url(tooltip-sw.png);
	background-position:center;
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}

.tip-1-s{
	height:7px;
	background-color:#CCCCCC;
}

.tip-1-se{
	background-image:url(tooltip-se.png);
	background-position:center;
	background-repeat:no-repeat;
	width:7px;
	height:7px;
}
.tip-2-left{
	background-image:url(tooltip-left.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}
.tip-2{
	background-color:#FFFFFF;
	vertical-align:middle;
	height:13px;
	line-height:13px;
	overflow:none;
	color:#666666;
	border:#CCCCCC 1px solid;
	border-left:none;
	margin:0px;
	padding-right:3px;
}



.productnote{
	padding:5px 0px 5px 0px;
	color:#990000;
	font-weight:bold;
}
/*
 *	Shopping basket
 */
#basket_outer{
	padding:8px;
}
.basket_row{
 margin-bottom:5px;
 border:1px dotted #FFFFFF;
 background-color:#FFFFFF;
}
.basket_row_title{
 font-size:13px; 
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
}
.basket_row_notes{
 padding-left:5px; 
 padding-right:5px; 
 padding-bottom:5px;
}
.basket_continue{
}
.basket_add_btn{
	background-image:url(add-to-enquiry.png);
	position:relative;
	display:block;
	text-decoration:none;
}
.basket_button{
	background-color:#FFFFFF; 
	width:118px;
	height:28px;
}
.basket_window_button{
	width:25px;
	height:15px;
	background-color:#FFFFFF;
}
.basket_button_small{
	width:48px;
	height:18px;
	background-color:#FFFFFF;
}
#basket_inline{
	padding:10px;
	margin-top:15px;
}
#basket_expand{
	background:url(basket_expand.png);
}
#basket_colapse{
	background:url(basket_colapse.png);
}
#basket_continue{
	background:url(basket_continue.png);
}
#basket_back{
	background:url(basket_back.png);
}
#basket_edit{
	background:url(basket_edit.png);
}
#basket_lookup{
	background:url(basket_lookup.png);
}
#basket_remove{
	background:url(basket_remove.png);
}
#basket_send{
	background:url(basket_send.png);
	display:block;
}

/*
 *	Vertical Accordions
 */
 
.accordion_toggle, .accordion_toggle_header {
	display: block;
	width: 184px;
	padding:8px;
	text-align:left;
	font-size:15px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0px;
	background-image:url(accordion_bg.png);
	background-repeat:repeat-x;
}

.accordion_toggle_active {
	
}

.accordion_content {
	overflow: hidden;
	width:200px;
	text-align:left;
	padding-bottom:8px;
}

.accordion_content h2 {
	width:184px;
	padding: 0 8px 0 8px;
	overflow: hidden;
	font-size:12px;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

.accordion_content a {
	font-size:14px;
	display:block;
	width:184px;
	padding:1px 8px 1px 8px;
	text-decoration:none;
}

.accordion_toggle a {
	display:block;
	width:190px;
	text-decoration:none;
}
.accordion_toggle_header a{
	display:block;
	width:190px;
	text-decoration:none;
}

a.subcat_active{
	display:block;
	width:184px;
	margin:0px;
	padding:1px 8px 1px 8px;
}

