/*** Resets ***/
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;vertical-align: baseline;
}
:focus{outline:0;}
body{line-height:1;color: #000;background:#fff;}
ol,ul{list-style: none;}
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: "" "";}

/** Fonts **/
@font-face {
	font-family: DINWebMedium;
	src: url(fonts/DINWeb-Medium.eot);
}
@font-face {
	font-family: DINWebMedium;
	src: url(fonts/DINWeb-Medium.woff) format('woff');
}
@font-face {
	font-family: DINWebBold;
	src: url(fonts/DINWeb-Bold.eot);
}
@font-face {
	font-family: DINWebBold;
	src: url(fonts/DINWeb-Bold.woff) format('woff');
}

body{
	font: 12px/16px arial, sans-serif;
	color: #3b220d;
	background: #fff;
}
#page{
	width: 980px;
	margin: 0 auto;
	padding: 88px 0 0;
}
#page.hero{
	padding: 0;
}
#content{
	float: right;
	width: 747px;
	margin-top: 113px;
}
.product #content{
	margin-top: 128px;
}
.product.alt #content{
	margin-top: 35px;
}
.products #content{
	margin-top: 33px;
}
.page-parent.products #content{
	margin-top: 32px;
}
#sidebar{
	float: left;
	width: 183px;
	padding: 12px 35px 0 15px;
	margin-top: 32px;
}
.products #sidebar{
	margin-top: 42px;
}
#page.hero #sidebar{
	padding-top: 100px;
}
img.hero{
	height: 287px;
}
#hero img{
	display: block;
}

/** Header **/
#header{
	position: absolute;
	width: 100%;
	background: transparent url(img/header-background3.png);
	z-index: 100;
	height: 113px;
}
#header .bound{
	position: relative;
	width: 930px;
	padding: 21px 50px 23px 30px;
	margin: 0 auto;
}
#header .bound:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#header form{
	margin: 10px 0 0 0;
}
#logo{
	float: left;
	margin: 0 0 0 30px;
}
#logo img{
	display: block;
}
#menu-mega{
	position: absolute;
	right: 14px;
	bottom: -16px;
	font: 12px/18px DINWebMedium, arial, sans-serif;	
	text-transform: uppercase;
	white-space: nowrap;
}
#menu-mega>li{
	float: left;
	position: relative;	
	padding: 0 15px;
	border-right: 1px solid #9A8474;
}
#menu-mega>li:last-child{
	padding-right: 0;
	border-right: 0;
}
#menu-mega>li:last-child a:after{ 
	content: ' >';
}
#menu-mega a{
	color: #9a8474;
	text-decoration: none;
}
#menu-mega .sub-menu a{
	color: #3b220d;
}
body.home #menu-mega>li,
body.home #menu-mega>li>a{
	border-color: #fff;
	color: #fff;
}
#menu-mega a:hover,
.products #menu-item-1537>a,
#menu-mega .current>a,
#menu-mega .ancestor>a{
	color: #fff;
}
#menu-mega ul a:hover,
#menu-mega ul .current>a,
#menu-mega ul .parent>a,
#menu-mega ul .ancestor>a{
	color: #b7b70c;
}
#menu-mega ul{
	display: none;
	position: absolute;
	left: -2px;
	top: 22px;
	padding: 10px 14px 10px;
	background: #fff;
	z-index: 200;
	-moz-box-shadow: 0 2px 5px #444;
	-webkit-box-shadow: 0 2px 5px #444;
}
#menu-mega li:hover ul{
	display: block;
}
#menu-mega ul li{
	padding: 0 15px 0 0;
}
#menu-mega>li>.sub-menu>li>a{
	color: #999900;
	position: relative;
	left: -4px;
}
#menu-mega>li>.sub-menu>li>a:hover{
	color: #b7b70c;
}
#menu-mega ul ul{
	position:static;
	padding: 0;
	text-transform: none;
	font-family: arial;
	font-size: 11px;
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
}
#menu-mega ul ul li{
	background: transparent;
	padding: 0 0 0 6px;
}
#menu-mega #menu-item-1537>ul{
	width: 590px;
}

#menu-mega #menu-item-1537 ul ul{
	font: 11px/18px DINWebMedium, arial, sans-serif;	
	text-transform: uppercase;
}
#menu-mega #menu-item-1537 ul ul li{
	padding: 0;
	margin-left: -4px;
}
#menu-mega #menu-item-1537 ul ul ul{
	font-family: arial;
	text-transform: none;
}
#menu-mega #menu-item-1537 ul ul ul li{
	margin: 0 0 0 10px;
}
#menu-mega #menu-item-1464{
	float: left;
	width: 224px;
	margin: 0 6px 6px 0;
	border-bottom: 1px solid #a3968a;	
	padding-bottom: 5px;
}
#menu-mega #menu-item-1464>ul>li{
	float: left;
	width: 112px;
}
#menu-mega #menu-item-1482{	
	float: right;
	width: 300px;
	border-left: 1px solid #a3968a;
	padding-left: 15px;
	background-position: 8px 5px;
}
#menu-mega #menu-item-1482>ul>li{
	float: left;
	width: 100px;
}

