/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	background:#ebebed url(../images/art/bg.jpg) 0 0 repeat-x;
	text-align:center;
	}
#wrap
	{
	width:846px;
	background:#fff;
	margin:0 auto;
	text-align:left;
	}
#headers
	{
	width:846px;
	height:108px;
	background:url(../images/art/header-bg.jpg) 0 0 no-repeat;
	}
#headers h1
	{
	width:97px;
	height:54px;
	background:url(../images/art/logo.jpg) 0 0 no-repeat;
	float:left;
	margin:54px 0 0 58px;
	display:inline;
	}
#headers h1 span{display:none;}
#headers h1 a
	{
	width:97px;
	height:54px;
	display:block;
	}
#search
	{
	width:813px;
	clear:both;
	padding:23px 13px 0 20px;
	}
#search p
	{
/* Code Added */
    margin:0px 0px 0px 5px;    
    text-align:center;
	font:16px Arial, Helvetica, sans-serif;
/* End 

   Old Code

    font:12px Arial, Helvetica, sans-serif;
*/
	color:#606060;
    float:left;
	}
#search ul
	{
	list-style:none;
	float:right;
	margin:3px 10px 0 0;
	display:inline;
	}
#search ul li
	{
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#606060;
	}
#search ul li.middle
	{
	border-left:1px solid #606060;
	border-right:1px solid #606060;
	}
#search ul li.middleleft
	{
	border-left:1px solid #606060;
	}
#search ul li a
	{
	color:#606060;
	text-decoration:none;
	margin:0 5px;
	}
#search ul li a:hover{text-decoration:underline;}
#search form
	{
	width:130px;
	float:right;
	display:inline;
	}
#search form fieldset input
	{
	width:106px;
	height:15px;
	border:1px solid #a4aab2;
	padding:0 0 0 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#606060;
	}
#search form fieldset input.submit
	{
	width:auto;
	height:auto;
	background:none;
	border:none;
	cursor:pointer;
	padding:0;
	}
#content
	{
	width:813px;
	clear:both;
	padding:0 13px 37px 20px;
	border-top:23px solid #fff;
	}
#content.main{background:url(../images/art/right-bg.jpg) right top repeat-y;}
#left
	{
	width:203px;
	float:left;
	display:inline;
	}
#left h1
	{
	font:18px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 10px 0;
	}
/* Code Added */
#left h1.category, #left h1.category a
	{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 10px 0;
	}
/* End */
#left ul
	{
	list-style:none;
	margin:0 0 0 20px;
	}
#left ul li
	{
	height:45px;
	font:12px Arial, Helvetica, sans-serif;
	color:#63472f;
	padding:10px 0 0 60px;
	margin:0 0 5px 0;
	}
#left ul li.contact{background:url(../images/img-phone.jpg) 0 0 no-repeat;}
#left ul li.catalogue{background:url(../images/img-catalogue.jpg) 0 0 no-repeat;}
#left ul li.quote{background:url(../images/img-calculator.jpg) 0 0 no-repeat;}
#left ul li.purchase{background:url(../images/img-house.jpg) 0 0 no-repeat;}
#left ul li a
	{
	color:#63472f;
	text-decoration:none;	
	}
#left ul li a:hover{text-decoration:underline;}
#left ol
 {
  list-style:none; 
  /* Code Added */
	padding:0 0 5px 0px;
  /* End */

  }
#left ol li
	{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#606060;
	height:auto;
    /* Code Added */
    line-height:17px;
    /* End
    Old Code
	line-height:13px;
    */
	}
#left ol li a
	{
	color:#606060;
	text-decoration:none;
	}
#left ol li a:hover{text-decoration:underline;}
#left ol ol{margin:5px 0 0 5px;}
#left ol li li
	{
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/bullet.jpg) 0 7px no-repeat;
	padding:0 0 0 5px;
	line-height:17px;
	}

/* Code Added */	
#left ol li.articles
	{
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/bullet.jpg) 0 7px no-repeat;
	margin:5px 0 0 5px;
	padding:0 0 0 5px;
	line-height:12px;
	}
/* End */


#left div.blue
	{
	width:183px;
	/*
    Code Commented
    height:205px;*/
	background:#91c3ce;
	padding:18px 0 0 10px;
	margin:0 0 35px 0;
	}
#left div.bluehome
	{
	width:183px;
	/*
    Code Commented*/
    height:207px;
	background:#91c3ce;
	padding:20px 0 0 20px;
	margin:-1px 0 35px 0;
	}
