@charset "UTF-8";
/* CSS Browser Reset */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong{
	font-weight:bold;
}
em {
	font-style:italic;
}

h1{
	color:#566C30;
	font-size:22px;
	margin-bottom:10px;
	margin-top: 10px;
}
h2{
	font-size:16px;
	margin-bottom:4px;
}
h3{
	color:#566C30;
	font-size:16px;
	margin-bottom:8px;
}
h4{
	font-size:12px;
}
h5{
	font-size:12px;
	font-weight:bold;
}
h6{
	font-size:10px;
	font-weight:bold;
	color:#566C30;
}
p {
	margin-bottom: 10px;
}
span.contact_title {
	font-size:12px;
	font-weight: bold;
}
span.mainheadings {
	color:#566C30;
	font-size:22px;
	line-height: 200%;
	font-family:Arial, Helvetica, sans-serif;
}
span.subheads {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
span.subhead_green {
	color:#566C30;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
ul{
	margin-left:20px;
}

li{
	margin-bottom:5px;
}
.imgLeft{
	float:left;
	margin-right:10px;
}
.imgRight{
	float:right;
	margin-left:10px;
}
div.cols{
	overflow:hidden;
	width:500px;
	float:left;
}

div.cols.four-wrapper{
	width:600px;
}

img.left{float:left; margin-right:10px;}
img.right{float:right; margin-left:10px;}

/******* LAYOUT ******/
html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;

}

.wrapper{
	overflow:hidden;
}

body{
	padding-bottom:30px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5E564F;
	font-size:12px;
	background-color:#5E564F;
}

div#main_container {
	position: relative;	
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 909px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: left;
	background:url(images/layout/edge_middle.gif) repeat-y;
}

div#complete_wrap {
	width: 860px;
	padding-left:24px;
}

div#header{
	position: relative;	
	width:860px;
	min-height:100px;	
	margin-left: auto;
	margin-right: auto;
}
div#logo{
	position: relative;	
	float:left;
	left: 10px;
}
ul.nav li{float:left}
ul.nav.top{float:right}
ul.nav.top li{padding-left:5px;}

div#top-nav{
	position: relative;	
	top: 70px;
	right: 20px;
	text-align:right;
	color:#BDD52F;
	font-size:14px;
	font-family:Arial Narrow, "Arial Narrow", Arial, Helvetica, sans-serif;
}
div#top-nav a:link, div#top-nav a:visited, div#top-nav a:active{color:#BDD52F; text-decoration:none;}
div#top-nav a:hover{ color:#5E4118; }
div#top-nav li{
	display:inline;
}
div#content-area{
	position: relative;	
	overflow:hidden;
	width:860px;
	margin:0 auto;
}

a:link,a:visited,a:active{color:#566C30; text-decoration:none;}
a:hover{color:#5E4118; text-decoration:none;}

.breadcrumbs{
	font-size:10px;
}

#ml_logo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/**backgrounds**/
div#edgetop {
	position:relative;
	background:url(images/layout/edge_top.gif) no-repeat;
	margin:0 auto;
	width:909px;
	height:33px;
}

div#edgebottom {
	position:relative;
	background:url(images/layout/edge_bottom.gif) no-repeat;
	margin:0 auto;
	width:909px;
	height:33px;
}

/***main nav***/
div#main-nav{
	position: relative;
	padding: 0;
	spacing: 0;
	background-color: #BDD52F;
}

.main_background {
	position: relative;
}

/***main content area***/
div#main-content-bg{
	background:white;
}
div#main-content .wrapper{
	padding-left:28px;
	padding-right:28px;
	padding-top: 25px;
	padding-bottom: 25px;
}
div#main-content-bgl{
	background:0;
}
div#main-content-bgr{
	background:0t;
}
div#main-content-bgb{
	min-height:400px;
	background:0;
}

/** plain column **/
.col{
	overflow:hidden;
}

.col ul{/*fixes lists inside blocks*/
	margin-left:20px;
	margin-top:0;
	margin-bottom:1em;
}

/*** footer ***/
div#footer{
	width:860px;
	margin:0 auto;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:white;
	text-decoration:none;
}
#footer a:hover{
	color:#BDD52F;
	text-decoration:none
}

/****** PAGES *******/
h2.section-pic-header
{
	font-family:Arial Narrow, "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#566C30;
	font-size:14px;
	font-weight: bold;
	border-left:1px solid #BDD52F;
	padding-left:4px;
	margin-bottom:10px;
	text-decoration: none;
}

h2.section-pic-header a:link, a:active, a:visited {
	color:inherit;
	text-decoration: none;
}

h2.section-pic-header a:hover {
	color:#5E4118;
	text-decoration: none;
}

h2.section-pic-header .descrip{
	font-weight:normal;
	color:#333333;
	display:block;
}

div.four-col{
	width:600px;
	overflow:hidden;
}

div.three-col{
	width:525px;
	overflow:hidden;
}

div.four-col div.col{
	width:130px;
	float:left;
	margin:0 20px 20px 0px;
}

div.four-col div.col p{
	font-size:10px;
}

div.three-col div.col{
	width:130px;
	float:left;
	margin:0px 45px 10px 0px;
}
div.two-col {
	margin:0;
	overflow:hidden;
}
div.two-col div.col{
	float:left;
	margin:0 20px 10px 0;
	width:45%;
}
div.two-col div.leftCol{
	float:left;
	margin:0 40px 10px 0;
	width:47%;
	overflow:hidden;
}
div.two-col div.rightCol{
	float:left;
	margin:0 0px 10px 0;
	width:47%;
	overflow:hidden;
}