#menu-mega #menu-item-1535{
	float: left;
	clear: left;
	width: 110px;	
	padding: 10px 8px 10px 14px;
	margin: 0 0 0 108px;
	background-position: 8px 15px;
	border-left: 1px solid #a3968a;	
}
#menu-mega #menu-item-1535 ul{
	font-family: arial !important;
	text-transform: none !important;
}
#menu-mega #menu-item-1535 ul li{
	margin: 0 0 0 5px !important;
}
#menu-mega #menu-item-4282{
	float: left;
	width: 95px;
	margin: -30px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #A3968A;
}
#menu-item-1536{
	margin-top: 10px;
}
#menu-item-1536,
#menu-item-2403{
	float: left;
	width: 78px;
	margin-left: -240px;
	white-space: normal !important;
	border-bottom: 1px solid #a3968a;		
	line-height: 1em;
	padding-top: 4px !important;
	padding-bottom: 8px !important;
	 
}
#menu-item-2403{
	margin-top: 50px;
	border-bottom: none;
}

#menu-mega #menu-item-1536,
#menu-mega #menu-item-1538
{
	
	
}

#menu-mega ul.sub-menu .tab{
	position: absolute;
	line-height: 2em;
	left: 0;
	height: 26px;
	top: -26px;
	padding: 0 19px 0px 17px;
	background: #fff;
	color: #3b220d;
	box-shadow: 0 0 6px 2px #444;
}
#menu-mega ul.sub-menu .tab span{
	display: block;
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 110%;
	height: 7px;
	background: #fff;
}
#menu-preview{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.sort-nav{
	border-bottom: 1px solid #d9d9d9;
	font: 14px/2em DINWebMedium, arial, sans-serif;
	text-transform: uppercase;
}
.sort-nav li{
	display: inline;
	padding: 0 25px 0 0;
}
.sort-nav li.selected a{
	font-family: DINWebBold, arial, sans-serif;
	color: #8b8178;
}
.sort-nav a{	
	color: #9f9f9f;
}
.sort-nav a:hover{
	text-decoration: none;
	color: #b7b70c;
}

#header form{
	position: absolute;
	top: 11px; right: 14px;
}
#header label{
	color: #9a8474;
	font: 12px DINWebMedium, arial, sans-serif;
	text-transform: uppercase;
	padding: 0 5px 0 0;
}
#header label.focus{
	color: #3b220d;
}
#header input{
	width: 140px;
	border: 1px solid #a5978a;
	background: transparent;
	font: 10px/10px arial;
	color: #cec7c2;
	text-transform: uppercase;
	padding: 2px 5px;
	margin-top: 30px;
}
#header input.focus{
	background: #fff;
	color: #000;
	border-color: #766a61;
}

.wp-pagenavi{
	padding: 20px 0;
	text-align: right;
}
.wp-pagenavi a{
	padding: 2px;
}
.wp-pagenavi .pages{
	padding-right: 35px;
}

/** Sidebar **/
#sidebar h1,
.product h1,
#sidebar h4 a{
	color: #3b220d;
	text-transform: uppercase;
}
#sidebar .navigation a{
	font-size: 11px;
	color: #3b220d;
	line-height: 18px;
}
#sidebar .navigation a:hover{
	color: #b7b70c;
	text-decoration: none;
}
#sidebar .navigation .current_page_item>a{
	color: #b7b70c;
	font-weight: bold;
}
#sidebar .navigation ul{
	margin-left: 15px;
}
#sidebar h4,
#sidebar h1{
	padding-bottom: 16px;
}
#sidebar p{
	line-height: 21px;
}