#right
	{
	width:594px;
	float:right;
	margin:-1px 0 0 -4px;/* margin:-1px 0 0 0px; */
	padding:0px 0 0 15px;
	}
#right.main
	{
	width:609px;
	padding:0;	
	}
#right h1
	{
	font:20px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:24px;
	margin:0 0 15px 0;
	}
#right h2
	{
	font:18px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:22px;
	margin:0 0 15px 0;
	}
#right h3
	{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:20px;
	margin:0 0 15px 0;
	}
#right h4
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:18px;
	margin:0 0 15px 0;
	}
#right h5
	{
	font:13px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:16px;
	margin:0 0 15px 0;
	}
#right p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;	
	margin:0 0 15px 0;
	line-height:18px;
	}
#right p a
	{
   	color:#599FAB; /* Changed From color:#8ac703; */
	text-decoration:underline; /* text-decoration:none; */
	}
#right p a:hover{text-decoration:underline;}
#right img.main{border-bottom:22px solid #fff;}
#right ul
	{
	list-style:none;
	margin:0 0 30px 30px;
	}
#right ul li
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;
	margin:0 0 5px 0;	
	background:url(../images/bullet2.jpg) 0 4px no-repeat;
	padding:0 0 0 10px;
	}
#right ul li a
	{
   	color:#599FAB; /* Changed From color:#8ac703; */
	text-decoration:underline; /* text-decoration:none; */

	}
#right ul li a:hover{text-decoration:underline;}
#right ol{margin:0 0 30px 40px;}
#right ol li
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;
	margin:0 0 5px 0;	
	}
#right ol li a
	{
   	color:#599FAB; /* Changed From color:#8ac703; */
	text-decoration:underline; /* text-decoration:none; */
	}
#right ol li a:hover{text-decoration:underline;}
/*table codes*/
#right table
	{
/* Code Commented 	
    width:100%;
*/
	border:0;
	margin:20px 0 30px 0;
	}
#right table th
	{
	text-align:center;
	font:18px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:18px;
	}
#right table th.tblcol
	{
	background:#eeefe9;
	font:14px Arial, Helvetica, sans-serif;
	color:#606060;
	text-align:center;
	}
#right table tr td
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;
	line-height:18px;
	border-bottom:1px solid #dcdbd9;
	}
#right table td.ctr{text-align:center;}
#right table td.lft{text-align:left;}
#right table td.rgt{text-align:right;}
#right table td a{color:#8ac703;}
#right form
	{
	width:100%;
	background:url(../images/art/form-bg.jpg) right 0 repeat-y
	}
#right form fieldset dl
	{
	position:relative;
	width:100%; 
	margin:0;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;	
	padding:10px 0;
	}
#right form fieldset legend
	{
	font:18px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:18px;
	margin:0 0 5px 0;
	}
#right form fieldset dt
	{
	float:left;
	width:120px;
	text-align:right;
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;
	line-height:18px;
	}
#right form fieldset dd
	{
	padding:0 0 4px 0;
	margin-left:130px;
	margin-bottom:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;
	}
#right form dd.button
	{
	float:right; 
	margin:20px 25px 0 0;
	display:inline;
	}
#right form fieldset dd .control, #right form fieldset dd .control_short, #right form fieldset dd .control_medium, #right form fieldset dd .control_large, #right form fieldset dd .control_long
	{
	width:auto;
	height:18px;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	padding:3px 0 0 5px;
	border:1px solid #dcdbd9;	
	}
#right form fieldset dd select
	{
	width:180px;
	height:19px;
	padding:2px 0 0 0;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	border:1px solid #dcdbd9;		
	}
#right form fieldset dd input
	{
	width:144px;
	height:21px;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	}
#right form fieldset dd .control
	{
	width:auto;
	height:auto;
	background:none;
	border:none;
	}
#right form fieldset dd .lft
	{
	float:left;
	margin:0 0 3px 0;
	}
#right form fieldset dd .control_short{width:70px;}
#right form fieldset dd .control_large{width:313px; height:100px;}
#right form fieldset dd .control_long{width:313px;}
#right form fieldset dd .submit, #right form fieldset dd .reset{width:auto;}
#right form fieldset dd .button_go
	{
	width:auto;
	float:left;
	margin:0 0 0 10px;
	}
