/* COLORS
 * #215E21 Dark green
 */

/* GLOBALS */
body {
	background: #215E21;
	color: #3c3c3c;
}
a, .color {
	color: #800020;
}
p.readmore {
	clear: both;
}
p img {
	padding: 10px;
}
hr {
	clear: both;
	background: #ccc;
}
.jswarning{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 9px;
 height: 20px;
 border: #d6d8d6 1px solid;
 width: 100%;
 padding-top: 10px;
 padding-left: 30px;
 background: #ffffe1 url(../img/icons/exclamation.png) 4px 8px no-repeat;
 margin-bottom: 1em;
}
p.errors {
	padding: 10px 8px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
}
p.alert {
	padding: 10px 8px;
	color: #000;
	font-weight: bold;
}

/* Tables */
table td {
	border-bottom:1px solid #C7CFD7;
	padding:8px 10px;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: top;
}

th {
	color: #4b4e51;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	padding: 0pt 10px;
	background: #e8e2c2;
	font-family: Verdana;
	font-size: 13px;
}

th.first {
	background: transparent url('../img/th_bg.gif') no-repeat scroll 0 0;
}

th.last {
	background: transparent url('../img/th_bg.gif') no-repeat scroll right top;
}





/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 100%;
}
form img {
	float: left;
	margin-top: 20px;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 0px 10px 0px 10px;
}
fieldset legend {
	color: #800020;
	font-size: 120%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	padding: .5em;
	vertical-align: text-top;
}
form div.dimensions {
	width: 12%;
	float: left;
	clear: none;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.radio {
	float:left;
	width:auto;
}
form div.radio label {
 	margin: 0 0 6px 0px;
 	padding-left: 20px;
 	padding-right: 4px;
}
form div.radio span.yes {
	padding-left: 20px;
}
form div.radio span.no {
	padding-left: 10px;
}
form div.radio span {
	float: left;
	padding-right: 4px;
}
form div.radio input {
 	float: left;
 	clear: none;
 	width: auto;
 	margin-top: 4px;
}

form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	padding-right: 20px;
	padding-bottom: 2px;
 	font-family: Verdana;
 	color: #333;
 	font-size: 12px;
 	font-weight: bold;	
}
input, textarea {
	clear: both;
	display: block;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 90%;
}
select {
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
}
form div.select {
	width: 50%;
	float: left;
	clear: none;
	padding-top: .3em;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
form div.checkbox {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
form div.checkbox input {
	clear: none;
	width: 25px;
}
form div.checkbox span {
	float: left;
	width: 50px;
	display: block;
}
form div.mul_checkbox { height: 20px; }
form div.mul_checkbox label {
	float: left;
	padding-right: 8px;
}
form div.mul_checkbox input {
	float: left;
	display: inline;
	width: auto;
	clear: none;
	margin-right: 2em;
}
div.submit input {
	display: inline;
	font-size: 90%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
span.by {
	display: block;
	float: left;
	padding: 30px 5px 0px 5px;
	width: 12px;
}
div.form-left, div.form-right {
	width: 40%;
	float: left;
	clear: none;
}
div.form-left {
	padding-right: 2em;
}
div.form-right {
	
}
div.form-measurements {
	width: 160px;
	float: right;
	clear: none;
}
span.addrowlink {
	display: block;
	float: none;
	text-align: right;
	clear: both;
	margin-bottom: 4px;
}
span.addrowlink a {
	padding: 4px 0px 4px 24px;
	background: url('../img/icons/add.png') no-repeat 0 2px;
}







/* CONTAINERS */
#container {
	width: 961px;
	margin: auto;
	background: #FFF url(../img/bg_container.gif) repeat-y 0 0;
}

#container-i {
	padding: 0px 6px 0px 5px;
}

#header {
	width: 950px;
	height: 190px;
	background: url(../img/bg_header_aerial.jpg) no-repeat right 0;
	position: relative;
}

#content-wrap {
	width: 930px;
	padding: 0px 10px;
	overflow: auto;
	background: transparent;
}

#content1 {
	width: 550px;
	float: left;
	padding-bottom: 2em;
	background: #FFF;
	padding-top: 20px;
}





/* GLOBAL ELEMENTS */
#logo { 
	height: 190px;
}

#logo p, #logo span {
	background: #FFF;
}

p {
	padding-top: 25px;
	font-size: 10pt;
	font-family: Verdana;
	padding: 0px 10px 20px 10px;
	line-height: 20px;
}

#content1 h3 {
	width: 544px;
	height: 36px;
	margin-top: 30px;
	margin-bottom:20px;
	color: #800020;
	font-family: Tahoma;
	font-size: 1.5em;
	text-indent: 50px;
}