/** Footer **/
#footer{
	width: 980px;
	clear: both;
	padding: 10px 0 30px;
	margin: 0 auto;
	font-size: 11px;
	font: 11px/24px arial, sans-serif;
	color: #c1bab3;
	text-transform: uppercase;
}
#footer img{
	vertical-align: middle;
	display: inline;
}
#footer:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#footer .crumbs{
	height: 19px;
	padding-left: 15px;
	border-bottom: 1px solid #c1bab3;
	background: transparent url(img/footer-background.gif) 876px 0 no-repeat;
	font: 8px/19px arial, sans-serif;
	text-transform: uppercase;
}
#footer .crumbs a{
	color: #c1bab3;
	text-decoration: none;
}
#footer .crumbs a:hover{
	color: #9a8474;
	text-decoration: none;
}
#footer .crumbs .current{
	color: #793508;
}
#footer .copyright,
#footer .social{
	float: left;
	width: 300px;
}
#footer .copyright{
	padding-left: 15px;
}
#footer ul.menu{
	float: right;
	padding: 7px 15px 7px 0;
	text-transform: none;
}
#footer .menu li{
	float: left;
	padding: 0 5px;
	line-height: 10px;
	border-right: 1px solid #adadad;
}
#footer .menu li:last-child{
	padding-right: 0;
	border: 0;
}
#footer .menu a{
	color: #c1bab3;
}
#footer .menu a:hover{
	color: #9a8474;
}
#footer .social{
	text-align: center;
	padding: 0 25px 0 60px;
}
#footer .social a.icon{
	margin: 0 0 0 16px;
}




/** Typography **/
h1,
h4{
	font: 18px/38px DINWebMedium, arial, sans-serif;
}
h4{
	text-transform: uppercase;
}
h2,h3{
	font-weight: bold;
}
.single-product h1{
	padding-bottom: 6px;
}
b,strong{font-weight: bold;}
i,em{font-style: oblique;}
a{
	color: #3b220d;
	text-decoration: none;
}
a:hover{
	color: #b7b70c;
	text-decoration: underline;
}

#page p, #content ul
{
	margin-bottom: 16px;
}
#content p{
	color: #3b220d;
	line-height: 21px;
}
form{
	float: left;
	clear: left;
}
form .errors{
	margin-bottom: 1em;
}
.buttons{
	padding: 10px 0 0;
	text-align: right;
}
/** Home **/
.home #content{
	width: 100%;
}

#home-hero{
	position:relative;
	width: 980px;
	height: 551px !important;
	top: 113px;
}
#home-hero img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#home-hero a:first-child img{
	display: block;
}
#menu-home{
	margin-top: 113px;
}
#menu-home img{
	display: block;
}
#menu-home li{
	float: left;
	position: relative;
	width: 323px;
	height: 195px;
	margin: 6px 6px 0 0;
	overflow: hidden;
}
#menu-home li:last-child{
	width: 322px;
	margin-right: 0;
}
#menu-home h2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: transparent url(img/cover-gradient2.png) repeat-y;
}
#menu-home h2 a{
	padding: 0 0 0 17px;
	font: 12px/22px DINWebMedium, arial, sans-serif;	
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}

/** News / Press **/
.release{
	font: 13px/24px DINWebMedium, arial, sans-serif;
	text-transform: uppercase;
}
.single cite{
	display: block;
	margin-bottom: 10px;
}
.navigation .alignleft{
	float: left;
}
.navigation .alignright{
	float: right;
}

/** Forms **/
form ul.errors{
	margin-bottom: 1em;
}
form ul.errors li{
	font-weight: bold;
	line-height: 1.5em;
}
#FORM_CONTACT{
	width: 50%;
}
#FORM_CONTACT ul.fields li{
	padding-bottom: 10px;
}	
#FORM_CONTACT label{
	display: block;
	font-weight: bold;
}
#FORM_CONTACT input.text,
#FORM_CONTACT textarea{
	font: 11px/14px verdana, sans-serif;
	width: 100%;
}
#FORM_CONTACT textarea{
	height: 120px;
}


/** Locate **/
.locate .col{
	float: left;
	width: 249px;
}
.locate #content h2{
	line-height: 1.5em;
}
.locate #content ul{
	margin: 5px 0 0 7px;
}
.locate #content ul li{
	margin: 0 0 10px;
}

/** FAQ **/
.faq #content ul{
	margin-left: 1.25em;
	list-style: circle;
}
.faq #content h3{
	line-height: 1.5em;
}



table.products{
	width: 100%;
}
table.products th,
table.products td{
	border-bottom:1px solid #d9d9d9;
	padding: 10px;
	vertical-align: middle;
	width: 30px;
}
table.products .img{
	width: 85px;
}
table.products .lead{
	text-align: right;
	width: auto;
}

/** Product **/
.product #hero{
	position: relative;
	top: 113px;
}
.category #content{
	padding-top: 22px;
	overflow: hidden;
}
.category img,
.product img{
	display: block;
}
#page.product #content img{
	display: inline !important;
}
.category h2{
	clear: both;
	font: 14px/36px DINWebBold, arial, sans-serif;
	color: #3b220d;
	text-transform: uppercase;
}

