@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 h1{

}
#header h1 span a{
text-indent:-3000px;
background:url(/image/html/bg_h1.png) no-repeat;
width: 565px;
height: 71px;
text-indent: -3000px;
float:left;
display:block;
margin: 0 0 0 10px;
}
#header h1 span{
text-indent:-3000px;
}
#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: 30px;
}
#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;
height: 91px;
}
#darkCorner{
background: url(/image/html/bg_darkCorner.gif) no-repeat;
width: 10px;
height: 12px;
margin: -12px 0 0 0; 
clear: both;
}
#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: 40px 0 20px 0;
}
#shCol3{
border-right: none;
}
#shCol1 h3, #shCol2 h3, #shCol3 h3{
margin: 0 0 0 0;
padding: 10px 0 0 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;
}

#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: 918px;
height: 318px;
}
ul#showroomList li{
display:inline;
float:left;
height: 318px;
}
ul#showroomList li a{
display:block;
height: 318px;
width: 114px;
text-indent: -3000px;
background-image:url(/image/html/bg_showroomSpread_2010.jpg);
}
ul#showroomList li.chairs:hover a{
background-position: 0 -318px;
}
ul#showroomList li.desks a{
background-position: -114px 0;
width: 115px;
}
ul#showroomList li.desks a:hover{
background-position: -114px -318px;
}
ul#showroomList li.storage a{
background-position: -229px 0;
width: 115px;
}
ul#showroomList li.storage a:hover{
background-position: -229px -318px;
}
ul#showroomList li.breakout a{
background-position: -344px 0;
width: 115px;
}
ul#showroomList li.breakout a:hover{
background-position: -344px -318px;
}
ul#showroomList li.boardroom a{
background-position: -458px 0;
}
ul#showroomList li.boardroom a:hover{
background-position: -458px -318px;
}
ul#showroomList li.reception a{
background-position: -573px 0;
width: 115px;
}
ul#showroomList li.reception a:hover{
background-position: -573px -318px;
}
ul#showroomList li.accessories a{
background-position: -688px 0;
width: 115px;
}
ul#showroomList li.accessories a:hover{
background-position: -688px -318px;
}
ul#showroomList li.bespoke a{
background-position: -803px 0;
}
ul#showroomList li.bespoke a:hover{
background-position: -803px -318px;
}