@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------  Reset  ---------------------------------------- */


body { margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#f0f5fa; font-size:12px; text-align:center; color:#333;}

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

a {color:#5593c9; text-decoration:none;}


/* ----------------------------------------  CONTAINER  ---------------------------------------- */

#topline {width:100%; height:5px; background-color:#5593c9; padding:0px; margin:0px;}

#container { width:980px; margin:0px auto 0px auto; text-align:left; padding:0px 0px 0px 0px;}

#header {margin:0px 15px 0px 15px; clear:both; padding:50px 0px 0px 0px;}

#header-error {margin:0px 0px 0px 0px; clear:both; padding:50px 0px 0px 0px;}

#logo { float:left; width:500px;}

#header-contact { float:right; text-align:right;}

	#header-contact a { color:#5593c9;}
	
	#header-contact h1 { font-size:32px; color:#4b575f;}
	
	#header-contact h2 { font-size:20px; color:#5593c9;}
	
#newcust{ float:left;margin:0px 0px 0px 13px;width:100px; height:19px; padding:5px 0px 0px 0px; background-image:url(../images/newcustomer.png); background-repeat:no-repeat; text-align:center;
}

	#newcust a {color:#FFFFFF; font-size:10px; font-weight:bold; cursor:pointer; display:block; }

#header-contact h2 a:hover{color:#000000;}


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

h5 {
Color:#000000;
font-weight:bold;
font-size:11px;
display:block;
width:148px;
padding:5px 0px 4px 3px;
border-bottom:1px dotted #000000;

}

#navigation { position:relative; clear:both; padding:25px 0px 0px 0px; z-index:9000;}

#nav-left { width:15px; height:223px; background-image:url(../images/nav-left.jpg); float:left; }

#nav-right { width:15px; height:223px; background-image:url(../images/nav-right.jpg); float:right; }


#nav-main {background-color:#5593c9; height:41px; border-bottom:3px solid #000; width:950px; float:left; margin:0px 0px 12px 0px; display:inline;}

#menu{padding:10px 0px 0px 0px; float:left; width:950px;}

.sign-bullet {
float:left; width:33%;
padding-right:;
font-size: 12px;
padding-top: 13px;
padding-bottom: 8px;
color: #5593c9;
font-weight: normal;
}

	.sign-bullet ul {
	list-style-type:disc;
	list-style-position:inside;
	
	}
	
		.sign-bullet ul li {
		padding-bottom:4px; 
		
		}

	
	#menu li {
	float:left;
	display: inline;
	margin: 0.1em 1em;
	position: relative;
	font-size: 18px;
	font-weight: normal;
	display: inline;
	}
									
	

		#menu li a {
		display:inline;
		color: #fff;
		text-decoration: none;
		padding: 0 0.4em;
		}
	
	
		
		#menu li a:hover {
		text-decoration: none;
		color:#000;
		}
		
			#menu  #currentpage  {
			color:#000000;
			}
			
			#menu  #currentpage1  {
			color:#000000;
			}

	#menu li.mega a {
	background: transparent url(../images/nav-arrow.jpg) center right no-repeat;
	padding: 0 12px;
	}
	
	#menu li.mega a:hover {
	color:#000;
	}

#menu div {
display: none;
z-index:999;
}

	#menu div ul {
	display:block;
	float:left;

	}
	
		#menu div ul li{
		margin:0px 0px 4px 0px;
		font-size:11px;
		float:left;
		clear:left;
		}

#menu li.mega div {

border-bottom: 3px solid #000;
position: absolute;
top: 20px;
left: 0px;
padding:10px 10px 10px 10px;
background: #5593c9;
color: #fff;
white-space:nowrap;
}


	#menu li.mega div ul {
	width:140px;
	 padding:10px 10px 10px 0px;
	float:left;
	clear:left;
	border-bottom:#f0f5fa solid 1px;
	}

	ul#menu li.hovering div {
	display: block;
	}

#menu li.mega div a {
display:block;
color: #fff;
padding:0px 20px 0px 10px;
background-image: none;
text-decoration: none;
}

/* ----------------------------------------  content  ---------------------------------------- */

#content { width:924px; background-color:#fff; margin:13px auto 0px auto; padding:13px 13px 30px 13px;}

	#right-content {
	float:right;
	clear:none;
	width:250px;
	}
	
	#left-content {
	float:left;  width:664px;
	}


/* ----------------------------------------  page advert areas  ---------------------------------------- */