.covers{
	width: 752px;
	margin-bottom: 10px;
}
.covers:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.covers li{
	float: left;
	position: relative;
	margin: 0 6px 6px 0;
}
.covers h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: transparent url(img/cover-gradient2.png) repeat-y;
}
.covers h3 a{
	display: block;
	font: 18px/30px DINWebMedium, arial, sans-serif;
	padding: 0 0 0 14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.covers.seating img,
.category.alt .covers img{
	border: 1px solid #8b8179;
}
#page.product.alt{
	padding-top: 88px;
}
.product.alt #hero{
	float: left;
}
.product.alt #content{
	float: right;
	width: 536px;
}

.product #content .alignleft{
	margin: 10px 10px 10px 0;
}

.product #disclaimer{
	clear: both;
	font-size: 11px;
	padding: 20px 0;
}

#page.product{
	padding-top: 0;
}
.product #content{
	float: left;
	width: 315px;
	padding: 8px 0 0 15px;
}
#hero img.fade{
	position: absolute;
	top: 0;
	display: none;
}
.product.alt #assets{
	padding-top: 0;
}
#assets{
	float: right;
	width: 536px;
	padding: 135px 0 0;
}
#assets #thumbnails,
#assets .options{
	float: right;
	clear: both;
	width: 100%;
}
#assets .options{
	padding: 32px 0 0;
}
#assets #thumbnails:after,
#assets .options ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#assets #thumbnails li,
#assets .options li{
	float: left;
	margin: 0 0 2px 2px;
}
#assets .options ul{
	margin-bottom: 15px;
}
#assets #thumbnails a{
	cursor: pointer;
}
#assets .options h2{
	padding: 0 0 0 2px;
	font: 12px/24px DINWebBold, arial, sans-serif;
	color: #8b8178;
	text-transform: uppercase;
}
#assets .options .swatches{
	background: #fff url(img/assets-background.gif);
}


#assets #thumbnails-window{
	float: right;
	position: relative;
	width: 536px;
	overflow: hidden;
}
#assets #thumbnails-window #thumbnails{
	position: absolute;
	left: 0;
}

#assets #thumbnails-control span,
#assets .swatches-control span{
	float: left;
	font-size: 15px;
	line-height: 21px;
	color: #b7b70c;
	cursor: pointer;
}
#assets #thumbnails-control span.r,
#assets .swatches-control span.r{
	float: right;
}
#assets #thumbnails-control a{
	float: right;
	margin: 7px 12px 0 0;
	font-size: 9px;
	color: #3b220d;
	line-height: 9px;
	text-transform: uppercase;
}
#assets #thumbnails-control a:hover{
	color: #b7b70c;
	text-decoration: none;
}

#assets .swatches-holder:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#assets .swatches-holder .preview{
	float: left;
	width: 254px;
	padding-left: 2px;
	color: #362119;
}
#assets .swatches-holder .preview div{
	width: 254px;
	height: 142px;
	overflow: hidden;
}
#assets .swatches-holder .preview img{
	width: 254px;
}
#assets .swatches-window{
	position: relative;
	width: 280px;
	height: 142px;	
	float: right;
	overflow: hidden;
	background: #fff url(img/assets-background.gif);
}
#assets .swatches-window .swatches{
	position: absolute;
	left: 0;
	background: transparent;
}
#assets .swatches-control{
	float: right;
	clear: right;
	position: relative;
	width: 278px;
	color: #8b8178;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
}
#assets .swatches-control .l{
	position: absolute;
	left: 0;
	top: 0;
}
#assets .swatches-control .r{
	position: absolute;
	right: 0;
	top: 0;
}

#assets #resources,
#assets #resources .swatches-window{
	background: #fff;
	position: relative;
}
#assets #resources .swatches-window{
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
	/*border: 1px solid #9f9f9f;*/
	padding: 11px;
	min-height:132px;
	height:auto !important;
	height:132px;
}
#assets #resources .swatches-window ul{
	margin-bottom: 0;
}
#assets #resources li{
	float: none;
}
#assets #resources .preview{
	display: none;
}
#assets #resources a{
	color: #666666;
	text-decoration: none;
}
#assets #resources a:hover{
	color: #e51837;
}
#assets #resources a:before{
	content: '> ';
}

.ui-tabs .ui-tabs-nav li a{
	font-family: DINWebMedium, arial, sans-serif;
	color: #c1bab3;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	font-family: DINWebBold, arial, sans-serif;
	color: #9a8474;
}

.ui-tabs .ui-tabs-nav li a:hover{
	color: #9a8474;
}

.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 !important; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; margin: 0 15px 0 0 !important; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }