@charset "utf-8";
*{
	margin:0px;
	padding:0px;
}

p{
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:11pt;
 	margin:0px 10px 10px 0px;
	color:#004834;
        line-height: 145%;
}

a img{
	border:none;
	padding:0px;
}

h1{
	font-size:16pt;
	font-family:Helvetica, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	color:#00533c;
}

h2{
	font-size:13pt;
	font-family:Helvetica, Arial, Sans-Serif;
	margin:0px 0px 10px 0px;
	color:#00533c;
}

h3{
	font-weight:bold;
	font-size:11pt;
	font-family:Helvetica, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	color:#00533c;
}

h4{
	font-weight:bold;
	font-size:9pt;
	font-family:Helvetica, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	color:#00533c;
}

ul{
	margin:0px 10px 20px 0px;
}

li{
	font-family:Helevtica, Arial, Sans-serif;
	font-size:11pt;
	list-style:square;
	list-style-position:inside;
	color:#00533c;

}

.out li{
	list-style-position:outside;
}
#site-map ul{
	padding:0px 0px 0px 30px;
}

table{
	width:100%;
	margin:5px 0px;
}

td{
	font-family:Helevtica, Arial, Sans-Serif;
	font-size:11pt;
	padding:5px;
	margin:2px;
}

.table-head{
	background-color:#004f39;
	color:#fff;
	font-weight:bold
}

td img{
	border:none;
	padding:0px;
}

.table-row{
	background-color:#E8E8E8;
}

img{
	padding:2px;
	border:1px solid #ededed;
}

a{
	color:#8c991e;
	text-decoration:none;
	font-family:Helvetica, Arial, Sans-serif;
}

a:hover{
	text-decoration:underline;
}

.img-no-border{
	border:none;
	padding:0px;
}

.right{
	float:right;
	margin:0px 0px 10px 10px;
	overflow:hidden;
}

.left{
	float:left;
	margin:0px 10px 10px 0px;
	overflow:hidden;
}

.clear{
	clear:both;
}

.centre{
	text-align:center;
}

.bold{
	font-weight:bold;
}

#main-wrap{
	margin:5px auto 0px auto;
	border:1px solid #ededed;
	width:1000px;
	overflow:hidden;
}

#header{
	width:100%;
	background-image:url(../graphics/nav-back2.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:173px;
}
	.main-logo{
		float:left;
		margin:0px 105px 0px 0px;
	}
	
	.contact-info{
		float:left;
		margin:0px 0px 5px 0px;
	}
	
	#top-nav ul{
		float:left;
		margin:5px 0px 15px 0px;
		list-style:none;
	}
	
	#top-nav li{
		display:inline;
		font-size:8pt;
	}
	
	#top-nav li a{
		font-family:Helvetica, Arial, Sans-Serif;
		font-size:8pt;
		text-decoration:none;
		color:#004834;
	}
	
	#top-nav li a:hover{
		text-decoration:underline;
	}
	
	/*MAIN NAV  ////////////////////////////////*/

	#main-nav ul{
		margin: 43px 0px 0px 10px;
		height: 23px;
		list-style: none;
		display: inline;
		overflow: hidden;
		clear:both;
		float:left;
	}
	
	#main-nav li{
		list-style: none;
		display: inline;
	}
	
	#main-nav a{
		float: left;
		padding: 23px 0px 0px 0px;
		margin-right:2px;
		overflow: hidden;
		height: 0px !important; 
		height /**/:20px; /* for IE5/Win only */
	}
		
	#main-nav a:hover{
		background-position: 0 -23px;
	}
	
	#flooring a{
	width: 98px;
	background: url(../graphics/nav-flooring.png) top left no-repeat;
	}
	
	#mouldings a{
	width: 115px;
	background: url(../graphics/nav-mouldings.png) top left no-repeat;
	}
	
	#timber a{
	width: 76px;
	background: url(../graphics/nav-timber.png) top left no-repeat;
	}
	
	#worktops a{
	width: 105px;
	background: url(../graphics/nav-worktops.png) top left no-repeat;
	}
	
	#oak-doors a{
	width: 111px;
	background: url(../graphics/nav-oak-doors.png) top left no-repeat;
	}
	
	#oak-beams a{
	width: 110px;
	background: url(../graphics/nav-oak-beams.png) top left no-repeat;
	}
	#shop a{
	width: 69px;
	background: url(../graphics/nav-shop.png) top left no-repeat;
	}
	
	
	
