/* HTML/CSS  -  Written By: Eric Florez  -  Last Updated: 2008-10-08 */
/* ====================== Page Formatting ========================*/
* {
	margin: 0px;
	padding: 0px;
	color: #414141;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}
body {
	padding-bottom: 20px;
	background: #2e381b url(/Common/Img/backgrounds/bkgndBody.png) repeat-x 0px 0px;}

td {vertical-align: top;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	margin: 0px;
	color: #6b4318;
	font-size: bold;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
h1, h1 a {
	font-size: 24px;
	padding-bottom: 8px;}
h2,h2 a{
	font-size: 20px;
	padding-bottom: 8px;}
	


h3, h3 a {
	font-size: 18px;
	padding-bottom: 8px;}
h4, h4 a {font-size: 15px;}
h5, h5 a, h6, h6 a {font-size: 13px;}

a {}
a:hover {text-decoration: underline;}

ul {
	list-style-type: square;
	margin: 0px 0px 0px 22px;
	padding: 5px 0px 10px 0px;}
li {padding: 2px 0px 2px 0px;}

p {padding: 4px 0px 10px 0px; line-height:18px;}

img {border: none;}

.clear {
	width: 100%;
	clear: both;
	height: 0px;
	overflow: hidden;}
	
.floatRight{float: right;}


/* ====================== Layout & Columns ========================*/
#pageContainer {
	width: 924px;
	margin: 50px auto;
	background: url(/Img/backgrounds/bkgndPageContainer.jpg) no-repeat center top;}
#pageBody {
	padding-top: 12px;
	background: #ececea url(/Common/Img/backgrounds/bkgndPageBody.jpg) no-repeat right top;
	}

#mainContainer {
	width: 100%;
	background: url(/Common/Img/backgrounds/bkgndMain.png) repeat-y right top;}
#main {
	width: 914px;
	padding-left: 10px;
	background: url(/Common/Img/backgrounds/bkgndMainProduct.jpg) no-repeat left bottom;}

.col1, .col2, .col3 {float: left;}
.col1 {width: 287px;}
.col2 {
	width: 617px;
	background: url(/Common/Img/backgrounds/bkgndCol2DropShadow.png) no-repeat 0px 0px;}
.col3 {padding: 42px 0px 0px 68px;}

.showroomContent .colLeft{float: left; width: 295px;}
.showroomContent .colRight{float:right; width:235px;}

.showroomContent .colLeft .address{float: left; width:170px;}
.showroomContent .colLeft .directions{ float: right; width:125px; text-align:center;}

#content {padding: 30px 50px 60px 36px;}




#pagePhotoContainer {
	width: 904px;
	margin:0 auto 18px auto;
	
	padding: 0px 0px 14px 0px;
	border-bottom: 1px solid #2e1b11;}
#pagePhotoContainer .col1 {
	height: 199px;
	overflow: hidden;
	position: relative;
	background: #5c683f url(/Common/Img/backgrounds/bkgndPagePhotoContainerCol1.png) repeat-x left bottom;}
#pagePhotoContainer .col1 .title {
	left: 18px;
	bottom: 14px;
	width: 260px;
	color: #ffffff;
	font-size: 28px;
	position: absolute;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
#pagePhoto {
	float: right;
	width: 607px;
	height: 199px;
	overflow: hidden;}

.min-height {
	width: 1px;
	height: 340px;
	overflow: hidden;}


/* ====================== Header & Footer ====================== */
#header {
	height: 122px;
	position: relative;}
#logo {
	float: right;
	padding: 6px 52px 0px 0px;}
#printLogo {display: none;}
	

#footer {
	width: 100%;
	clear: both;
	color: #798465;
	font-size: 11px;
	padding-top: 10px;}
#footer span {
	float: right;
	color: #798465;
	padding-top: 6px;
	text-align: right;}
#footer a {padding-left: 16px;}


/* ====================== Navigation Styling ======================== */
#navContainer {padding: 92px 0px 0px 96px;}

#navMenu ul {
	margin: 0px;
	list-style: none none;
	padding: 52px 0px 0px 0px; margin-left:20px;}
#navMenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	border-right: 1px solid #2e1b11;}
#navMenu li a {
	float: left;
	color: #2e1b11;
	display: block;
	font-size: 13px;
	padding: 0px 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
#navMenu li a:hover {text-decoration: underline;}

#navMenu li.active a{color:#4C6207;}

/* Left Navigation */
#leftNav {padding-bottom: 46px;}
#leftNav ul {
	width: 230px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #b8beae;}
