@charset "utf-8";
/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#25201f;
	text-align:center;
}

img {vertical-align:top;}
a img {border:none;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.75em;
		line-height:1.25em;
		color:#4e4946;
	}

input, select {
	vertical-align:middle;
	font-weight:normal;
}

a {color:#060; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

#headerlinks a {color:#333; text-decoration:none;}
#headerlinks a:hover {text-decoration:none; color:#060;}

/* ============================= main layout ====================== */

li {
	line-height:2.25em;
	padding-left:14px;
	background:url(../images/li-a-bg.gif) left 12px no-repeat;
}
li a {background:url(../images/marker.gif) left bottom repeat-x; text-decoration:none; color:#060; display:inline-block;}
li a:hover {text-decoration:none; color:#2fb3dc;}

.imgindent {margin:0 20px 10px 0; float:left; border: thin;}
.imgindentr {margin:0 0px 10px 20px; float:right; border: thin;}

.extra {background:url(../images/extra-bg.gif) top center repeat;}

h2 {font-size:2.16em; line-height:1.243em; color:#241f1e; padding:22px 0 19px 0;}
h2 strong {text-transform:uppercase;}

h3 {font-size:2.16em; line-height:1.243em; color:#171413; padding:30px 0 0 0;}
/* ============================= header ====================== */
.logo {float:left; padding:20px 0 17px 1px;}

.menu {background:url(../images/menu-bg-tail.gif) left top repeat-x; margin:0 0px 1px 1px;}
.menu-left {background:url(../images/menu-left-bg.gif) left top no-repeat;}
.menu-right {background:url(../images/menu-right-bg.gif) right top no-repeat; width:100%; overflow:hidden; height:35px;}

.menu li {float:left; background:url(../images/menu-li-bg.gif) right 4px no-repeat; padding:0 0 0 0; line-height:1.2em; font-size:1.5em;}
.menu li a {display:block; text-decoration:none; color:#fff; padding:6px 0px 0px 0px; position:relative; width:157px; text-align:center; height:268px; background:none;}
.menu li strong {display:block;}

.menu .first a {padding:0 0px 6px 0px; width:148px;}
.menu .first strong {padding:6px 0 0px 0px; height:35px;}

.menu .last {background:none;}
.menu .last a {padding:0 0px 6px 0px; width:150px;}
.menu .last strong {padding:6px 0px 0px 0px; height:35px;}

.menu li a:hover, .menu .active  {background:url(../images/menu-li-a-active.gif) left top repeat-x; color:#fff;}
.menu .first a:hover strong, .menu .first .active strong {background:url(../images/menu-left-bg-active.gif) left top no-repeat;}
.menu .last a:hover strong, .menu .last .active strong {background:url(../images/menu-right-bg-active.gif) right top no-repeat;}

/* ============================= content ====================== */
.box {background:url(../images/box-tail.gif) top left repeat-y; position:relative;}
.box .top-bg {background:url(../images/box-top-bg.gif) left top no-repeat;}
.box .bottom-bg {background:url(../images/box-bottom-bg.gif) left bottom no-repeat; width:100%; height:auto !important; height:100%px;}
.box .indent {padding:12px 28px 40px 31px;}

.col-pad {margin-right:62px;}
.col-pad1 {margin-right:58px;}
.col-pad2 {margin-right:40px;}

.ul-pad {padding-bottom:14px;}

.last {background:none;}

.date {display:inline-block; background:url(../images/date-bg.gif) left 2px no-repeat; color:#2fb3dc; text-transform:uppercase; padding-left:17px;}

.pad {
	padding-top:28px;
}
.pad1 {padding-top:15px;}
.pad2 {padding-top:23px;}
.productlogo {margin-bottom:5px;}

.h-pad {padding-top:30px;}
.h-pad1 {padding-top:70px;}

.title {color:#3a3632; text-transform:uppercase;}
.title1 {
	color:#1D2057;
	font-style:italic
}
.spacing {letter-spacing:-1px;}

.line {line-height:1.416em; display:inline-block;}

.border {background:url(../images/marker.gif) left bottom repeat-x; padding-bottom:22px; margin-bottom:9px;}
.border1 {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:22px;
}

.link {background:url(../images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.08333em; text-decoration:none; margin:24px 0 0 0px; color:#fff; font-weight:bold; cursor:pointer; font-size:1em;}
.link span {background:url(../images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 6px 0 6px;}
.link span span  {background:url(../images/link-tail-bg.gif) top repeat-x; padding:7px 6px 9px 6px;}

.link:hover {background:url(../images/link-left-bg-hover.gif) left top no-repeat; }
.link:hover span {background:url(../images/link-right-bg-hover.gif) right top no-repeat;}
.link:hover span span  {background:url(../images/link-tail-bg-hover.gif) top repeat-x;}

.link-margin {margin-top:40px;}

.banner {margin-top:54px; display:block;}

.phone {display:inline-block; width:64px;}

/*================= bold green links =================== */
#boldgreen li {line-height:2.25em; padding-left:5px; background: none;}
#boldgreen li a {font-size:1.3em; font-weight:bold; text-decoration:none; color:#060; display:inline-block;}
#boldgreen li a:hover {text-decoration:none; color:#333;}

/* ============================= footer ====================== */
#footer {background:url(../images/footer-bg.gif) left top repeat-x; margin-top:-27px;}
#footer .inner {background:url(../images/footer-inner-bg.jpg) top center no-repeat; padding-top:35px;}
#footer .col-1 {width:100% !important;}
#footer a {color:#666}
#footer .col-pad {padding-right:71px;}
#footer .indent {padding:21px 36px 0 34px;}
h4 {color:#666; font-size:1.08333em; background:url(../images/h4-bg.gif) left bottom repeat-x; padding:0 0 7px 0; margin-bottom:6px;}

#footer li {background:url(../images/footer-li-bg.gif) left 9px no-repeat; padding-left:14px; line-height:1.666em;}
#footer li a {color:#665c58; background:none; padding:0;}
#footer li a:hover { text-decoration:underline;}
#footer .right strong {text-transform:uppercase; color:#c5a887;}
#footer .right a {color:#675c59;}
#footer .right  {color:#675c59;}
#footer .right img {margin:17px 0 0 6px;}
/* ============================= forms ============================= */
#SearchForm {text-align:right !important;  padding:35px 1px 0 0;}
#SearchForm label {background:url(../images/input-bg.gif) right top no-repeat; height:26px; display:inline-block; vertical-align:top; margin-right:-3px;}
#SearchForm .input {width:195px; height:19px; border:none; padding:4px 6px 0 5px; font-size:1em;  vertical-align:top; color:#4e4946; margin-left:15px;}

#SignUpForm {text-align:right;}
#SignUpForm label {background:url(../images/input-bg1.gif) right top no-repeat; height:36px; display:inline-block; vertical-align:top; margin-right:-4px;}
#SignUpForm .input {width:198px; height:19px; border:none; padding:3px 6px 0 5px; font-size:1em;  vertical-align:top; color:#4e4946; margin-left:0px;}


#ContactForm label {height:42px; display:block;}
.alignright {text-align:right;}
.column1 {width:270px; float:left;}
.column2 {width:551px; float:left;}
.input {width:275px;  border:1px solid #a09b96; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.243em;}
textarea {width:545px; height:115px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#ContactForm .input {background:#fff;}

/*================= bold green links (Residential Site) =================== */
.greenfacts {margin:0px; padding:0px; line-height:0px;}

.linkbox {background: url(../residential/images/linkbox-tail-bg.png) top left repeat-y; position:relative;}
.linkbox .top-bg {background:url(../residential/images/linkbox-top-bg.png) left top no-repeat;}
.linkbox .bottom-bg {background:url(../residential/images/linkbox-bottom-bg.png) left bottom no-repeat; width:100%; height:auto !important; height:100%px;}

.thumbnails {float:left; border: thin; width:45px; height:35px; margin:2px;}
.producttable td{vertical-align:top}
.ptcol1{width:170px;}ol li {
	background-image: none;
}
ol li {
	padding-left: 0px;
}
ol {
	margin-left: 14px;
}
ol a:hover {
	color:#666;
}