div.three-col, div.four-col {
	overflow:hidden;
	margin-left:3px;
	float:left;
}
div.three-col ul{
	padding-top:1em;
	padding-left:1em;
}
.section img, .product_option img, .product_image img, img.border{ border:1px solid #ccc;}
img.noborder{border:0px;}

/***** PRODUCTS PAGE *****/
div.product_option{
	float:left;
	padding-right:5px;
	margin-left:8px;
	margin-right:4px;
	border-right:0px solid #ddd;
}

div.product_option p{
	margin:0;
}

div.product_option .h2{
	margin-left:0px;
}


div.product_image{
	float:left;
}

div.product_chair_image{
	float:left;
}

div.product_chair_image img{
	margin-right:10px;
	margin-bottom:10px;
}
div.product_features{
	margin:0;
	display:table;
	padding-left:10px;
}

div.product_features li{
	padding-left:-10px;
}

div.product_info_section{
	overflow:hidden;
}

div.products_extra_info{
	overflow:hidden;
}

table.specs{
width:100%;
}

.specs thead tr.one td{
	font-size:125%;
}
.specs a:link, a:visited, a:active{color:#5B6B41; text-decoration:none;}
.specs a:hover{color:#889862; text-decoration:none;}

thead td{
	font-weight:bold;
}

tr.one td{
	background:#E9F1BD;
	font-size:10px;
	padding:3px 5px 3px 5px;
}
tr.two td{
	background:white;
	font-size:10px;
	padding:3px 5px 3px 5px;
}

tr.grey td{border-bottom:solid 1px #f2f2f2;	padding:3px 5px 3px 5px;
}

td.bgwhite{
	background:white;
}

thead {
	font-weight:bold;
	font-size:10px;
}


#main-content .product_option p.option{
	width:80px;
	margin:3px 0 !important;
}

/**FRONT PAGE**/
div.front-intro-text{
	position:absolute;
	top:15px;
	margin-left:310px;
	width:500px;
	font-size:14px;
	color:#5E564F;
	text-align:center;
}

div.front-page-text{
	margin:20px 0;
	overflow:hidden;
}

#main-content p.list-intro{
	margin-bottom:0em;
	color: #5E4118;
}


/**CLASSIC CHAIR PAGE**/

.prod_classic_steel img, .prod_classic_dura img{
	float:left;
	margin-right:10px;
}

.prod_classic_steel, .prod_classic_dura{
	font-size:9px;
	display:table;
}

.prod_classic_steel{
	margin-top:100px;
}

/**PARTITIONS PAGE**/

div.partitions span.top-image{
	width:48%;
	text-align:center;
	display:inline-block;
}

/**TABLES PAGE**/
div.tables_specialty{
	float:left;
	margin:0 20px 0 50px;

}

table.rolloverTable{
margin-bottom:10px;
}
table.rolloverTable img{
margin:3px;
border:solid 1px #bbb;
}

.tablesintro.three-col{
	width:100%;
}
.tablesintro.three-col div.col{
	width:245px;
	margin-right:15px;
}
.tablesintro.three-col div.col.three{
	width:225px;
}
.tablesintro.three-col div.col.two{
	width:245px;
}
.tablesintro.three-col div.col.one{
	width:285px;
}

/**CHAIRS PAGE**/

.designHost{
	border:1px solid #a5a5a5;
	margin:-20px 0 10px;
	padding:10px;
	text-align:center;
	font-size:16px;
	
}

div.two-col.host div.col.one{
	width:401px;
}

div.stackable{
	float:right;
	width:107px;
	overflow:hidden;
	text-align:center;
}

/**LINKS PAGE**/
table.links td{
	text-align:center;
	padding:20px 0;
}
.galleryFlash{
margin-top:-15px;
margin-bottom:15px;
}


.frontFurniture{
	margin:10px 0 25px;
	position:relative;
	z-index:1;
	width:800px;
}

/**HOME**/
.front-page-text h2{ color:#BDD52F; }
.front-page-text h4{ font-size:1em; font-weight:bold; margin-top:8px; }
.front-page-text .colOne{ width:250px; padding-right:20px; float:left; }

.gone_green { top: -10px; }

/* FLOATER */
#trailimageid {
	position: absolute;
	visibility: hidden;
	padding:10px;
	z-index: 1000;
}

/* FORM */

#form_wrap			{	position: relative;
					border: 0px;
					margin-left: auto;
					margin-right: auto;
					padding: 2px;
					width: 500px;
				}

#forM_text			{	position: relative;	
					border: 0px;
					padding: 5px;
					float: right;
		  		}
				

div.row			{	clear: both;	
				}

div.label		{	float: left;	
					width: 40%;
					text-align: left;
					font-family: Arial, Helvetica, sans-serif;
					color: #BDD52F;
					font-size: 14px;
					vertical-align:middle;
				}

div.field		{	float: right;	
					width: 60%;
					text-align: left;
					font-family: Arial, Helvetica, sans-serif;
					color: #566C30;
					font-size: 10px;	
					vertical-align:middle;
				}
				
/* Added by CrankIT 24/08/2010 */

div.front-intro-text h1{
	font-size:14px;
	color:#5E564F;
	text-align:center;
}
.footer{
	border-bottom:1px dotted #D5DCE1;
	margin:0 auto;
	overflow:hidden;
	padding:0 20px 20px 20px;
	width:820px;
	margin-bottom: 20px;
	
}
.footer .col ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.footer .col{
	color:#8798a5;
	width:185px;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.footer h3{
	margin:0;
	padding:10px 0 4px 0;
	color:#BDD52F;
	font-size:14px;
}
.footer .col ul li{
	padding:0;
	margin:0;
	float:left;
	clear:both;
	line-height:18px;
	list-style:Disc inside none;
	color:Silver;
}

.footer .more{
	width:260px;
	color:White;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.footer .col a{
	color:white;
	text-decoration:none;
}
.footer .col a:hover {
	color:#BDD52F;
}

h2.cranked{
	color:#566C30;
	font-size:22px;
	margin-bottom:10px;
	margin-top:10px;
}