#default-ad { float:left;  width:656px; height:330px; margin:0px 0px 13px 0px; padding:0px; }

	.default-ad-text {width:645px; height:67px; background-color:#5593c9; color:#FFFFFF; font-size:25px; display:block;padding:6px 0px 0px 10px; margin:0px;float:left; clear:left;}

.special-offer-ad-text {
width:645px; height:67px; background-color:#fff; color:#333; font-size:17px; display:block;padding:6px 0px 0px 10px; margin:0px;float:left; clear:left;
}
#home-ad { float:left;  width:656px; height:252px; margin:0px 0px 0px 0px;z-index:1; }

		.home-ad-text {width:646px; height:43px; background-color:#5593c9; color:#FFFFFF; font-size:25px; display:block;padding:8px 0px 0px 10px; margin:0px 0px 13px 0px; float:left; clear:both;z-index:100;}
		
			.home-ad-text h1 { display:inline; font-weight:bold; }
		
	

#furniture-ad { float:left;  width:656px; height:273px; margin:0px 0px 13px 0px; z-index:0; }



/* ----------------------------------------  corporate links  ---------------------------------------- */


#corporate-links { float:right; clear:none; width:250px; background-image:url(../images/link-bkg-top.jpg); background-repeat:no-repeat; padding:1px 0px 0px 0px; font-size:11px;}

	#corporate-links img { float:left; margin:6px 10px 10px 0px;}
	
	#corporate-links a { width:250px; height:58px; display:block; background-image:url(../images/link-bkg.jpg); color:#333; padding:10px 0px 0px 0px;}
	
		#corporate-links a:hover { width:250px; height:58px; display:block; background-image:url(../images/link-bkg2.jpg); color:#333;}
		
		
		
			#corporate-links ul li a#thispage { width:250px; height:58px; display:block; background-image:url(../images/link-bkg2.jpg); color:#333;}
		
		


/* ----------------------------------------  home  ---------------------------------------- */

.link-title {font-size:15px; color:#5593c9;}

#home-modules {text-align:left; float:left; clear:both; font-size:11px; margin:0px 0px 10px 0px; width:664px;}

	#home-modules ul {float:left; padding:0px; margin:0px; }
	
		#home-modules li { width:158px; display:block; float:left; margin:0px 8px 10px 0px; background-image:url(../images/module-bkg.jpg); background-position:bottom; height:230px;  }
	
	#home-modules h1 {font-size:13px; padding:0px 0px 7px 0px; color:#5593c9;}
	
	#home-modules a {
	display:block;
	}	
	
	#home-modules img { border-bottom:3px solid #5593c9; margin:0px 0px 5px 0px;}


/*-----------------------------------*/	


#environmental-modules {text-align:left; float:left; clear:both; font-size:11px; margin:0px 0px 10px 0px; width:664px;
}

	#environmental-modules img { border-bottom:0px solid #5593c9; margin:0px 0px 5px 0px;}
	
	#environmental-modules li { width:158px; display:block; float:left; margin:0px 8px 10px 0px; background-image:url(../images/module-bkg.jpg); background-position:bottom; background-repeat:no-repeat; height:375px;  }
	
#environmental-modules h1 {font-size:13px; padding:0px 0px 7px 0px; color:#5593c9;}


/*-----------------------------------*/	

#side-modules { width:250px; float:right; clear:right;}

#side-modules li {  background-repeat:no-repeat; background-position:bottom; padding:10px 0px 0px 0px; font-size:11px;}

	/* OLD Version of catalogue
	
	#side-modules li.mod1 { height:110px; padding:10px 0px 0px 20px; background-image:url(../images/side-module1.jpg);} */
	
	#side-modules li.mod1 { height:110px; padding:10px 0px 0px 20px; background-image:url(../images/side-module1-2010.jpg);}

	
	#side-modules li.mod12 { 
	height:110px; 
	padding:20px 0px 0px 20px; 
	background-image:url(../images/furniture/bg.jpg);
	background-position:right;
	}
	
		#side-modules li.mod12 a:hover {
		color:#5593c9;
		} 

	
	#side-modules li.erg h2 {
	color:#5593c9;
	font-weight:bold;
	margin:10px 0px 1px 0px;

	}
	
		#side-modules li.erg img {
		float:right;
		
		}
		#side-modules li.mod2 { background-image:url(../images/side-module2.jpg);}
	
	#side-modules li.mod3 { background-image:url(../images/side-module3.jpg);}
	
	#side-modules li.mod4 { background-image:url(../images/side-module4.jpg);}

