@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





body {
background:url(/image/html/bg_body.jpg) repeat-x #deddde;
font-family:Arial, Helvetica, sans-serif;
}
#container{
width: 960px;
margin: 0px auto;
background:#FFFFFF;
}
#header{
background:url(/image/html/bg_header.jpg) repeat-x;
width: 960px;
height: 172px;
}
#headerInner{
background:url(/image/html/bg_headerInner.jpg) no-repeat;
width: 920px;
height: 98px;
padding: 74px 20px 0 20px;
}
#headerInner2{
width: 920px;
height: 98px;
padding: 74px 20px 0 20px;
}
#header #tel{
width: 200px;
float: right;
color: #f5811e;
font-size: 14px;
text-align:right;
margin: 0 10px 0 0;
}
#header #tel strong{
font-weight: bold;
font-size: 25px;
}
#header span a{
text-indent:-3000px;
background:url(/image/html/bg_h1.png) no-repeat;
width: 565px;
height: 71px;
float:left;
display:block;
margin: 0 0 0 10px;
}
#main{
background: #231f20 url(/image/html/bg_main.gif) bottom left no-repeat;
padding: 20px;
height: 290px;
}
#main #leftCol{
width: 190px;
float: left;
}
#main .panel{
background:url(/image/html/bg_homeLeftPanel.jpg) no-repeat;
width: 170px;
height: 77px;
padding: 10px;
}
#main .panel h3, #main .panel h3 a{
color: #f5811e;
font-weight:normal;
margin: 0 0 5px 0;
font-size: 15px;
text-decoration:none;
}
#main .panel h3 a:hover{
	text-decoration:underline;
}
#main .panel p{
color: #ffffff;
font-size: 12px;
line-height: 14px;
}
#main #rightCol{
float: right;
width: 728px;
height:288px;
background:url(../image/html/splash_homepage.jpg) no-repeat;
margin: 3px 0 0 2px;
}
#container a{
	color:#333;
}
#content{
background: #fff url(/image/html/bg_content.gif) bottom left no-repeat;
clear:both;
}
#contentTop{
background:  url(/image/html/bg_contentTop.gif) top right no-repeat;
padding: 20px;
}
#content h2{
background:url(/image/html/bg_welcome.gif) no-repeat bottom;
width: 452px;
height: 103px;
text-indent: -3000px;
float:left;
}
#content h3#newArrivals{
background:url(/image/html/bg_feature_newArrivals.jpg) no-repeat;
width: 194px;
height: 103px;
text-indent: -3000px;
float:right;
margin: 0 0 0 5px;
}
#content h3#showroom{
width: 194px;
height: 103px;
float:right;
margin: 0 0 0 5px;
}
#content h3#showroom a{
background:url(/image/html/Showroom.png) no-repeat;
width: 194px;
height: 103px;
display: block;
}
#content h3#showroom span{
text-indent: -3000px;
}
#content h3#onlineCatalogue{
width: 194px;
height: 103px;
float:right;
margin: 0 0 0 5px;
}
#content h3#onlineCatalogue a{
background:url(/image/html/bg_feature_onlineCatalogue.jpg) no-repeat;
width: 194px;
height: 103px;
display: block;
}
#content h3#onlineCatalogue span{
text-indent: -3000px;
}
#content #col1, #content #col2, #content #col3{
width: 285px;
float:left;
padding: 30px 0 0 30px;
font-size:13px;
line-height: 18px;
color:#666666;
}
#content #col1{
padding: 30px 0 0 0;
}
#content strong{
color:#000000;
}
#content a{
color:#F5811E;
text-decoration:underline;
}
#footer{
padding: 10px 20px 0 20px;
color: #666;
font-size: 11px;
background: #DEDDDE;
height: 100px;
overflow: hidden;
}
#footer img { margin-top:20px }
#footer a{
text-decoration:none;
color: #666;
}
#footer a:hover, #footer a:active{
text-decoration:none;
}
#footer #footerLeft{
width: 400px;
float: left;
}
#footer #footerRight{
width: 400px;
float: right;
text-align:right;
}
hr{
clear:both;
color:#FFFFFF;
background: #ffffff;
border:none;
margin: 0;
padding:0;
}