#col-1
	{
	width:248px;
	padding:15px 0 0 10px;
	/*padding:0 0 0 10px;*/
	float:left;
	display:inline;	
	}
#col-1 h1.hardwood-flooring
	{
	width:200px;
	height:22px;
	background:url(../images/headers/h1-hardwood-flooring.jpg) no-repeat;
	display:block;
	margin:18px 0 10px 0;
	}
#col-1 h1.bespoke-projects
	{
	width:184px;
	height:22px;
	background:url(../images/headers/h1-bespoke.jpg) no-repeat;
	display:block;
	margin:0 0 10px 0;
	clear:both;
	}
#col-1 h1 span{display:none;}
#col-1 h2
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0;
	}
#col-1 p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#808080;
	line-height:14px;
	margin:0 0 10px 0;
	}
#col-1 p.author
	{
	font-weight:bold;
	color:#9dbb54;
	text-align:right;
	}
#col-1 p img
	{
	float:left;
	margin:0 20px 0 0;
	}
#col-1 ul
	{
	width:248px;
	list-style:none;
	float:left;
	padding:0 0 25px 0;
	margin:0;
	}
#col-1 ul li
	{
	width:248px;
	float:left;
	margin:0 0 2px 0;
	background:none;
	padding:0;
	}
#col-1 ul li p{margin:0;}
#col-1 ul li img
	{
	float:left;
	margin:0 10px 0 0;
	}
#col-2
	{
	width:314px;
	float:right;
	display:inline;
    padding:15px 0 0 15px;
	/* padding:0 0 0 20px; */
	}
#col-2 h1.consultancy
	{
	width:134px;
	height:24px;
	background:url(../images/headers/h1-consultancy.jpg) 0 0 no-repeat;
	margin:18px 0 20px 0;
	display:block;
	}
#col-2 h1.purchase
	{
	width:254px;
	height:18px;
	background:url(../images/headers/h1-purchase.jpg) 0 0 no-repeat;
	margin:0 0 20px 0;
	display:block;
	clear:both;
	}
#col-2 h1 span{display:none;}
#col-2 h2
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	margin:0 0 10px 0;
	}
#col-2 p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height:14px;
	margin:0;
	}
#col-2 ul
	{
	width:314px;
	float:left;
	margin:0 0 15px 0;
	list-style:none;
	}
#col-2 ul li
	{
	width:314px;
	float:left;
	display:inline;
	background:none;
	padding:0 0 23px 0;
	}
#col-2 ul li img
	{
	float:left;
	margin:0 20px 0 0;
	}
#col-2 ol
	{
	list-style:none;
	margin:0;
	}
#col-2 ol li
	{
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#606060;
	margin:0 25px 0 0;
	}
#col-2 ol li.side{margin:0;}
#col-2 ol li a
	{
   	color:#599FAB; /* Changed From color:#8ac703; */
	text-decoration:underline; /* text-decoration:none; */
	}
#col-2 ol li a:hover{text-decoration:underline;}
#footers
	{
	width:813px;
	height:100px;
	clear:both;
	padding:25px 0 0 0;
	margin:0 0 0 18px;
	border-top:1px solid #bbbbbb;
	}
#footers h1
	{
	font:20px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	line-height:24px;
	margin:0 0 15px 0;
	float:left;
	}
#footers br{clear:both;}
#footers p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#606060;
	text-align:center;
	clear:both;
	}
#footers p a
	{
	color:#606060;
	text-decoration:none;
	margin:0 5px;
	}
#footers p a:hover{text-decoration:underline;}
#footers ul
	{
	list-style:none;
	float:right;
	margin:0 -10px 0 0;
	padding:0;
	}
#footers ul li
	{
	float:left;
	margin:0 13px;
	}
#footers ul li a.flooring
	{
	width:156px;
	height:32px;
	background:url(../images/supplier-flooring.jpg) no-repeat;
	display:block;
	}
#footers ul li a.solid-wood
	{
	width:109px;
	height:38px;
	background:url(../images/supplier-solidwood.jpg) no-repeat;
	display:block;
	}
#footers ul li a.tubs-tiles
	{
	width:152px;
	height:32px;
	background:url(../images/supplier-tubs.jpg) no-repeat;
	display:block;
	}
#footers ul li a.brooks
	{
	width:115px;
	height:48px;
	background:url(../images/supplier-brooks.jpg) no-repeat;
	display:block;
	}
