/*****************************************/
/*************** BOXES CSS ***************/
/*****************************************/
/* Container */
.container {
text-align: center;
margin: 0 auto;
padding: 0;
background: transparent url(../images/bg_content.png) repeat-y scroll top center;
width:920px;
z-index: 999;
}

/* Header */
.header {
	background-color: #fff;
	padding: 0;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
	position: relative;
}
/*.masthead {
position: relative;
height: 80px;
width: 900px;
margin: 0;
padding: 0;
background-color: #fff;
}*/
#logo {
position: absolute;
top: 20px;
left: 25px;
width: 185px;
}
#logo h1 a {
width: 185px;
height: 40px;
display: block;
background: transparent url(../images/logo.gif) no-repeat scroll 0 0;
text-indent: -9999px;
}
#hdr_note {
position: absolute;
top: 20px;
right: 25px;
width: 355px;
background: transparent url(../images/hdr_note.gif) no-repeat scroll 0 0;
padding: 20px 0;
text-align: right;
color: #585858;
font-size: 11px;
}
#menu-top {
width: 870px;
height: 27px;
background: #f0e9d4;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
font-size: 11px;
padding:0;
float:none;
margin-bottom:0;
z-index:999;
}
#breadcrumbs {
color: #4c721d;
margin-left:auto;
margin-right:auto;
position:relative;
width:870px;
font-size: 10px;
padding:0 0 0 30px;
height: 25px;
line-height: 25px;
text-align: left;
}


/* Middle Container */
.middle {
background-color: #fff;
padding: 0 0 10px 0;
min-height: 300px;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
position: relative;
}

/* Columns Layout */

/* 1 Column */
.layout-1column .col-main {
width: 900px;
}
.content h2, .middle h2 {
display: block;
padding: 8px 0 8px 13px;/*padding: 12px 0 8px 13px;*/
background: #5a7d2f;
color: #fff;
margin: 0 14px 1px 15px;
}
.fifteenpixelsofgoodness {
	display:block;
	width:100%;
	height:15px;
}

/* 2 Columns,left sidebar */
.layout-2columns-left .col-main {
width: 650px;
float: left;
margin:15px 0 0 0;
}
.layout-2columns-left .col-left {
width: 220px;
float: left;
display: inline;
margin: 15px 0 0 15px;
}

/* 2 Columns,right sidebar */
.layout-2columns-right .col-main {
width: 737px;
float: left;
}
.layout-2columns-right .col-right {
width: 220px;
float: right;
display: inline;
margin-top: 15px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e7e7e7;
}

/* 3 Columns */
.layout-3columns .col-main {
width: 556px;
float: left;
}
.layout-3columns .col-left {
width: 220px;
float: left;
display: inline;
margin-top: 15px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e7e7e7;
}
.layout-3columns .col-right {
width: 180px;
float: right;
display: inline;
margin-top: 15px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e7e7e7;
}

/* Content */
.content {
margin: 0 15px
}

/* Sidebars */
.sidebar1 {
}
.sidebar2 {
}

/* Sidebar Elements */
.sidebar1 h2 {
color: #5e5e5e
}
.sidebar2 h2 {
color: #5e5e5e
}

/* Sidebar Blocks */
.box {
margin: 15px
}

/* 2col-set */
.col2-set {
	clear: both;
/*	margin-top:15px;*/
}
.col2-set .col-1 {
	margin: 10px 15px;
	float: left;
	width: 390px;
	text-align: left;
}
.col2-set .col-2 {
	margin: 10px 15px;
	float: left;
	width: 390px;
	text-align: left;
}
.col2-set img.story {
	vertical-align: middle;
	padding:3px;
	margin: 10px;
	border: 1px solid #5a7d2f;
	width:100px;
}
.tw-wood {
	background: transparent url(../images/bg_tw_wood.jpg) no-repeat scroll 0 0;
	width:210px;
	height: 195px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 15px;
}
.se-edging {
	background: transparent url(../images/bg_se_edging.jpg) no-repeat scroll 0 0;
	width:210px;
	height: 195px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 15px;
}
.prograde-seal {
	background: transparent url(../images/prograde-seal.gif) no-repeat scroll 0 0;
	width:100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
}
/* 2col-setnav */
.col2-setnav {
	clear: both;
/*	margin-top:15px;*/
}
.col2-setnav .col-1 {
	margin: 0px 15px 0 0;
	float: left;
	width: 200px;
	text-align: left;
}
.col2-setnav .col-2 {
	margin: 10px 15px 10px 15px;
	float: left;
	width: 620px;
	text-align: left;
}
p#subheading {
	color: #141414;
	margin-bottom: 5px;
	font-size: 21px;
	line-height: 18px;
	font-weight: bold;
}