#leftNav li {

	padding: 4px 4px 6px 12px;
	border-bottom: 1px solid #b8beae;
	background: url(/Common/Img/backgrounds/bulletLeftNav.png) no-repeat 0px 8px;}
#leftNav li a {
	color: #2e1b11;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;}
#leftNav li a:hover {text-decoration: underline;}

#leftNav li.active{background-color:#838e69; background-image: none;}
#leftNav li.active a{ color:#fff;}


/* Home Page Navigation */
.homePage #navMenu ul {
	padding-top: 30px;
	margin-left: 18px;
	list-style-image: url(/Common/Img/bulletArrow.png);}
.homePage #navMenu li {
	float: none;
	border: none;
	display: list-item;}
.homePage #navMenu li a {
	float: none;
	padding: 0px;
	color: #5e4e46;
	text-align: left;}


/* Footer Navigation */
#footerNav {
	height: 40px;
	border-top: 1px solid #2e1b11;}
#footerNav ul {
	float: left;
	padding: 0px;
	list-style: none none;
	margin: 14px 0px 0px 234px;
	border-left: 1px solid #918883;}
#footerNav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 11px;
	border-right: 1px solid #918883;}
#footerNav li a {
	float: left;
	color: #2e1b11;
	display: block;
	font-size: 11px;
	padding: 0px 16px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;}
#footerNav li a:hover {text-decoration: underline;}


/* ====================== Callout Styling ======================== */
.callout {
	width: 200px;
	padding: 10px 15px;
	margin: 0px 0px 10px 22px;
	border: 1px solid #2e1b11;}

.callout h1, .callout h1 a{
	color: #2e1b11;
	font-size: 14px;}

.callout p{ line-height: 15px;}
/* ====================== Callout Styling ======================== */
.miniPromo {
	clear: both;
	width: 500px;
	padding-top: 30px;}
.miniPromo .photo, .miniPromo .desc {
	float: left;
	width: 350px;
	padding-left: 12px;}
.miniPromo .photo {width: 126px;}


/* ====================== Template Overrides ======================== */
.homePage {padding-top: 75px;}
.homePage #pageBody {padding-bottom: 12px;}
.btnShowroom{position: absolute; bottom: -24px; right:39px; z-index:150;}

.homePage #logo {
	float: none;
	padding: 0px;}

.homePage #main {background: none; position:relative;}

.homePage .col1, .homePage .col2 {height: 373px;}
.homePage .col1 {padding-right: 10px;}
.homePage .col2 {
	width: 311px;
	background: #556234 url(/Common/Img/backgrounds/bkgndCol2Home.png) repeat-x left bottom;}
.homePage #content {padding: 20px 20px 0px 20px;}
.homePage .col2 h1, .homePage .col2 p {color: #ffffff;}
.homePage .col2 p{line-height: 15px; padding-top:0px;}
.homePage .col2 h1 {
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;}
.gallery, .gallery a{ font-size:12px; font-weight: normal;}


/* ====================== ProductStyling ======================== */
.productContainer{float: left; width:126px; padding:10px 25px 0 25px; text-align: center;}
.productContainer h2{font-size:16px; margin-bottom:0; padding-bottom:0}
tr.applicationTableHeading th{ color:#ffffff;padding:3px; background-color:#999;}
table.application td{padding:3px; border: 1px solid #999;}
table.application{border: 1px solid #999;}


/* ====================== FormStyling ======================== */

#sampleRequest{clear:both; border-top:1px solid #000; padding-top: 20px;}
#sampleRequest input, #sampleRequest textarea, #contactForm input, #contactForm textarea{margin:2px 0 10px 0;}

#sampleRequest .zip, #sampleRequest .state{float:left; margin-right:20px; display: block;}
#sampleRequest .phone{clear:both;}
#sampleRequest .firstName, #sampleRequest .lastName{display: block;}

#sampleRequest .firstName input, #contactForm .name input{width: 150px;}
#sampleRequest .lastName input{width: 200px;}
#sampleRequest .address textarea{width:225px; height:70px;}
#sampleRequest .city input{width: 175px;}
#sampleRequest .zip input{width: 75px;}
#sampleRequest .email input, #contactForm .email input{width: 200px;}

#contactForm .company input{width: 180px;}
#contactForm .phone input{width: 170px;}


/* ====================== Where to buy Accordian ======================== */

#accordion h3 a{text-decoration:underline; color: #000; font-weight: bold;}
#accordion h4{border-bottom:1px solid #333;}