.module-title { font-size:14px; padding:0px 0px 10px 0px;}

#side-modules a { display:block;}



blockquote {
background-image:url(../images/quote-open.jpg);
	background-repeat:no-repeat;
margin:15px 0px 0px 0px;
display: block;
padding: 20px 0px 0px 35px;
}

	blockquote p{
	background-image:url(../images/quote-close.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding: 0px 30px 0px 0px;
	font-style:italic;
	
	}
	
	



/* ----------------------------------------  modules  ---------------------------------------- */


#span4 {
width:656px; 
float:left;
clear:left;
text-align:left;
font-size:12px; 
margin:0px 0px 20px 0px ; padding:0px 0px 0px 0px;
}

	#span4 h2 {
	font-size:13px;
	margin:0px 0px 9px 0px; padding:0px;
	color:#5593c9; 
	font-weight:normal;
	}

#span4-text {		/*--- spans across 4 modules (slightly less that the full width due to text line widths) --*/
width:600px; 
float:left;
clear:left;
text-align:left;
font-size:14px; 
margin:0px 0px 20px 0px ; padding:0px 0px 4px 0px;
}

	#span4-text h1, #span4 h1 {
	font-size:20px;
	margin:0px 0px 9px 0px; padding:0px;
	color:#5593c9; 
	font-weight:normal;
	}
	
		#span4-text h2 {
		
		font-size:15px;
		padding:13px 0px 8px 0px; 
	color:#5593c9; 
	font-weight:normal;
		}
	
	#span4-text .rule {
	float:left; clear:both; 
	border-bottom:0px solid #fff
	}
	
.column {
float:left;
width:280px;
margin:0px 20px 0px 0px;
}


#case-study-text {
width:656px; 
float:left;
clear:left;
text-align:left;
font-size:14px; 
margin:0px 0px 20px 0px ; padding:0px 0px 4px 0px;
}

	#case-study-text h1{
	font-size:20px;
		margin:0px 0px 9px 0px; padding:0px;
		color:#5593c9; 
		font-weight:normal;
		}
		
	#case-study-text .case-img {
	float:right;
	clear:right;
	margin:0px 0px 8px 8px;
	}
	
	#case-study-text h2 {
			font-size:15px;
		padding:13px 0px 8px 0px; 
	color:#5593c9; 
	font-weight:normal;

	}





	
/*-----------------------------------*/	
	
#span2 {			/*--- spans across 2 modules ---*/
text-align:left; 
float:left; clear:both; 
font-size:11px;
margin:0px 0px 10px 0px; 
width:664px;
}

	#span2 ul {
	float:left; 
	padding:0px; margin:0px; 
	}
	
		#span2 ul li { 
		width:324px; display:block; 
		float:left; margin:0px 8px 10px 0px; 
		background-image:url(../images/module-bkg2.jpg); 
		background-repeat:no-repeat;
		height:245px;  
		}
	
	#span2 img { 
	border-bottom:3px solid #5593c9; 
	margin:0px 0px 5px 0px;
	}

	#span2 h1 {
	font-size:13px; 
	padding:0px 0px 7px 0px
	}
		
	#span2 a {display:block;}
	
	
	
	
#span3 {			/*--- 3 modules across ---*/
text-align:left; 
float:left; clear:both; 
font-size:11px;
margin:0px 0px 10px 0px; 
width:664px;
}

	#span3 ul {
	width:664px;
	display:inline;
	float:left; 
	clear:left;
	padding:0px;
	margin:0px; 
	}
	
		#span3 ul li { 
		width:213px; 
		height:250px;
		display:inline;
		background-image:url(../images/module-bkg3.jpg); 
		background-repeat:no-repeat;
		float:left; 
		margin:0px 8px 10px 0px; 
		padding:0px;
		}
	
	
	#span3 ul li.last {
	float:left; margin:0px 0px 10px 0px;
	}
	
	
	#span3 img { 
	border-bottom:3px solid #5593c9; 
	margin:0px 0px 5px 0px;
	}

		#span3 h1 {
	font-size:20px;
	margin:0px 0px 0px 0px; padding:0px;
	color:#5593c9; 
	font-weight:normal;
	}
	
		#span3 h2 {
		float:left; clear:left;
		font-size:15px;
		padding:13px 0px 8px 0px; 
	color:#5593c9; 
	font-weight:normal;
		}
		
		#span3 ul li h1{ 
		display:block;
		font-size:12px;
		margin:0px 0px 2px 7px;
		 padding:0px;
	color:#5593c9; 
	font-weight:normal;
		}
		
			#span3 ul li h2{ 
			display:block;
		font-size:12px;
		margin:0px 0px 5px 7px;
		 padding:0px;
	color:#333; 
	font-weight:normal;
		}
		
		
		
		.team-text {
		width:100%;
		float:left; clear:left;
		margin:0px 0px 1px 7px;
		display:block;
		}
		
	#span3 a {display:block;}
	