/* 3col-set */
.col3-set {
	clear: both;
}
.col3-set .col-1 {
	margin: 10px 15px;
	float: left;
	width: 180px;
	text-align: left;
}
.col3-set .col-2 {
	margin: 10px 15px;
	float: left;
	width: 300px;
	text-align: left;
}
.col3-set .col-3 {
	margin: 10px 15px;
	float: left;
	width: 300px;
	text-align: left;
}
ul.goodpoints {
	margin:0;
}
ul.goodpoints li {
	color:#996633;
	font-weight: bold;
	font-size:12px;
}

ul.cols {
float: left;
margin: 5px 30px 0 0;
padding: 0;
list-style-type: none;
text-align: left;
}
ul.cols li {
margin: 0;
padding: 0;
font-size: 11px;
color: #595959;
background: none;
display:inline;
width: 185px;
}

.subhead {
	clear: both;
	background:#9cb47c;
}
.subhead img {
	float:left;
}
.ltcontent, .rtcontent {
	float:left;
	background: #bed1a5;
	padding: 20px 0 20px 15px;
	display: block;
	width: 420px;
}

.rtcontent h4,.ltcontent h4 {
	color: #141414;
}

.ltcontent .grn_arrow, .rtcontent .grn_arrow {
	background-position:-24px 50%;
	padding:0 0 0 8px;
}

.benefits {
	margin:0 5px;
}
.benefits li {
	color:#4c721d;
	font-size: 11px;
}

/* Products */
.prod-images {
	background:#bed1a5;
	width: 435px;
	color:#336633;
	margin: 0;
	font-size: 11px;
}
.infobox ul {
	margin:0;
}
.prod-images .infobox {
	margin: 10px;
}
.prod-images img {
	float: left;
	padding: 0;
	border: none;
	margin: 10px 20px 0px 5px;
	cursor:hand;
	cursor:pointer;
}
.prod-images img#main {
	margin:0;
	padding:0;
	border:1px solid #D4E1C4;
}
.prod-images .tn {
	float: left;
	padding: 0;
	font-size:10px;
	margin: 10px 5px 0px;
	text-align: center;
	cursor:hand;
	cursor:pointer;
	display:inline;
	background:none;
}
.prod-images .tn img{
	padding: 3px;
	border: 1px solid #5a7d2f;
	float: none;
	margin:0;
}
.prod-images .heading {
	font-size:12px;
	font-weight:bold;
	color:#141414;
}
.findcontractor {
width: 181px;
}
.findcontractor a {
width: 181px;
height: 40px;
display: block;
background: transparent url(../images/findcontractor.gif) no-repeat scroll 0 0;
text-indent: -9999px;
}

.findcontractor-home {
width: 215px;
}
.findcontractor-home a {
width: 215px;
height: 40px;
display: block;
background: transparent url(../images/findcontractor-home.gif) no-repeat scroll 0 0;
text-indent: -9999px;
}

.helplinks {
	display: block;
	background:#ebf1e4;
	border-right:1px solid #d4e1c4;
	border-left:1px solid #d4e1c4;
	border-bottom:1px solid #d4e1c4;
	padding: 10px 0px 10px 10px;
	font-size:11px;
	width: 400px;
	line-height:18px;
}
.helplinks a, .helplinks a:link, .helplinks a:active, .helplinks a:hover, .helplinks a:visited {
	color: #996633;
}

.findcontractor-content {
	background:#ebf1e4;
	border:1px solid #d4e1c4;
margin: 0;
padding: 10px;
color: #141414;
display: block;
width: 180px;
}
.findcontractor-content a.grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
padding: 1px 0 0 8px;
font-weight: bold;
}

.contractor-products img {
float: left;
padding: 3px;
border: 1px solid #5a7d2f;
margin: 0px 10px 10px 0px;
}
.contractor-products a.grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
padding: 1px 0 0 8px;
font-weight: bold;
}


.manfctrs {
	margin: 10px 0 0 20px;
	padding: 0 0 10px 0;
	list-style-type: none;
	text-align: left;
	width: 275px;	
}
.manfctrs li {
	background:transparent none repeat scroll 0 0;
	display: block;
	width: auto;
	margin: 0 0 10px 0;
}
.manfctrs img {
padding: 3px;
border: 1px solid #5a7d2f;
margin: 0px 10px 0px 0px;
}