#content1 h3 span {
	text-align: right;
	display: block;
	float: right;
	line-height: 40px;
	width:520px;
}

#content1 h3 span, #content1 h3 span a {
	color: #666;
	font-size: 12px;
}

#content1 ul {
	padding-left: 34px;
	padding-bottom: 20px;
	list-style-type: disc; 
}

#content1 ul.galleria { padding-left: 0px; }

/* NAVIGATION */
#nav {
	width: 950px;
	height: 44px;
	background: transparent url(../img/bg_ul_nav.gif) repeat-x 0 0;
	line-height: 44px;
	z-index: 4;
	position: relative;	
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav ul {
	line-height: 1;
}

#nav a {
	display: block;
	width: 8.8em;
	text-decoration: none;
	font-family: Verdana, Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

#nav li a:hover {
	background: url(../img/bg_ul_nav_hover.gif) repeat-x 0 0;
}

#nav li { /* Need to specify width here, else Opera breaks */
	float: left;
}

#nav li ul li, #nav li ul li ul li {
	width: 10em;
}

#nav li a {
	text-align: center;
	color: #4f4320;
}

#nav li ul {
	position: absolute;
	width: 9.8em;
	left: -999em;
}

#nav li ul li a, #nav li ul li ul li a {
	line-height: 28px;
	background: #f4f4f4;
	text-align: left;
	text-indent: .5em;
	color: #787675;
	border-bottom: 1px solid #DBDBDB;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	width: 10.5em;
	font-size: 12px;
}

#nav li ul li ul li a {
	line-height: 28px;
	background: #f4f4f4;
	text-align: left;
	text-indent: .4em;
	color: #787675;
	border-bottom: 1px solid #DBDBDB;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	width: 10.5em;
}

#nav li ul li ul#products-nav li a {
	width: 18em;
}

#nav li ul#contact-nav li a {
	width: 12em;
}

#nav li ul.gallery-nav li a { width: 14em; }

#nav li ul li a:hover, #nav li ul li ul li a:hover {
	color: #333;
	background: #FFF;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;	
}

#nav li ul ul {
	margin: -1.8em 0 0 7.8em;
	border-left: 1px solid #DBDBDB;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}





/* Slideshow */
#slideshow {
	height: 236px;
	width: 100%;
	z-index: 1;
	position: relative;
}
#slideshow embed {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 8;
}
#slideshow img {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 8;
}

#slideshow img.active {
	z-index: 10;
}

#slideshow img.last-active {
	z-index: 9;
}
h2#slideshowh2 {
	width: 544px;
	height: 43px;
	line-height: 1.1em;
	position: absolute;
	bottom: 0px;
	left: 8px;
	background: url(../img/h2_slideshow.png) no-repeat 0 0;
	color: #800020;
	font-family: Tahoma;
	font-size: 1.1em;
	z-index: 200;
    padding: 14px 17px 0 10px;
    text-indent: 0;
}





/* WHATS NEW */
h3#whatsnew {
	background: url(../img/h3_whatsnew.gif) no-repeat 0 6px;
	margin-bottom: 0px;
}

h3.star {
	background: url(../img/h3_star.gif) no-repeat 4px 6px;
}

h3.siren {
	background: url(../img/h3_siren.gif) no-repeat 4px 6px;
}

h3.dollarsign {
	background: url(../img/h3_dollarsign.gif) no-repeat 4px 6px;
}

h3.arrow {
	background: url(../img/h3_arrow.gif) no-repeat 4px 6px;
}


ul#whatsnew-box {
	padding-left: 0px;	
	list-style-type: none;
}

ul#whatsnew-box li {
	width: 538px;
	border-bottom: 2px solid #cacaca;
	float: right;
	padding-top: 30px;
}

ul#whatsnew-box li h4 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2.4em;
}

ul#whatsnew-box li p {
	padding: 10px 2.4em;
}

ul#whatsnew-box li span, span.more {
	display: block;
	text-align: right;
	padding: 0px 10px 10px 0px;
}

ul#whatsnew-box li span a, span.more a, ul#wholesale-list li span a {
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	color: #9b3950;
}

span.more {
	padding-top: 1em;
}

span.date {
	font-size: 12px; 
	color: #333;
	display: block;
	text-align:right;
	padding-right: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
	margin-bottom: 2em;
}

ul#whatsnew-box li span.date {
	padding: 0px;
	text-align: left;
	padding-left: 3.2em;
	font-family: Verdana;
	font-size: 11px;
	color: #4d4d4d;
	margin: 0px;
}




/* SIDEBAR */
#sidebar1 {
	width: 350px;
	float: right;
	background: url(../img/bg_sidebar.gif) repeat-y right 0;
	padding-top: 30px;
	padding-bottom: 20px;
	overflow: auto;
}

#sidebar1 h3 {
	width: 340px;
	height: 28px;
	background: url(../img/h3_sidebar.gif) no-repeat right bottom;
	float: right;
	clear: both;
	font-family: Tahoma;
	font-size: 1.2em;
	color: #215E21;
	text-indent: 32px;
}

#sidebar1 span.subheading-link {
	clear: both;
	display: block;
	text-align: right;
	padding-right: 5px;
	height: 20px;
}

#sidebar1 span.subheading-link a {
	color: #215E21;
	font-family: Tahoma;
	font-size: .7em;
	line-height: 20px;
}	

form#search-form {
	width: 285px;
	height: 62px;
	background: url(../img/bg_search_form.gif) no-repeat 0 0;
	margin-right: 0px;
	clear: none;
	margin-left: 40px;
	padding: 0px;
	padding-top: 12px;
	padding-left: 20px;
}

form#search-form fieldset {
	border: 0px;
	margin-top: 0px;
	padding: 0px;
}

form#search-form input#search-input {
	height: 22px;
	width: 200px;
	float: left;
	border: 0px;
	background: transparent;
	padding-left: 16px;
	padding-top: 8px;
	clear: none;
	display: inline;
	font-size: 14px;
}

form#search-form input#search-button {
	float: left;
	clear: none;
	display: inline;
	font-size: 12px;
	padding: 0px;
	width: auto;
}





/* FEATURED PRODUCT */
div.featured-product, div.gallery-module {
	width: 303px;
	overflow: auto;
	padding-top: 5px;
	background: url(../img/featured_product_top.gif) no-repeat 0 0;
	float: right;
	border-right: 16px solid #FFF;
	margin: 16px 0px;
}
div.gallery-module { background: transparent; }

div.featured-product-i, div.gallery-module-i {
	background: url(../img/featured_product_bottom.gif) no-repeat 0 bottom;
	padding-bottom: 5px;
	width: 303px;
}

div.gallery-module-i { background: transparent; }

div.featured-product-content, div.gallery-module-content {
	width: 301px;
	border-left: 1px solid #a7b07a;
	border-right: 1px solid #a7b07a;
	overflow: hidden;
	padding: 14px 0px;
	background: #f2f3f1;
}

div.gallery-module-content { border: 0px; background: transparent; }

div.featured-product-content div.left {
	float: left;
	width: 104px;
	border-right: 1px solid #c4d3b4;
	padding-right: 14px;
	padding: 4px 14px 4px 0px;
}

div.featured-product-content div.left img {
	width: 86px;
	height: 72px;
	float: right;
	background: #FFF;
	padding: 1px;
	border: 1px solid #656565;
	border-right: 2px solid #656565;
}

div.featured-product-content div.left img.button {
	width: 91px;
	height: 25px;
	float: right;
	background: #FFF;
	padding: 1px;
	border: 0px;
	margin-top: .5em;
}

div.featured-product-content div.right {
	padding: 0px 8px;
	float: right;
	width: 164px;
}

div.featured-product-content div.right h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Tahoma;
	color: #333;
	letter-spacing: -0.03em;
}

div.featured-product-content div.right p {
	padding: 10px 0px 0px 0px;
	color: #6d6a6a;
	font-family: tahoma;
	font-size: 10px;
	line-height: 14px;
}





/* FEATURED DEALER */
div.featured-dealer {
	width: 278px;
	overflow: auto;
	padding-top: 24px;
	background: url(../img/featured_dealer_top.gif) no-repeat 0 top;
	float: right;
	border-right: 28px solid #FFF;
	margin: 16px 0px;
}

div.featured-dealer-i {
	background: url(../img/featured_dealer_bottom.gif) no-repeat 0 bottom;
	padding-bottom: 28px;
	width: 278px;
}

div.featured-dealer-content {
	width: 232px;
	overflow: auto;
	padding: 14px 23px 0 23px;
	background: url(../img/featured_dealer_content_bg.gif) repeat-y 0 0;
	text-align: center;
}

div.featured-dealer-content h4 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Tahoma;
	color: #536b19;
	letter-spacing: -0.03em;
	padding: 10px 0px 8px 0px;
}

div.featured-dealer-content p {
	padding: 10px 10px 0px 10px;
	color: #6d6a6a;
	font-family: tahoma;
	font-size: 10px;
	line-height: 14px;
}

div.featured-dealer-content span {
	display: block;
	text-align: right;
	padding: 10px 12px 8px 0px;
}

div.featured-dealer-content span a {
	color: #9B3950;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;	
}





/* FOOTER */
#footer {
	clear: both;
	overflow: hidden;
	height: 104px;
	background: #FFF;
	width: 950px;
}

p#copyright {
	width: 938px;
	padding: 0px;
	background: #fcc306;
	color: #515151;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	padding-right: 12px;
	margin-bottom: 14px;
	text-align: right;
}

ul#address-phone {
	text-align: left;
	float: left;
	overflow: hidden;
}

ul#address-phone li {
	padding-left: 46px;
	color: #515151;
	font-family: Tahoma, Verdana;
	font-size: 12px;
	float: left;
}

ul#address-phone li#mail {
	background: url(../img/icon_envelope.gif) no-repeat 0 0;
	padding-right: 30px;
}

ul#address-phone li#phone {
	background: url(../img/icon_phone.gif) no-repeat 0 0;
}

ul#logos {
	float: right;
	text-indent: -999em;
	padding-right: 12px;
	width: 715px;
}

ul#logos li {
	border-left: 8px solid #FFF;
	float: right;
}

ul#logos li a {
	display: block;
	text-indent: -999em;
	width: 150px;
}

ul#logos li#sbca a {
	width: 78px;
	height: 52px;
	background: url(../img/logo_sbca.gif) no-repeat 0 0;
}

ul#logos li#sbca a:hover { background-position: 0px -52px; }

ul#logos li#wtca a {
	width: 56px;
	height: 52px;
	background: url(../img/logo_wtca.gif) no-repeat 0 0;
}

ul#logos li#wtca a:hover { background-position: 0px -52px; }

ul#logos li#nahb a {
	height: 56px;
	background: url(../img/logo_nahb.gif) no-repeat 0 0;
}

ul#logos li#nahb a:hover { background-position: 0px -56px; }

ul#logos li#thba a {
	height: 52px;
	width: 160px;
	background: url(../img/logo_thba.gif) no-repeat 0 0;
}

ul#logos li#thba a:hover {
	background-position: 0px -52px;
}

ul#logos li#nfba a {
	width: 110px;
	height: 94px;
	background: url(../img/logo_nfba.gif) no-repeat 0 0;
}

ul#logos li#nfba a:hover { background-position: 0px -94px; }

ul#logos li#best a {
	width: 100px;
	height: 52px;
	background: url(../img/logo_best.gif) no-repeat 0 0;
}

ul#logos li#best a:hover { background-position: 0px -52px; }






/* WHOLESALERS */
ul#wholesale-list {
	/*padding: 10px 2em 10px 3em;*/
	padding: 10px 0em 10px 0em;
	overflow: auto;
	font-family: Tahoma;
	font-size: 14px;
	width: 544px;
}

ul#wholesale-list li {
	padding: 0px 1em 0em 1em;
	float: left;
	line-height: 18px;
}

ul#wholesale-list h3 {
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	width: 500px;
	padding-left: 2em;
}

ul#wholesale-list h3.arrow {
	background: url(../img/h3_arrow.gif) no-repeat 24px 6px;
}

ul#wholesale-list li h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	color: #333;
	padding-bottom: 8px;
	padding-top: 8px;
}

ul#wholesale-list li h4 span.uline {
	text-decoration: underline;
}







/* Pagination */
ul#pagination {
	border:0; 
	margin:0; 
	padding:0;
	clear: both;
	font-family: Verdana;
	padding-left: 2.4em;
	padding-top: 2em;
}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	display:inline;
}

#pagination a{
	border:solid 1px #DDDDDD;
	margin-right:2px;
}

#pagination .previous-off,
#pagination .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}

#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}

#pagination .active{
	color:#CCCCCC;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#pagination a:link,
#pagination a:visited {
	color:#9B3950;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#pagination a:hover{
	border:solid 1px #666666;
}





/* GALLERY */
.galleria{list-style:none;width:200px; }
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#887;}
.album{position:relative;padding-bottom: 2em; overflow:hidden;}
.gallery{width:550px;margin:0 auto;}
.gallery li{width:127px;height:110px;border:3px double #111;margin: 4px 2px;background:#FFF;}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_container{margin:0 auto 10px auto;width:550px;background:#FFF;}
.galleria_container img{margin-bottom:10px;}


.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}




/* COLORS */
div.cchart h6 {
	font-family: arial;
	cursor:pointer;
	padding:4px;
	border: 1px solid #ccc;
	margin-top: 6px;
}
.activecolor { font-weight: bold; color: #000; }
span.highlight { background: #FFF; 	opacity: .6; filter: alpha(opacity=60); padding: 1px 4px; }


img.right { float: right; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
div.alt, embed { float: left; text-indent: -9999em; }
#nav li ul#nav_services, #nav li ul#nav_services li, #nav li ul#nav_services li a { width: 220px; }





/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #215E21;   
margin: 0 0 1px 0; 
margin: auto;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin: auto;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #215E21; 
color: #ccc; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #215E21; 
} 

#gallery li img { margin: 0px; }