/* RIGHT COLUMN /////////////////////////////*/
#right-col{
	width:230px;
	padding:10px 25px 0px 0px;
	float:right;
}

	#buy-products-online{
		height:76px;
		width:230px;
		background: url(../graphics/buy-products-online.png) top left no-repeat;
		padding:50px 0px 0px 13px;
		margin-bottom:9px;
	}
	
	#buy-products{
		height:126px;
		width:230px;
		background: url(../graphics/buy-products-back.png) top left no-repeat;
		margin-bottom:10px;
	}
	
	#buy-products-green{
		height:126px;
		width:230px;
		background: url(../graphics/buy-products-back-green.png) top left no-repeat;
		margin-bottom:10px;
	}
	
	#special-offers{
		height:96px;
		width:230px;
		background: url(../graphics/special-offers.png) top left no-repeat;
		padding:30px 0px 0px 13px;
		margin-bottom:9px;
	}
	
	#special-offers2{
		height:126px;
		width:230px;
		background: url(../graphics/special-offers-back.png) top left no-repeat;
		margin-bottom:10px;
	}
	
	#get-a-quote{
		height:103px;
		width:230px;
		background: url(../graphics/get-a-quote.png) top left no-repeat;
		padding:30px 0px 0px 13px;
		margin-bottom:9px;
	}
	
	#get-quote{
		height:133px;
		width:230px;
		background: url(../graphics/get-quote-back.png) top left no-repeat;
	}
	
	
	#right-col a{
		font-size:8pt;
		font-family:Arial, Helevtica, Sans-serif;
	}
	
	.r-col{
		font-size:8pt;
		width:120px;
		padding:0px;
	}
	
	.r-col2{
		margin-left:12px;
		font-size:8pt;
		padding:0px;
	}
	
	.r-col3{
		margin-left:12px;
		font-size:8pt;
		color:#fff;
		padding:0px;
	}


/* MAIN CONTAINER /////////////////////*/

#main-content{
	float:left;
	width:683px;  /*760 - 25-17-25 for padding*/
	padding:10px 17px 15px 25px;
	overflow:hidden;
}

/*FOOTER ///////////////////////*/

#footer{
	clear:both;
	width:1000px;
	margin:0px auto;
	background: url(../graphics/footer-bar.png) top left no-repeat;
	color:#004b37;
	padding-top:10px;
}

	#footer a{
		color:#004b37;
		text-decoration:none;
	}
	
	#footer a:hover{
		text-decoration:underline;
	}
	
	#footer p{
		padding:0px;
	}
	
	
/* HOME PAGE //////////////////////////////*/

.large-intro-text{
	font-size:14pt;
	color:#b4c527;
	padding-top:10px;
}

.brown-text{
	color:#335441;
}

.small-logo{
	margin:25px 0px 0px 0px;
}

.more-pic{
	margin:10px 0px 0px 0px;
}

#bottom-pics{
	width:900px;
	margin:0px 0px 10px 45px;
}

/* FLOORING //////////////////////////////////*/

.highlighted-text{
	width:711px;
	background-color:#b4c527;
	text-align:center;
	margin:5px auto;
	padding:2px;
	clear:both;
}

.highlighted-text a{
	color:#fff;
	text-decoration:none;
	font-size:10pt;
}

.highlighted-text a:hover{
	text-decoration:underline;
}

.image-margin{
	margin:2px 0px 10px 0px;
}

#sec-nav{
	float:left;
	width:100%;
	line-height:normal;
	margin:0px 0px 10px 0px;
	background:url("../graphics/bottom-bar.png") repeat-x bottom left;
}
#sec-nav ul{
	margin:0px auto;
	list-style:none;
}