.contactors_specifiers {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	text-align: left;
	width:300px;	
}
.contactors_specifiers li {
	background:transparent none repeat scroll 0 0;
	display: block;
	width: auto;
}
.contactors_specifiers li a {
	padding:5px 0;
	font-weight:bold;
	display:block;
}
.contactors_specifiers .grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
font-weight: bold;
padding: 1px 0 0 8px;
}


/* Top Features */
.ltcol {
width: 215px;
float: left;
}
.ltcol h4 {
display: block;
/*padding: 12px 0 8px 13px;*/
padding: 8px 0 8px 13px;
background: #5a7d2f;
color: #fff;
margin: 0 0 1px 0;
}
.ltcol .features {
background: #c3d5ac;
margin: 0;
font-size: 10px;
padding: 13px 10px;
color: #141414;
height: 104px;
}
.ltcol h3 {
color: #141414;
margin: 0;
font-size:15px;
}
.ltcol img {
float: left;
padding: 3px;
border: 1px solid #5a7d2f;
margin: 0px 10px 10px 0px;
}
.ltcol a.grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
padding: 1px 0 0 8px;
font-weight: bold;
}
.ltcol .border {
border-bottom: 1px solid #a4ba86;
padding: 0;
margin: 0;
}
.layout-1column .col-main .content #flash-content {
float: right;
z-index:1;
}
.layout-1column .col-main .content #flash-content div {
	z-index:1;
}
.layout-1column .col-main .content #flash-content div #myFlashContent {
	z-index:1;
}

/* Advantage */
#advantage {
background: #f7f4e9 url(../images/bg_advantage.gif) repeat-x scroll 0% 0%;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 870px;
min-height: 195px;
clear:both;
}
#advantage ul {
float: left;
margin: 5px 30px 0 0;
padding: 0;
list-style-type: none;
width: 185px;
text-align: left;
}
#advantage ul li.title {
color: #fff;
margin: 0 0 20px 0;
font-size: 13px;
}
#advantage ul li.title a, #advantage ul li.title a:link, #advantage ul li.title a:visited, #advantage ul li.title a:active, #advantage ul li.title a:hover {
color: #fff;
text-decoration: none;
}

#advantage ul li {
margin: 0;
padding: 0;
font-size: 11px;
color: #595959;
background: none;
}
#advantage ul li.link {
margin: 3px 0;
font-size: 11px;
}
#advantage ul li.project {
margin: 0 0 10px 15px;
font-size: 11px;
color: #595959;
}
#advantage ul li.project img {
float: left;
padding: 3px;
border: 1px solid #5a7d2f;
margin: 5px 10px 5px 0px;
}
#advantage .grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
font-weight: bold;
padding: 1px 0 0 8px;
}
#advantage ul li span {font-weight: bold;}

/* Lower */
#lowerfeatures {
background: #fff;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 870px;
clear:both;
padding-bottom: 20px;
}
#lowerfeatures ul {
float: left;
margin: 5px 30px 0 0;
padding: 0;
list-style-type: none;
width: 185px;
text-align: left;
}
#lowerfeatures ul li.title {
color: #141414;
margin: 0 0 5px 0;
font-size: 12px;
font-weight: bold;
}
#lowerfeatures ul li {
margin: 0;
padding: 0;
font-size: 11px;
color: #595959;
background: none;
}
#lowerfeatures ul li.link {
margin: 3px 0;
font-size: 11px;
}
#lowerfeatures ul li img {
float: left;
margin: 0px 10px 0px 0px;
}
#lowerfeatures ul li p {
	margin-bottom:3px;
}
#lowerfeatures .grn_arrow {
background: transparent url(../images/grn_arrow.gif) no-repeat scroll -24px -2px;
font-weight: bold;
padding: 1px 0 0 8px;
}

/* Showcase */
ul#showcase {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;	
}
ul#showcase li {
	background: none;
	display: inline;
	width: auto;
}
ul#showcase li img {
	padding:5px;
	margin:10px;
	border: 1px solid #5a7d2f;
}
.premiere img {
	padding:5px;
	margin:10px;
	border: 1px solid #5a7d2f;
	float: left;
}

/* News/Press*/
.news ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	text-align: left;	
}
.news ul li {
	background:transparent none repeat scroll 0 0;
	display: inline;
	width: auto;
}
.news ul li.title {
	display: block;
	font-weight: bold;
	font-size:14px;
	width: auto;
}
.news ul li.source {
	width: auto;
}
.news ul li.date {
	width:auto;
}
.news ul li.link {
	display: block;
	width: auto;
	font-size: 11px;
}
a.acrobat {
	display: block;
	padding: 5px 0 5px 23px;
	background: url("../images/icon_acrobat.gif") no-repeat 2px 4px;
	font-weight: bold;
}