/*-----------------------------------*/	





#call-to-action {
float:left; clear:both;
width:635px; height:102px;
background-image:url(../images/action-bg.jpg);
background-repeat:no-repeat;
color:#FFFFFF; font-size:18px;
line-height:38px;
padding:10px 0px 0px 20px;
margin:10px 0px;
}

	#call-to-action a {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	
	#call-to-action a:hover {
	color:#000000;
	}
	
	
	iframe {
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
	}
	
	
/*--------------sitemap---------------------*/


.lcount {	
background-color:#999; 
	color:#fff;
	padding:2px;
	font:bold 12px arial;
}
.lhead {	
	background-color:#eee; 
	border-top:#aaa 3px solid;
	border-bottom:#aaa 3px solid;
	padding:3px;
	font:bold 14px arial;
}

.lpage {
padding:2px 8px 2px 5px;
}

.lpage a{	
font-size:12px;
}
a:hover{color:#000000;
}
.lpart {	background-color:#f0f0f0; 
	border-left:#ccc 2px solid;
	padding-bottom:25px;
}
#copyright {	font:normal 11px arial;
	color:#000;
	text-align:center;
	padding:0px;
	width:720px;
}




/*-------Furniture page slider---------*/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	
*/

/* Most common stuff you'll need to change */

	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width:590px; height:252px !important; } 
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
		
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; margin:0px; width:590px; height:252px;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 0px; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a {  height:15px; background:#5593c9; color: #fff; display: block; float: left; padding: 3px 6px; text-decoration: none; font-weight:bold; }
	.coda-nav ul li a.current { color:#000000; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { float:left; overflow: auto; padding: 0; float:left; clear:none; width:590px;}
	
	
	
	
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel {  float: left; padding:0px; margin:0px;}
	.coda-slider .panel-container {position: relative  }
	
	
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	/* Non Dynamic navigation */
	#coda-nav-1 { margin: 0px 0px 0px 0px }
	#coda-nav-left-1, #coda-nav-1, #coda-nav-right-1 { float: left }
	#coda-nav-5 ul { margin: 0 !important }
	#coda-nav-left-1 a, #coda-nav-right-1 a { padding: 0px; width:6px; background-color:transparent; }
	#coda-slider-1 { clear: both; }
	#coda-nav-left-1 {margin:0px 0px 0px 60px;}
	
	
	.pics {height:252px; width:590px; padding:0px; margin:0px;}
	.box {padding:0px; margin:0px; display:inline;}
	
	
	
	.coda-nav ul li.tab a { margin: 0px 0px 0px 1px;}
	
	#next {
	
		background-image:url(../images/next.png);
	background-position:center;
	background-repeat:no-repeat;
	
	float:left;cursor:pointer;
	height:252px; 
	width:33px;
	}
	
	#prev {
	background-image:url(../images/prev.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
		height:252px; 
	width:33px;}
	
	
	
#new-furniture {
float:left;
clear:both;
width:664px;
margin:0px 0px 15px 0px;
}

	#new-furniture li {
	float:left;
	margin:0px 20px 8px 0px;
	display:block;
	height:61px; padding: 3px 0px 0px 0px;
	width:309px;
	background-image:url(../images/furniture/new-furniture-bg.jpg);
	}

		#new-furniture li img {
		float:left;
		margin: 0px 12px 0px 0px;
		}
	
	
		#new-furniture li span {
		display:block;
		margin:10px 0px 0px 0px;
		}
	