#footers ul li a span{display:none;}
/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul
{
background-image:url(../art/empty.gif);
/*padding:10px 30px 30px 30px;*/
/*margin:-10px 0 0 -30px;*/
}
#nav ul ul
{
padding:30px 30px 30px 10px;
margin:-30px 0 0 -10px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:624px;/*give width*/
height:56px;/*give height*/
background:url(../images/art/nav.jpg); /*set bg*/
float:right;
display:inline;
margin:52px 2px 0 0;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:56px;/*expand links to fill li's*/
}
#nav #pan1{width:123px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:123px; margin-left:2px;}
#nav #pan3{width:123px; margin-left:2px;}
#nav #pan4{width:123px; margin-left:2px;}
#nav #pan5{width:123px; margin-left:2px;}
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav.jpg) 0 0 no-repeat;}/*set background to hover and selected states*/
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav.jpg) -125px 0 no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav.jpg) -250px 0 no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav.jpg) -375px 0 no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/art/nav.jpg) -500px 0 no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #pan1:hover>a{background:url(../images/art/nav.jpg) 0 0 no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(../images/art/nav.jpg) -125px 0 no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav.jpg) -250px 0 no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav.jpg) -375px 0 no-repeat;}
#nav #pan5:hover>a{background:url(../images/art/nav.jpg) -500px 0 no-repeat;}
#nav #pan1 ul li a,#nav #pan2 ul li a,#nav #pan3 ul li a,#nav #pan4 ul li a,#nav #pan5 ul li a /*overwrite rules above for second level menu*/
{
background:#fff;
width:118px;
height:auto;
padding:5px 0 5px 5px;
font:12px Arial, Helvetica, sans-serif;
color:#8f8f8f;
}
#nav #pan1 ul, #nav #pan1 ul li a{background:#462a02; color:#fff;}
#nav #pan2 ul, #nav #pan2 ul li a{background:#735928; color:#fff;}
#nav #pan3 ul, #nav #pan3 ul li a{background:#99991d; color:#fff;}
#nav #pan4 ul, #nav #pan4 ul li a{background:#c8c717; color:#fff;}
#nav #pan5 ul, #nav #pan5 ul li a{background:#92c4cf; color:#fff;}
#nav #pan5 ul{margin-left:1px;}

 /*overwite rules above for hover states for second level menu*/
#nav #pan1 ul li a:hover,#nav #pan2 ul li a:hover,#nav #pan3 ul li a:hover,#nav #pan4 ul li a:hover,#nav #pan5 ul li a:hover
{
/*background:#fff;*/
background-image:none;
color:#c5c5c5;
}

/* Added */
#articlecontent
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#606060;	
	margin:0 0 15px 0;
	line-height:18px;
    text-align:justify;

	}
#articlecontent a
	{
	color:#599FAB; /* Changed From #8ac703 */
	text-decoration:underline; /* text-decoration:none; */
	}
#articlecontent a:hover{text-decoration:underline;}
/* #articlecontent br{clear:both} */
#articlecontent img
{
border:4px solid #bababa;
margin:0 13px 0px 0;
}
#articlecontent div.left
{
float:left
}
#articlecontent div.right
{
float:right;
margin:0 0 5px 13px;
}
#articlecontent table tr td 
{
	border:none;
}

#left div.subscribe
	{
	font:12px Arial, Helvetica, sans-serif;
    /*background:url(../images/img-calculator.jpg) 0 0 no-repeat;*/
	width:183px;
	color:#63472f;
	/*text-align:justify;*/
	padding:10px 0px 0 20px;
	margin:0 5px 5px 0px;
	}
#left div.subscribe h1
	{
	color:#91c3ce;
	padding:0 0 0 0px;
	}


/* End */

#summary {
padding:15px;
	font:11px Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	line-height:22px;
}

	
#summary h1
	{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#442C00;
	margin:0 0 10px 0;
	}
	
#summary h2
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#696969;
	margin:10px 0px 10px 0px;
	}
	
	#summary h4{
	font:20px Arial, Helvetica, sans-serif;
	color:#92c4cf;
	text-transform:uppercase;
	padding-bottom:15px;
	}
	
	
	#summary a:hover{text-decoration:underline;}

#summary a
	{
   	color:#599FAB; /* Changed From color:#8ac703; */
	text-decoration:underline; /* text-decoration:none; */
	}
#top_text{
position:absolute;
top:0px;
margin-left:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-top:4px;
}
#top_text a{
color:#666666;
text-decoration:none;
}