#sec-nav li{
	display:inline;
}
#sec-nav a{
	float:left;
	background:url("../graphics/sec-tab-left.png") no-repeat left top;
	margin:0px;
	padding-left:4px;
	text-decoration:none;
	font-size:8pt;
}
#sec-nav a span{
	float:left;
	display:block;
	background:url("../graphics/sec-tab-right.png") no-repeat right top;
	padding:4px 4px 4px 0px;
	color:#666;
	margin-right:1px;
}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#sec-nav a span {
		float:none;
	}
	/* End IE5-Mac hack */
	#sec-nav a:hover span {
		color:#000;
	}
#sec-nav a:hover{
	background-position:0% -79px;
}
#sec-nav a:hover span{
	background-position:100% -79px;
}

#current a, #current a:hover{
	color:#000;
	background-position:0% -158px;
}  

#current a span, #current a:hover span{
	color:#000;
	background-position:100% -158px;
}  
 
.rightMargin1{
	margin-right:63px;
}

.call-us{
	font-size:15pt;
	color:#00533c;
}

.request-sample{
	font-size:12pt;
	color:#00533c;
}

/* TIMBER ////////////////////////////////////*/

.style1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11pt;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	border-right:1px solid #000;
}

.info{
	clear:both;
	margin:0px 0px 5px 0px;
	overflow:hidden;
}

.timber-table{
	width:50%;
	float:left;
	margin:2px 0px 10px 0px;
}

.timber-table td{
	padding:3px;
}

.timber-oak-table{
	width:58%;
	float:left;
	margin:2px 0px 10px 0px;
}

.timber-other-table{
	width:61%;
	float:left;
	margin:2px 0px 10px 0px;
}

.timber-wrap{
	margin-bottom:30px;
	clear:both;
	overflow:hidden;
}


/* ABOUT US/////////////////////////*/

.image-caption{
	clear:both;
	font-size:7pt;
}

.about-image-text{
	font-weight:bold;
}

/* CONTACT////////////////////////*/

.contact-centre{
	text-align:center;
	width:600px;
	margin:10px auto;
}

/* ABOUT ///////////////////////////*/

.about-pic{
	width:297px;
	margin:0px 10px 10px 10px;
	text-align:center;
	float:left;
	padding:7px;
}

/* SKIRTING & ARCHITRAVES /////////////*/

.skirt-pic{
	padding:10px 55px;
	float:left;
	text-align:center;
	height:100px;
	margin:0px 0px 10px 0px;
}

.skirt-pic-2{
	padding:10px 55px;
	float:left;
	text-align:center;
	margin:0px 0px 10px 0px;
}

.contact-height{
	line-height:16px;
}


/* WORKTOPS */

.worktop-table{
	width:60%;
	margin:2px 0px 5px 0px;
}

.worktop-table td{
	padding:3px;
}


/* OAK DOORS ///////////////////////*/

.oak-door-3{
	float:left;
	width:167px;
	padding:0px 30px;
	text-align:center;
	height:400px;
}

.hardware-box{
	width:182px;
	text-align:center;
	float:left;
	margin:10px 10px;
	padding:0px 10px
}

/* OAK BEAMS //////////////////////*/

.oak-beams-centre{
	width:620px;
	margin:10px auto;
}

.small-info{
	font-size:7pt;
}

/* CONTACT FORM /////////////////////////////*/

fieldset{  
	float:left;  
	clear:left;  
	width:100%;  
	margin:0 0 10px 0;  
	padding:0;
	border:0 none #FFF;
}

legend{  
	margin-left:1em;  
	color:#000000;  
	font-weight:bold;
	visibility:hidden;
}

fieldset ol{  
	padding:5px 5px 0 5px;
	list-style:none;

}

fieldset li{  
	float:left;  
	clear:left;  
	width:100%;  
	padding-bottom:5px; 
	list-style:none;

}

fieldset.submit{  
	float:none;  
	width:auto;  
	border:0 none #FFF;  
	padding-left:160px; 
}

label {  
	float:left;  
	width:150px;  
	margin-right:5px;
	font-size:11pt;
	font-family:Helvetica, Verdana, Sans-Serif;
}

.opening-hours{
	width:350px;
}

.opening-hours td{
	font-size:11pt;
}