/* FAQ's */
.faq ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;	
}
.faq ul li {
	background:transparent none repeat scroll 0 0;
	width: auto;
}
.faq ul li li {
	background:transparent url(../images/grn_bullet.gif) no-repeat scroll -23px -4px;
	width: auto;
}
.faq ul li.question {
	color: #996633;
	margin-bottom: 1px;
	font-size: 16px;
	line-height: 16px;
	font-weight:bold;
	padding:0;
}
.faq ul li.comingsoon {
	color: #666;
	margin-bottom: 1px;
	font-size: 13px;
	line-height: 16px;
	font-weight:bold;
	padding:0;
}

.warranty {text-align: justify;}
.warranty ul {
	text-align: left;
}

.address ul {
	margin: 0 0px 10px 30px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width:180px;
	float: left;	
}
.address ul li {
	background:transparent none repeat scroll 0 0;
	width: auto;
	font-weight: bold;
	margin:0;
	text-align: left;
}

.address ul li.addphone {
	padding-left:35px;
}
.address ul li.title {
	font-size:14px;
}

.wheretobuy {
	float: left;
	margin:10px;
}
.wheretobuy a {
	text-decoration: none;
}
.wheretobuy img {
	width: 150px;
	height: 150px;
	padding:5px;
	border: 1px solid #5a7d2f;
}

.co-op {
	float: left;
	margin:10px;
}
.co-op img {
	width: 150px;
	padding:5px;
	border: 1px solid #5a7d2f;
}


.templatelinks {
}
.testimonials {
font-size: 95%;
line-height: normal
}
.leftnav {
}

p#subnavheading a{
	color: #4c721d;
	margin: 0;
	padding:0;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background:none;
}

/* Sitemap */
#sitemap-wrap {
	margin:15px 0;
}
#sitemap-wrap .main {
	float: left;
	margin: 0;
	width: 240px;
	border-right: 1px dotted #dedede;
}
#sitemap-wrap .mainlast {
	float: left;
	margin: 0 0 0 15px;
	width: 200px;
	border-right: none;
}
#sitemap-wrap h4 {
	margin:0 0 7px 0;
	border-bottom: 1px solid #e7e7e7;	
}
#sitemap-wrap h4 a {
	font-size:12px;
	font-weight: bold;
	display: block;
	padding: 3px 3px 3px 6px;
	text-decoration: none;
	color:#525252;
}
#sitemap-wrap h4 a:hover {
	background: #d4e1c4;
	color: #fff;
	text-decoration: none;
}
#sitemap-wrap .singles {
	font-size:11px;
	font-weight: bold;
}

#sitemap-wrap ul {
	margin: 15px;
}
#sitemap-wrap li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#sitemap-wrap li {
	margin: 0 0 5px 0;
}
#sitemap-wrap li a:link,#sitemap-wrap li a:visited,#sitemap-wrap li a:hover,#sitemap-wrap li a:active {
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 6px;
}
#sitemap-wrap li a:hover {
	background: #d4e1c4;
	color: #fff;
	text-decoration: none;
}


#sitemap-wrap ul ul {
	margin: 10px;
}
#sitemap-wrap ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
#sitemap-wrap ul ul li {
	margin: 0 0 5px 0;
	width: 200px
}
#sitemap-wrap ul ul li a:link,#sitemap-wrap ul ul li a:visited,#sitemap-wrap ul ul li a:hover,#sitemap-wrap ul ul li a:active {
	display: block;
	text-decoration: none;
}
#sitemap-wrap ul ul li a:hover {
	background: #d4e1c4;
	color: #fff;
	text-decoration: none;
}




/* 1st TIER */
.leftnav ul {
background: none;
margin: 0
}
.leftnav li {
line-height: 1.4em;
padding-bottom: 1px;
list-style: none;
background: none;
margin-left: 0;
padding-left: 0
}
.leftnav a {
display: block;
padding: 5px 0 5px 20px;
background: url("../images/arrows_subnav.gif") no-repeat 5px -42px;
font-weight: bold;
font-family: arial;
border-top: dotted 1px #ccc;
}
.leftnav a,
.leftnav a:link,
.leftnav a:visited,
.leftnav a:hover,
.leftnav a:active {
text-decoration: none;
cursor: pointer
}
.leftnav a:link {
color: #5e5e5e
}
.leftnav a:visited {
color: #5e5e5e
}
.leftnav a:hover {
color: #996633;
background-position: 5px 8px;
}
.leftnav li.active a:link,
.leftnav li.active a:visited,
.leftnav li.active a:hover,
.leftnav li.active a:active {
color: #996633;
background-position: 5px 8px;
}

/* 2nd TIER */
.leftnav ul ul {
margin: 0 0 0 23px;
padding: 0;
font-size: 11px
}
.leftnav li.active li a,
.leftnav li.active li a:link,
.leftnav li.active li a:visited {
background: none;
padding: 0 0 0 12px;
font-weight: normal;
width: auto;
color: #5e5e5e;
width: 130px;
display: block;
border: none
}
.leftnav li.active li a:hover,
.leftnav li.active li a:active {
color: #996633;
background: none
}
.leftnav li.active li {
border: none;
margin: 0
}
.leftnav li.active li.active a:link,
.leftnav li.active li.active a:visited,
.leftnav li.active li.active a:hover,
.leftnav li.active li.active a:active {
font-weight: bold;
color: #996633
}

/* 3rd TIER */
.leftnav ul ul {
margin: 0 0 1em 13px;
padding: 0
}
.leftnav li.active li.active li a,
.leftnav li.active li.active li a:link,
.leftnav li.active li.active li a:visited {
width: 117px
}
.leftnav li.active li.active li a:link,
.leftnav li.active li.active li a:visited,
.leftnav li.active li.active li a:hover,
.leftnav li.active li.active li a:active {
font-weight: normal
}
.leftnav li.active li.active li.active a:link,
.leftnav li.active li.active li.active a:visited,
.leftnav li.active li.active li.active a:hover,
.leftnav li.active li.active li.active a:active {
font-weight: bold
}

/* 4th TIER */
.leftnav ul ul ul {
margin: 0 0 1em 13px;
padding: 0
}
.leftnav li.active li.active li.active li a,
.leftnav li.active li.active li.active li a:link,
.leftnav li.active li.active li.active li a:visited {
width: 104px
}
.leftnav li.active li.active li.active li a:link,
.leftnav li.active li.active li.active li a:visited,
.leftnav li.active li.active li.active li a:hover,
.leftnav li.active li.active li.active li a:active {
font-weight: normal
}
.leftnav li.active li.active li.active li.active a:link,
.leftnav li.active li.active li.active li.active a:visited,
.leftnav li.active li.active li.active li.active a:hover,
.leftnav li.active li.active li.active li.active a:active {
font-weight: bold
}

/* Footer */
.footer {color: #996633;
text-align: center;
margin: 0 auto;
padding: 0;
background: none;
width:920px;
z-index: 999;
}
.footer-base {
background: transparent url(../images/ftr_base.png) no-repeat top center;
height: 20px;
text-align: center;
margin: 0 auto;
padding-bottom: 30px;
width:920px;
}
#footer-links {
margin-left: auto;
margin-right: auto;
width: 870px;
text-align: center;
background: #fff;
clear:both;
}
#footer-links ul {
margin: 0px 20px;
}
#footer-links li {
background: transparent none repeat scroll 0%;
color: #996633;
display: inline;
font-size: 11px;
list-style-type: none;
margin: 0;
padding: 0 3px;
}
#footer-links ul li.separator {
color: #996633;
}
#footer-links a:link,#footer-links a:visited {
color: #4c721d;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-links li a:hover {
color: #4c721d;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-links li.active a:link,
#footer-links li.active a:visited,
#footer-links li.active a:hover,
#footer-links li.active a:active {
color: #4c721d;
}
#footer-copyright {
margin-left: auto;
margin-right: auto;
width: 870px;
padding-top: 10px;
text-align: center;
background: #fff;
clear:both;
}
#footer-copyright ul {
margin: 0px 20px;
padding: 3px 0;
}
#footer-copyright li {
background: transparent none repeat scroll 0%;
color: #996633;
display: inline;
font-size: 11px;
list-style-type: none;
margin: 0;
padding: 0 3px;
}
#footer-copyright ul li.separator {
color: #996633;
}
#footer-copyright a:link,#footer-copyright a:visited {
color: #4c721d;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-copyright li a:hover {
color: #4c721d;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#footer-copyright li.active a:link,
#footer-copyright li.active a:visited,
#footer-copyright li.active a:hover,
#footer-copyright li.active a:active {
color: #4c721d;
}