/*-----------------------contact form-----------------------*/

		fieldset {  
		font-size:12px;
		float: left;    
		clear: left;    
		width: 99%;    
		margin: 0 0 1.5em 0;    
		padding: 0;    
		}  
		
		legend {  
		 
		color: #000000;  
		font-weight: bold; 
		margin: 10px 0px 0px 0px; 
		}  
		
		fieldset ol {  
		padding: 1em 1em 0 1em;  
		list-style: none;  
		} 
		 
		fieldset li {    
		float: left;    
		clear: left;    
		width: 100%;    
		padding-bottom: 1em;  
		}
		
		label {    
		float: left;    
		width: 11em;
		padding:0px 0px;    
		margin: 0px 0px 0px 6px;  
		}
		
		fieldset input {
		padding:3px 3px;
		}
		
		fieldset.submit {    
		float: none;    
		width: auto;    
		border: 0 none #FFF;    
		margin-left: 150px;  
		}
		
label.error {
float:left;
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
	width:150px;
}

input.error {
	border: 2px solid red;
	margin-right: 1em;
	color:#FF0000;
}

textarea.error {
	border: 2px solid red;
	margin-right: 1em;
	color:#FF0000;
}

		
		.required {
		float:left;
		}

.submit input {
background-image:url(../images/submit-btn.jpg);
background-repeat:repeat-x;
color:#000000;
border:#666666 solid 1px;
padding:3px 5px;
cursor:pointer;
}

.ticks ol {
width:170px;
float:left;
display:block;
clear:none;
}

.ticks ol li {
margin:0px 14px 0px 0px;}

.details input {
width:250px;

}

.details textarea {
width:250px;
padding:3px 3px;

}

iframe {
margin:0px 0px 20px 0px;
}

#log-left {
margin:
width:420px;
float:left;
margin:20px 40px 20px 50px;
}


#log-right {
width:420px;
float:left;
margin:20px 0px 0px 0px;
}


.login-btn {
margin:0px 0px 0px 34px;
}

.login-text {
font-size:13px;
font-weight:bold;
margin:0px 0px 0px 34px;
display:block;
}







/* ----------------------------------------  footer  ---------------------------------------- */

#footer-container{
clear:both;
border-top:5px #5593c9 solid; 
width:100%;
height:313px;
background-image:url(../images/footer-bg.png);
background-repeat:repeat-x;
padding:40px 0px 0px 0px;
}

#footer {text-align:left; 
width:950px;
margin:0px auto 0px auto;  
font-size:11px; 
clear:both;

}

#footer a {color:#4b575f;}

#footer a:hover {color:#000;}

#footer-left { float:left;}

#footer-left ul { 
display:block; margin:0px 30px 0px 0px;
float:left; clear:none;
list-style:url(../images/dash.gif);  
padding:0px 0px 0px 35px; 
line-height:18px;

}


#footer-right { float:right; width:265px; padding:0px 13px 0px 0px;}

#footer-right h1 { font-size:28px; margin:15px 0px 0px 0px;}

#footer-right h2 { font-size:18px;}

#legal { font-size:10px; padding:0px 0px 0px 0px; clear:both; line-height:9px;}

#legal a {color:#5593c9;}






#post-it {
display:none;
position:absolute;
top:0;
right:0;
z-index:999;
}


/* -------------- custom classes ------------------*/


.wont-be-beaten {
float:left; clear:left;
margin:0px 0px 20px 0px;
}

.bullets {
margin: 12px 0px 10px 0px;
}

	.bullets li {
	list-style:inside;
	margin: 0px 0px 4px 0px;
	list-style-type:disc;
	}

.font-333 {
color:#333333;
}

.font-5593c9 {
color:#5593c9;
}

.font-5593c9-20px {
display:block;
padding:6px 0px 0px 0px ;
font-size:20px;
color:#5593c9;
font-weight:bold;
}

.twelvepx {
font-size:20px;
}

.rule {
clear:both;
}
.italic {
font-style:italic;}

.clear {clear:both;}

.left {
float:left;
}

.findoutmore {
display:block;
margin:200px 0px 0px 20px;
height:48px; width:138px;
background-image:url(../images/findoutmorebutton.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

.findoutmore:hover {
background-position: 0px -49px;
}

.findoutmore span { display:none;
 }

 
 table.diaries tr th {
 background-color: #5593c9;
 color:#FFFFFF; font-weight:bold;
 border: 1px #CCCCCC solid;
 padding:5px;  font-size:11px;
 }
 
 
 table.diaries tr td {

 border: 1px #CCCCCC solid;
 padding:5px;  font-size:11px;
 }

table.diaries {
float:left;
margin-top:20px;
}

 table.diaries tr.light td{
 background-color:#D4E5EB;
 
 }