#showroomHome{
/*background:url(/image/html/bg_pageMenuShadow.jpg) no-repeat #FFFFFF;*/
margin: 0 0 0 0;
padding: 0 0 0 21px;
width: 940px;
background:#918f8f;
}
#pageContent{
/*background:url(/image/html/bg_pageMenuShadow.jpg) no-repeat #FFFFFF;*/
margin: 20px 0 0 0;
padding: 0 0 0 20px;
width: 640px;
height: 300px;
background:#FFF;
}
#pageContentAuto{
/*background:url(/image/html/bg_pageMenuShadow.jpg) no-repeat #FFFFFF;*/
margin: 0;
padding: 0 0 10px 0;
width: 330px;
float:left;
line-height: 1.2em;
font-size:13px;
background:#FFF;
}
#pageContent h2, #pageContentAuto h2{
font-size: 16px;
margin: 0 0 10px 0;
color:#F5811E
}
#pageContent p, #pageContentAuto p{
font-size: 13px;
margin: 0 0 10px 0;
color:#666666;
}
#pageContentAuto p{
	line-height: 1.4em;
}
#mainContent{
/*background:url(/image/html/bg_pageMenuShadow.jpg) no-repeat #FFFFFF;*/
margin: 20px 0 0 0;
padding: 0 0 0 20px;
width: 940px;

}
#mainContent.showroom{
background:url(/image/html/bg_showroomLeftCol.gif) repeat-y #FFFFFF;
}
#mainContent h3.back a{
clear:both;
width: 123px;
height: 33px;
margin: -15px 0 0 183px;
display:block;
background:url(/image/html/butt_backToShowroom.gif);
}
#mainContent span{
text-indent:-3000px;
}
#productDetails{
width: 162px;
float: left;
padding: 0 20px 0 0;
font-size:12px;
}
#caseStudyDetails{
width: 330px;
float: left;
padding: 0 20px 10px 0;
font-size:12px;
background-color:#FFF;
}
#productDetails h2, #caseStudyDetails h2{
font-size: 16px;
margin: 0 0 10px 0;
color:#F5811E
}
#caseStudyDetails h2.logo{
margin: 0 0 20px 0;
}
#caseStudyDetails ul, #pageContent ul, #pageContentAuto ul{
	margin: 0 0 0 10px;
}
#caseStudyDetails ul li, #pageContent ul li, #pageContentAuto ul li{
	list-style:disc;
	margin: 0 0 0 10px;
	color:#666666;
font-size:13px;
line-height: 15px;
padding: 0 0 10px 0;
}
#productDetails h3, #caseStudyDetails h3{
font-size: 14px;
margin:0 0 10px 0;
color:#F5811E;
display:block;
clear:both;
padding: 10px 0 0 0;
}
#productDetails p, #caseStudyDetails p{
line-height: 15px;
line-height: 1.4em;
margin: 0 0 10px 0;
color:#666666;
display:block;
clear:both;
font-size:13px;
}

#productImage{
width: 744px;
float: right;
}
#myContent{
width: 744px;
float: right;
}
#caseStudyImage{
width: 570px;
float: right;
}

#darkPanel{
background: url(/image/html/bg_darkPanel.gif) no-repeat #231F20 bottom left;
}
#darkCorner{
background: url(/image/html/bg_darkCorner.gif) no-repeat;
width: 10px;
height: 12px;
margin: -12px 0 0 0; 
clear: both;
}
#darkPanel .content{
	color: #eee;
	min-height:45px; height:auto!important; height:45px;
}
.content {
	padding:5px 20px 20px 20px;
	color: #666;
}
 .content p, #contentTop p {
	font-size:13px;
	line-height: 1.4em;
	margin-bottom:10px;
}
 #contentTop h1 {
	 color: #333;
	 font-size:16px;
	 margin-bottom:15px;
 }
 .content h1 {
	margin:15px 0;
	color: #333;
}
#darkPanel .content h1{
	color: #f4f4f4;
	line-height:45px;
	margin: 10px 0 5px 0;
}

#showroomCorner{
background: url(/image/html/bg_showroomCorner.gif) no-repeat;
width: 10px;
height: 12px;
margin: -12px 0 0 0; 
}
#shCol1, #shCol2, #shCol3{
width: 279px;
color:#666666;
font-size: 12px;
padding: 0 20px;
border-right: 1px solid #A6A8AB;
float:left;
margin: 0px 0 20px 0;
}
#shCol3{
border-right: none;
}
#shCol1 h3, #shCol2 h3, #shCol3 h3{
margin: 0 0 0 0;
padding: 10px 0 3px 0;
font-weight:normal;
font-size: 14px;
color: #454545;
border-top: 1px solid #A6A8AB;
}
#shCol1 p, #shCol2 p, #shCol3 p{
margin: 0 0 10px 0;
line-height:1.4em;
}

