@import url(/css/sidenav.css);

/* HEADER FILES */
div#snav ul li, div#pnav ul li { display: inline;}

#hdr{
	width: auto;
	clear: both;
}
#logo{
	float: left;
	width: 216px;
	text-align: center;
	padding: 20px 0 0 15px;
}
#suppnav{
	width: 521px;
	float: right;
	background: url(/images/nav/bg-supnav.jpg) repeat-x;
}

#unav
{
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	margin-top:14px;
	width: 202px;
	height: 62px;
	background: url(/images/nav/unav_dots.gif) no-repeat top right;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 57px;
	width: 140px;
}
#unav li { color: #fff;font-size:8px;}
#unav li a {color: #fff;font-size:8px;}
#unav ul {margin: 0;}
#email-signup
{
	float: right; 
	width: 309px;
	height: 62px;
	margin-top: 14px;
	/*margin-left: 28px;*/
}

#header-text
{
	padding-top: 5px;	
}
p.email-form{margin-top: 3px;}

#snav
{
	clear: both;
	width:520px;
	border: 1px solid #53534a;
	border-bottom: none;
	
	text-align: center;
	background-color: #fff;
}
#snav ul 
{
	margin: 0;
}

#pnav
{
	clear: both;
	background: #F58026 url(/images/nav/pnav_shdw.gif) repeat-x bottom;
	padding-bottom: 7px;
	height: 23px;
}
#pnav ul { margin: 0;text-align: center;}
#pnav ul li { padding: 0px 11px;}


/* MAIN */
#main
{
	padding: 10px 0 10px;
	background: #fff;
	
}

#index-main, #main-404
{
	clear: both;
	padding: 2px 2px 10px 2px;
	margin: 0 auto;
	border-top: 1px solid #aba4a1;
	border-left: 1px solid #aba4a1;
	border-right: 1px solid #aba4a1;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 280px;
	width: 754px;
}
#main-404
{
	padding: 16px 0 0 170px;
	height: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 580px;
}
#main-404 ul li {padding: 0 0 4px 0;}
#main-404 ul li a { text-decoration:underline;}

#index-left
{
	height: 240px;
	width: 330px;
	float: left;
	padding: 40px 11px 0 0;
	text-align: right;
	background: #e7e0d2;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 319px;
}
#index-left h1
{
	font-family: 'Arial Narrow', Arial, Verdana, Sans-Serif;
	color: #f58026;
	font-size: 25px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 20px;
	text-transform: uppercase;
}
#index-left h2
{
	color: #3E3232;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	font-family: Arial;
	margin-bottom: 8px;
}
#index-left a
{
	color: #fff;
	font-weight: bold;
}
#index-right
{
	width: 420px;
	float: right;
}

/* PROMOS!! */
#index-promos
{
	clear: both;
	background: #fff;
	width: auto;
	font-size: 10px;
	padding: 10px 6px 20px 6px;
	margin: 0 auto;
	height: 100px;
	width: 746px;
	border-left: 1px solid #aba4a1;
	border-right: 1px solid #aba4a1;
}
#promo-right
{
	float: right;
	width: 370px;
}

#promo-left
{
	float: left;
	width: 370px;
	padding-left: 5px;
}
.promo-pic img
{
	border: 1px solid #B9A586;
	padding: 2px;
}

.promo-info
{
	float: right;
	/*width: 245px;*/
	width: 280px;
}

div.promo-info h1 /* here */
{
	text-transform: uppercase;
	font-family: Arial;
	font-size: 12pt;
	color: #393031;
}

.promo-pic
{
	float: left;
	/*width: 130px;*/
}
#learn-more-wrapper
{
	width: 758px;
	padding-bottom: 5px;
	border-bottom: 1px solid #aba4a1;
	border-left: 1px solid #aba4a1;
	border-right: 1px solid #aba4a1;
	margin: 0 auto;
}
#learn-more
{
	margin: 0 auto;
	padding: 20px 0 20px 400px;
	clear: both;
	width: 336px;
	background: #e7dfd2 url(/images/index/pic3.jpg) no-repeat;
	
}
#learn-more h1 
{
	font-family: 'Arial Narrow', Arial, Verdana, Sans-Serif;
	color: #fff;
	font-size: 18px;
	line-height: 19px;
	font-weight: bold;
	margin: 0;
}
#learn-more h2
{
	font-family: 'Arial Narrow', Arial, Verdana, Sans-Serif;
	font-size: 13px;
	color: #3E3232;
	margin-bottom: 6px;
}
#ftr
{
	padding: 20px 0 35px 0;
	width: auto;
	text-align: center;
	background: #fff;
}
ul#extlinks li {display: inline;padding: 0 8px 0 0;}


div.clr{display: block; clear: both; margin: 0 0;visibility:hidden;}
div.dots{display:block; clear: both; padding: 12px 0;background: url(/images/common/br-dots.gif) repeat-x;}
.dots-sep-top{background: url(/images/common/sep.gif) repeat-x top;margin:15px 0;}
.dots-sep-bot{background: url(/images/common/sep.gif) repeat-x bottom;margin:15px 0;}
.dots-sep{background: url(/images/common/sep.gif) repeat-x;padding: 5px 0;display:block;clear:both;}

.td-sep{padding: 16px 0 0 0;background: url(/images/common/sep.gif) repeat-x;}
.btn{vertical-align: bottom;} /* forces image to align bottom and not baseline */

.site-error {margin-left: 130px;color: #E98514;}
.err {color: #E98514;}
/* SECONDARY PaGES */
#sub-container
{
	border: 1px solid #ABA4A1;
	background: #F9F6F1;
	padding: 3px;
	margin: 0 9px;
}
#sub-index
{
	background: url(/images/common/shop-bg.gif) repeat-y left;
	width: 752px;
}
#sub-content
{
	padding: 15px;
}
#sub-content-sw{padding: 15px 22px 20px 25px;}
#sub-content-sc{padding: 15px 10px 15px 5px;}
.customers div {padding: 10px 0 20px 0;text-align:center;width: 510px;}
.customers div img{margin: 0 15px;vertical-align: middle;}

.bio-entry,.roll-entry
{
	padding-bottom: 25px;
}
.rollout-ol{padding: 0 0 0 50px;}
.rollout-ol li {padding: 0;}
#rollouts { padding: 15px 0 0 50px;}
#rollouts .roll-entry {width:420px;}
#rollouts .roll-entry .l{width: 120px;}
#rollouts .roll-entry .r {width:300px;}
#sub-content .bio-entry .l{width: 175px;}
#sub-content .bio-entry .r{width: 307px;}
#sub-content .bio-entry {width: 95%;}

#showcase-entry .l{width: 300px;}
#showcase-entry .r{width: 220px;}
#showcase-entry .l img {margin-bottom: 7px;}
table#subnav-items td{padding: 10px 5px 10px 35px;text-align:center;}
table#subnav-items td h1{margin-top:5px;}
table#subnav-items td a {text-decoration:none;}
table#subnav-items td a:hover h1 {text-decoration:underline;}

#ws-finishes .dots,#ws-components .dots { padding: 10px 0;}
#ws-finishes td {padding: 10px;}
#ws-install td {padding: 10px;}
.grooves {text-align:center;}
#sub-content-sw td { padding-right: 15px;padding-bottom: 15px;}

#fixture-entry{ width: 95%;}
#fixture-entry .l {width: 45%;}
#fixture-entry .r { width: 49%;}

#sub-content-ws-index
{
}
#sub-content-ws-index .r {width: 260px; margin-right: 10px;}
#sub-content-ws-index .l 
{
	width: 270px;
	padding: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 240px;
}
#ws-components td {padding: 15px;}

#sub-content-fr .l 
{
	width: 267px;
	padding: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 237px;
}
#sub-content-fr .r {width: 263px;}
#sub-fitting td
{
	padding: 10px;
	text-align: center;
}
table#sub-fitting td a {text-decoration:none;}
table#sub-fitting td a:hover h1 {text-decoration:underline;}
#fittingroom-entry .l{width: 200px;}
#fittingroom-entry .r
{
	width: 300px;
	padding: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 270px;
}

#custom-entry img.trophy,
#custom-entry img.jewelry
{
	border:1px solid #B9A586 !important;
	padding: 1px;
}

#custom-entry .l{width: 285px;text-align: center;}
#custom-entry .r
{
	width: 230px;
	padding: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 200px;
}

#about-entry .l
{
	width: 260px;
	padding: 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 230px;
}
#about-entry .r{width: 256px;}

#sw-finishes td {padding: 4px 0 0 7px;}
#sw-finishes tr.melamine td{width:45px;font-size:9px;text-align:center;line-height: 10px;}
#sw-finishes tr.melamine td label{display:block;}
#sw-install-steps td { padding: 3px;}
#faqs-listing
{
	margin: 0 0 9px 0;
	padding: 0;
}
#faqs-listing dt 
{
	font-weight: bold;
}
#faqs-listing dd
{
	margin: 3px 0 20px 15px;
}

#terms
{
	padding: 15px 50px 15px 15px;
}
/* END SECONDARY PAGES */

/* INPUT FORM STYLES */
.entry-line
{
	padding: 0 0 9px 0;
	width: 487px;
	height: 15px;
}
.entry-line label
{
	float:left;
	width: 120px;
	text-align: right;
	padding-right: 5px;
}
.entry-line span
{
	width: 360px;
	float:right;
}
.entry-line span.err {float:none;}
.entry-line span input{vertical-align:bottom;}
/* END INPUT FORM STYLES */

div#mainLinks h2 a
{
	color: rgb(62, 50, 50);
	font-size: 12px;
	font-family: Arial;
	line-height: 14px;
}

div#mainLinks h2 a:hover
{
	color: #fff;
}



span.text-button
{
	border: #393031 1px solid;
	padding: 1px;
	line-height: 2em;
}

span.text-button a
{
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

span.text-button a:hover
{
	color: #fff;
}

span.text-button span.text-button-span
{
	border: #fff 0px solid;
	background-color: #f58026;
	padding-left: 10px;
	padding-right: 5px;
	color: #fff;
	
	background-image: url(/images/common/RightArrow.gif);
	background-repeat:no-repeat;
}


div.displayImages img.imgLarge,
div.displayImages img.imgLargeCustom,
div.displayImages img.imgSmall,
div#fitContent img.imgLarge,
div#fitContent img.imgSmall
{
	border: 1px solid #53534a !important;
	padding: 2px;
}

div.displayImages div.imgLargeCustom
{
	text-align:center;
}

div#fitContent div#col1,
div#fitContent div#col1a
{
	float: left;
	width: 230px;
	margin-bottom: 10px;
}

div#fitContent div#col1 h2,
div#fitContent div#col1a h2
{
	margin-top: 10px;
}




div.priceDiv table.priceTable,
div.priceDiv table.priceTable tr td
{
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
}

div.priceDiv table.priceTable tr td
{
	padding: 2px;
}

h2.style2 { text-transform: uppercase; }




#sub-content table td.imgCol
{
	padding-right: 5px;
}


#leaf-image
{
	margin: 17px 0 0 10px;
}

#green_about
{
	margin: 27px 31px 0 31px;
	line-height: 15px;
}

.green_bodydiv
{
	margin: 0 0 0 115px;
		
	
}

.green_bodyimg
{
	float: left;	
	margin: 0px 32px 0px 0px;
	background-color: #000FFF;
}
.left
{
	float: left;
}

.green_body_container
{
	margin-bottom: 34px;
}

.green_header
{
	margin-bottom: 5px;
	margin-left: 0px;	
}

.green_list
{
	margin-left: 10px;
	list-style-type: disc;
}