#actionMenu{
float:right;
width: 571px;
height: 45px;
}
#actionMenu li{
float:left;
height:27px;
margin:0;
padding:0;
position:relative;
}
ul#actionMenu li a{
display:block;
width: 190px;
background-image: url(/image/html/bg_actionMenu.gif); 
text-indent: -3000px;
height: 45px;
}
#actionMenu #caseStudy a{
}
#actionMenu #orderCatalogue a{
width: 191px;
background-position: -190px 0;
}
#actionMenu #requestCallback a{
background-position: -381px 0;
}




ul#showroomList{
display:block;
width: 917px;
height: 283px;
}
ul#showroomList li{
display:inline;
float:left;
height: 283px;
}
ul#showroomList li a{
display:block;
height: 283px;
width: 102px;
text-indent: -3000px;
background-image:url(/image/html/bg_showroomSpread_2011.jpg);
}
ul#showroomList li.chairs:hover a{
background-position: 0 -283px;
}
ul#showroomList li.desks a{
background-position: -102px 0;
}
ul#showroomList li.desks a:hover{
background-position: -102px -283px;
}
ul#showroomList li.education a{
background-position: -204px 0;
width:101px;
}
ul#showroomList li.education a:hover{
background-position: -204px -283px;
}
ul#showroomList li.storage a{
background-position: -305px 0;
}
ul#showroomList li.storage a:hover{
background-position: -305px -283px;
}
ul#showroomList li.breakout a{
background-position: -408px 0;
}
ul#showroomList li.breakout a:hover{
background-position: -408px -283px;
}
ul#showroomList li.boardroom a{
background-position: -509px 0;
}
ul#showroomList li.boardroom a:hover{
background-position: -509px -283px;
}
ul#showroomList li.reception a{
background-position: -611px 0;
}
ul#showroomList li.reception a:hover{
background-position: -611px -283px;
}
ul#showroomList li.accessories a{
background-position: -713px 0;
}
ul#showroomList li.accessories a:hover{
background-position: -713px -283px;
}
ul#showroomList li.bespoke a{
background-position: -815px 0;
}
ul#showroomList li.bespoke a:hover{
background-position: -815px -283px;
}
/* Fake title style */
#pageContent p.title-styled, #pageContentAuto p.title-styled {
	font-size: 16px;
	margin: 0 0 10px 0;
	color: #F5811E;
	font-weight: bold;
}

/* Sitemap Styling */
#pageContentAuto ul.sitemap {
	padding-left:25px;
}
#pageContentAuto .sitemap li {
	font-size:14px;
}
#pageContentAuto .sitemap ul li {
	font-size:12px;
}

/* Contact form styling */


form strong{
color:#F5811E;
}
#contact_form{
	float: left;
	width: 400px;
}
#callback_form{
	width: 400px;
}

form{
margin: 15px 0 0 0;
font-size:13px;
}
form p{
margin: 0 0 15px 0;
}
form p label {
clear:both;
float:left;
width:120px;
text-align:right;
padding: 0 10px 0 0;
}
form #submit {
margin-left:130px;
}
form select {
font-size:13px;
}
form .textfield {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font-size:12px;
padding:3px;
width:200px;
}
form .textfield.error {
border: 1px solid #ff0000;
}
form fieldset {
border:1px solid #9C997C;
padding:15px;
}
form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
padding:3px;
width:200px;
}







form p label.error{
background:url(/image/html/error.png) no-repeat;
background-position: 0 3px;
width: 0;
clear:none;
padding: 0 0 0 25px;
float: right;
display:block;
height: 30px;
overflow: hidden;
margin: 0 30px 0 0;
}
form p label.valid{
background:url(/image/html/accept.png) no-repeat;
background-position: 0 3px;
width: 0;
clear:none;
padding: 0 0 0 25px;
color:#FF0000;
float: right;
display:block;
height: 30px;
overflow: hidden;
}

h2.callback{
background:url(/image/html/bg_titleCallback.gif) no-repeat 0 50%;
padding: 0 0 0 30px;
height: 26px;

} 
#address{
	width: 230px;
	float: left;
	font-size: 13px; color: #666;
	line-height: 1.4em;	
	margin-top:10px;
}

h2.thankyou_title {

	background:url(/image/jpg/thankyou_text.jpg) no-repeat;
	width: 155px;
	height: 35px;
	text-indent: -3000px;
}

#er_address {
	clear: both;
	font-size: 11px; 
	color: #666;
	margin: 0 10px 0;
	padding: 10px 0 0;
}