@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	background-color: #d1a86f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77572e;
}

#container {
	position: relative;
	min-height: 100%;
}

.clearer {
	clear: both;
}

p {
	margin: 0;
}


/* HEADER
================================================== */

#header-area {
	height: 34px;
	background-image: url(../images/template/header_stone_bg.jpg);
	background-repeat: repeat-x;
}

#header {
	height: 34px;
	width: 908px;
	margin: 0 auto;
	padding: 0 30px 0 22px;
}

#logo {
	position: absolute;
	height: 100px;	/*127*/
	width: 214px;	/*222*/
	border: 0;
}


/* BODY STRUCTURE
================================================== */

#outer-wrap {
	margin: 0;
	padding: 0;
	background-image: url(../images/template/gray_gradient_bg.gif);
	background-repeat: repeat-x;
}

#outer-wrap.home {
	background-image: url(../images/template/gray_gradient_home_bg.gif);
}

#content-area {
	width: 930px;
	margin: 0 auto;
	padding: 0 15px 100px 15px;
}

.one-col {
	float: left;
	width: 155px;
}

.two-col {
	float: left;
	width: 310px;
}

.four-col {
	float: left;
	width: 620px;
}

.five-col {
	float: left;
	width: 775px;
}

.six-col {
	padding-top: 20px;
}
.shadow {
	min-height: 415px;
	background-image: url(../images/template/content_shadow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


/* TOP NAV
================================================== */

#top-nav {
	float: right;
	margin-top: 9px;
	overflow: hidden;
}

#top-nav ul {
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-nav ul li {
	display: block;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0 10px;
	background-color: #000;
	background-image: url(../images/template/top_nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#top-nav ul li.first {
	padding-left: 0;
}

#top-nav ul li.last {
	background-image: none;
	padding-right: 5px;
}

#top-nav ul li a {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 25px;
	text-decoration: none;
	white-space: nowrap;
}

#top-nav a:hover {
	color: #bbb;
}

#top-nav img {
	float: right;
}


/* MAIN NAV
================================================== */

#main-nav {
	height: 52px;
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}

#main-nav ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#main-nav ul li a {
	display: block;
	float: left;
	height: 47px;
	margin: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a#nav-why {
	width: 115px;
	background-image: url(../images/template/nav/why_stonetile.gif);
}
a#nav-products {
	width: 88px;
	background-image: url(../images/template/nav/products.gif);
}
a#nav-gallery {
	width: 78px;
	background-image: url(../images/template/nav/gallery.gif);
}
a#nav-tips {
	width: 101px;
	background-image: url(../images/template/nav/design_tips.gif);
}
a#nav-install {
	width: 99px;
	background-image: url(../images/template/nav/installation.gif);
}
a#nav-service {
	width: 80px;
	background-image: url(../images/template/nav/service.gif);
}
a#nav-tech {
	width: 89px;
	background-image: url(../images/template/nav/technical.gif);
}

#main-nav ul li a:hover { background-position: 0 -47px }
#main-nav ul li a.nav-active { background-position: 0 -94px }


/* HOMEPAGE CONTENT
================================================== */

#feature-area {
	padding-top: 4px;
	background-image: url(../images/template/home_feature_shadow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#feature {
	min-height: 400px;
	/*background-image: url(../images/features/01.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	overflow: visible;
}

#gallery-selector {
	margin: 0 15px 10px 15px;
	border-top: 3px double #000;
	border-bottom: 3px double #000;
}

#gallery-selector ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#gallery-selector ul li {
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
}

#gallery-selector a {
	display: block;
	height: 52px;
	width: 100%;
	margin: 1px 0;
	background-repeat: no-repeat;
	background-position: center 16px;
	text-indent: -9999px;
	overflow: hidden;
}

#gallery-selector a:hover { background-position: center -20px; }

#gallery-selector a#gallery-link-res { background-image: url(../images/template/gallery_button_residential.gif) }
#gallery-selector a#gallery-link-com { background-image: url(../images/template/gallery_button_commercial.gif) }

a#home-fireplace-cta img {
	display: block;
	height: 104px;
	width: 280px;
	margin: 0 15px 1px;
	border: 0;
}

#feature-tagline {
	height: 65px;
	margin: 0 0 0 15px;
	padding-top: 100px;	/* 48 */
	text-align: center;
	background-image: url(../images/template/home_feature_tagline_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

#rainscreen-feature {
	margin: 0 9px;
	background-image: url(../images/template/rain_screen_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 21px;
}

#rainscreen-feature p {
	font-size: 11px;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 17px;
}

#rainscreen-logo {
	margin-top: 15px;
	margin-left: 40px;
}

#rainscreen-feature a.button-link {
	display: block;
	height: 25px;
	width: 181px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
	margin: 10px 40px;
	background-image: url(../images/template/rainscreen_feature_home_link.gif);
	background-repeat: no-repeat;
}

#home-lunchlearn-cta {
	height: 122px;
	margin: 30px 0 0 50px;
	padding-right: 30px;
	background-image: url(../images/template/lunchlearn_home_cta.gif);
	background-repeat: no-repeat;
}

#home-lunchlearn-cta p {
	float: right;
	width: 225px;
	margin-top: 30px;
	padding-left: 30px;
	padding-bottom: 2px;
	border-left: 1px solid #ba8f53;
	font-size: 11px;
	line-height: 17px;
}

#home-lunchlearn-cta p a {
	color: #000;
}

p a {
	color: #553a15;
}

p a:hover {
	color: #000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #ba8f53;
	padding: 0 0 15px 0;
}

p {
	font-size: 12px;
	line-height: 20px;
}

#home-intro {
	margin-left: 50px;
	margin-top: 45px;
}

#product-macro {
	/*margin: 6px 50px 0 54px;*/
	margin: 6px 0 0 32px;
}

#product-macro h4 {
	height: 21px;
	font-size: 11px;
	line-height: 21px;
	color: #fff;
	background-color: #000;
	padding: 0 0 5px 10px;
	margin: 0 0 1px 0;
}

#product-macro h4 span {
	color: #cfab7a;
}

#product-macro div {
	margin-top: 1px;
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
}

#product-macro div a {
	display: block;
	height: 35px;
	padding-left: 10px;
	margin-right: 10px;
	line-height: 35px;
	color: #fff;
	background-image: url(../images/template/arrow_orange_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#product-macro div a:hover { color: #f93 }

#product-macro img {
	display: block;
	border: 0;
}


/* STANDARD PAGE ELEMENTS
================================================== */

#banner-area {
	padding-top: 4px;
	margin-bottom: 15px;
	background-image: url(../images/template/banner_shadow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.banner {
	height: 200px;
	background-repeat: no-repeat;
	background-position: center top;
}

#products-section {	background-image: url(../images/template/section_banners/products.jpg) }
#why-section { background-image: url(../images/template/section_banners/why_stonetile.jpg) }
#contact-section { background-image: url(../images/template/section_banners/contact.jpg) }
#login-section { background-image: url(../images/template/section_banners/login.jpg) }
#gallery-section { background-image: url(../images/template/section_banners/gallery.jpg) }
#gallery-res-section { background-image: url(../images/template/section_banners/why_stonetile.jpg) }
#gallery-com-section { background-image: url(../images/template/section_banners/gallery_com.jpg) }
#gallery-multi-section { background-image: url(../images/template/section_banners/gallery_multi.jpg) }
#gallery-renos-section { background-image: url(../images/template/section_banners/gallery_renos.jpg) }
#gallery-mouldings-section { background-image: url(../images/template/section_banners/gallery_mouldings.jpg) }
#gallery-unique-section { background-image: url(../images/template/section_banners/gallery_unique.jpg) }
#gallery-install-section { background-image: url(../images/template/section_banners/gallery_install.jpg) }
#tips-section { background-image: url(../images/template/section_banners/design_tips.jpg) }
#aging-section { background-image: url(../images/template/section_banners/natural_aging.jpg) }
#rainscreen-section { background-image: url(../images/template/section_banners/rainscreen.gif) }
#service-section { background-image: url(../images/template/section_banners/service.jpg) }
#tech-section { background-image: url(../images/template/section_banners/technical.jpg) }
#install-section { background-image: url(../images/template/section_banners/installation.jpg) }

#title-area {
	height: 200px; /*86*/
	width: 930px;
	margin: 0 auto;
}

h1.section-title {
	position: relative;
	height: 38px;
	width: 450px;	/*266*/
	top: 150px;	/*50*/
	left: 15px;	/*198*/
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#products-title { background-image: url(../images/template/titles/products.gif) }
#why-title { background-image: url(../images/template/titles/why_stonetile.gif) }
#contact-title { background-image: url(../images/template/titles/contact.gif) }
#login-title { background-image: url(../images/template/titles/distributor_login.gif) }
#gallery-title { background-image: url(../images/template/titles/gallery.gif) }
#tips-title { background-image: url(../images/template/titles/design_tips.gif) }
#install-title { background-image: url(../images/template/titles/installation.gif) }
#aging-title { background-image: url(../images/template/titles/natural_aging.gif) }
#rainscreen-title { background-image: url(../images/template/titles/rainscreen_system.gif) }
#service-title { background-image: url(../images/template/titles/service.gif) }
#tech-title { background-image: url(../images/template/titles/technical.gif) }
#privacy-title { background-image: url(../images/template/titles/privacy_policy.gif) }
#sitemap-title { background-image: url(../images/template/titles/sitemap.gif) }
#estimate-title { background-image: url(../images/template/titles/free_estimate.gif) }

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #ba8f53;
	margin: 0;
	padding: 0 0 15px 0;
}

#left-nav {
	margin: 5px 15px 0 15px;
}

#left-nav ul {
	list-style: none;
	margin: 1px 0 0 0;
	padding: 15px 0 15px 20px;
	border-top: 1px solid #ba8f53;
	border-left: 1px solid #ba8f53;
	font-size: 11px;
	line-height: 22px;
}

#left-nav a {
	text-decoration: none;
	color: #77572e;
}

#left-nav a.nav-active { color: #000 }

#left-nav a:hover { color: #000 }

#left-nav ul ul {
	padding: 8px 0 10px 10px;
	border-left: 0;
	font-size: 10px;
	line-height: 16px;
}

h2.borderless {
	border: 0;
	padding-top: 0;
	margin: 0;
}

.cta {
	width: 281px;
	float: right;
	margin-top: -50px;
	margin-left: 15px;
	padding-bottom: 1px;
	border-bottom: 3px double #000;
}

.cta div {
	margin-top: 1px;
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
}

.cta div a {
	display: block;
	height: 35px;
	padding-left: 15px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
	color: #cfab7a;
	background-image: url(../images/template/arrow_orange_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.cta div a em {
	font-style: normal;
	color: #fff;
}

.cta div a:hover { color: #fff }

.cta img {
	display: block;
	border: 0;
}


/* PRODUCTS PAGE
================================================== */

#products-intro {
	margin: 44px 19px 30px 15px; 
	padding: 30px 30px 15px 30px; 
	background-color: #efdfc8;
	border: 1px solid #ba8f53;
}

#products-intro h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 0;
	padding-bottom: 20px;
}

#products-intro p {
	margin-bottom: 15px;
}

#products-intro p a {
	color: #000;
}
.connected-bucket-area {
	margin: 0 15px;
	border-top: 1px solid #ba8f53;
	border-left: 1px solid #ba8f53;
	border-right: 1px solid #ba8f53;
}

.connected-bucket {
	float: left;
	height: 347px;
	width: 247px;
	background-color: #efdfc8;
	border-right: 1px solid #ba8f53;
	border-bottom: 1px solid #ba8f53;
}

.connected-bucket a img {
	border: 0;
}

.connected-bucket.why {
	height: 287px;
}
.connected-bucket.why-company {
	height: 185px;
}
.connected-bucket.last {
	border-right: 0;
}

.connected-bucket.double {
	height: 292px;
	width: 495px;
}

.connected-bucket p {
	padding: 15px 20px 0 20px;
	line-height: 18px;
}

.connected-bucket ul {
	list-style: none;
	margin: 0;
	padding: 5px 20px;
	font-size: 11px;
}

.connected-bucket ul li {
	padding-left: 12px;
	margin: 3px 0;
	background-image: url(../images/template/orange_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}

.connected-bucket ul li.first {
	font-weight: bold;
	background-image: url(../images/template/orange_boxes_bullet.gif);
	background-position: left center;
}

.connected-bucket ul li a {
	color: #000;
	text-decoration: none;
}

.connected-bucket ul li a:hover {
	text-decoration: underline;
}

#list-group {
	border-top: 1px solid #ba8f53;
	margin: 10px 20px 10px 20px;
	padding-top: 10px;
}

#list-group ul {
	float: left;
	padding: 0 30px 0 0;
}

#list-group ul.last {
	padding: 0;
}

#accessories-tn {
	float: right;
	margin-top: 3px;
	margin-left: 20px;
}

#accessories-link {
	display: block;
	height: 25px;
	width: 187px;
	margin-left: 20px;
	padding-left: 25px;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	color: #000;
	background-image: url(../images/template/accessories_link_bg.gif);
	background-repeat: no-repeat;
}

#accessories-link:hover {
	text-decoration: underline;
}

#tech-cta {
	float: left;
	height: 292px;
	width: 247px;
	background-color: #cea776;
	background-image: url(../images/template/tech_cta_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 35px;
	border-bottom: 1px solid #ba8f53;
}

#tech-cta div {
	height: 35px;
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
}

#tech-cta h4 {
	margin: 0 20px 20px 20px;
	padding: 25px 0 15px 0;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	line-height: 21px;
	border-bottom: 3px double #efdfc8;
}

#tech-cta h4 strong {
	color: #846235;
}

#tech-cta ul {
	font-size: 12px;
	line-height: 18px;
	margin-left: 5px;
	margin-bottom: 20px;
}

#tech-cta a {
	display: block;
	height: 25px;
	width: 182px;
	line-height: 25px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	margin-left: 20px;
	padding-left: 25px;
	background-image: url(../images/template/tech_cta_link_bg.gif);
	background-repeat: no-repeat;
}

#tech-cta a:hover {
	text-decoration: underline;
}

#connected-bucket-area-footer {
	height: 20px;
	background-color: #ba8f53;
	margin: 1px 15px 0 15px;
}

#connected-bucket-area-footer img { display: block }
#connected-bucket-area-footer img.left-corner { float: left }
#connected-bucket-area-footer img.right-corner { float: right }

#connected-bucket-area-footer.pad-bot { margin-bottom: 20px }

h4.button-link {
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
}

h4.button-link a {
	display: block;
	height: 35px;
	padding-left: 15px;
	margin-right: 10px;
	text-decoration: none;
	color: #fff;
	background-image: url(../images/template/arrow_orange_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

h4.button-link.gallery a {
	color: #cfab7a;
}

h4.button-link.gallery a em {
	color: #fff;
	font-style: normal;
}

h4.button-link.gallery a img {
	vertical-align: bottom;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 0;
}


/* PRODUCT TYPE PAGE
================================================== */

#product-type-content {
	margin: 20px 15px;
}

#product-type-content h2 {
	float: left;
	font-size: 24px;
}

#product-type-feature-area {
	position: relative;
	height: 380px;
	width: 745px;
	margin-top: 1px;
	border-bottom: 9px solid #333;
	overflow: hidden;
}

#product-type-feature-area img {
	position: absolute;
	visibility: hidden;
}

#product-type-feature-area img.show {
	visibility: visible;
}

#product-type-feature-area img.hide {
	visibility: hidden;
}

#product-type-feature-img {
	margin-top: 1px;
	border-bottom: 9px solid #333;
}

#product-type-content-area {
	padding: 20px 20px 0 20px; 
	background-color: #efdfc8;
	border: 1px solid #ba8f53;
}

#product-type-content-area h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	border: 0;
}

#product-type-content-area p {
	margin-bottom: 20px;
}

#prod-type-lcol {
	float: left;
	width: 465px;
	padding-top: 10px;
}

#prod-type-rcol {
	float: right;
	width: 220px;
}

#product-selector {
	float: right;
	font-size: 11px;
	line-height: 30px;
}

#product-selector select {
	width: 150px;
	margin-left: 15px;
	margin-right: 30px;
}

#aging-bucket .area-link {
	position: absolute;
	height: 90px;
	width: 465px;
}

#aging-bucket {
	margin: 20px 0;
}

#aging-bucket-content {
	margin-bottom: 1px;
	background-color: #dcbf97;
	background-image: url(../images/template/aging_bucket_bg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #cca473;
	border-bottom: 1px solid #cca473;
}

#aging-bucket-text{
	float: left;
	width: 230px;
}

#aging-bucket img { display: block }

#aging-bucket h4 {
	margin: 0;
	padding: 15px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	color: #000;
}

#aging-bucket-content a {
	display: block;
	margin-top: 7px;
	margin-left: 20px;
	padding-left: 20px;
	font-size: 11px;
	line-height: 14px;
	color: #553a15;
	background-image: url(../images/template/arrow_orange_lightbeige.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#aging-bucket-content a:hover { color: #000 }

#aging-bucket-content img {
	float: right;
}

#product-details-lcol, #product-details-rcol {
	float: left;
	width: 222px;
}

#product-details-lcol { margin-right: 21px }

.product-sizes {
	width: 222px;
	font-size: 10px;
	line-height: 20px;
	color: #000;
	border-spacing: 0;
	margin-bottom: 40px;
}

.product-sizes.no-header {
	margin-top: 10px;
	border-top: 3px double #cca473;
}

.product-sizes th {
	font-weight: normal;
	text-align: left;
	line-height: 27px;
	text-indent: 10px;
	border-bottom: 3px double #cca473;
}

.product-sizes th.first, .product-sizes col.first { width: 60% }
.product-sizes th.second, .product-sizes col.second { width: 40% }

.product-sizes tfoot td {
	padding-top: 1px;
	text-indent:  0;
}

.product-sizes td {
	text-indent: 10px;
	padding: 0;
}

.product-sizes .even {
	background-color:  #e2c9a6;
}

.product-img {
	display: block;
	margin-bottom: 40px;
}

.product-img.center {
	margin: 0 auto 40px auto;
}

.product-img.no-pad {
	margin-bottom: 0;
}

#product-gallery {
	font-size: 11px;
	color: #000;
}

#product-gallery-imgs {
	margin-top: 7px;
	padding-top: 10px;
	border-top: 3px double #cca473;
	border-bottom: 3px double #cca473;
}

#product-gallery-imgs img {
	border: 0;
}

#product-gallery-imgs a { 
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 3px solid #fff;
}

#product-gallery-imgs a.right {
	float: right;
	margin-right: 0;
}

#product-gallery-imgs a:hover { border: 3px solid #000 }

#swatch-area {
	margin: 0 0 0 15px;
}

.swatch {
	float: left;
	height: 130px;
	width: 227px;
	margin-right: 29px;
	margin-bottom: 29px;
	background-image: url(../images/template/color_swatch_bg.gif);
	background-repeat: no-repeat;
}

.swatch.last {
	margin-right: 0;
}

.swatch img {
	margin: 10px 0 0 10px;
}

#free-estimate-cta {
	display: block;
	margin: 40px 15px;
	padding-bottom: 1px;
	border-bottom: 3px double #000;
}

#free-estimate-cta img {
	display: block;
	border: 0;
}

h2.page-title {
	font-size: 24px;
	margin: 20px 0 -30px 15px;
	padding: 0;
}

h2.page-title.pad {
	margin-bottom: 20px;
}

#feature-product-selector {
	float: right;
	width: 280px;
	border-top: 3px double #000;
	border-bottom: 3px double #000;
	margin-left: 15px;
	margin-bottom: 20px;
}

#feature-product-selector div {
	background-color: #000;
	background-image: url(../images/template/product_selector_bg.gif);
	background-repeat: repeat-x;
	padding: 15px 20px;
	margin: 1px 0;
}

#feature-product-selector label {
	display: block;
	font-size: 11px;
	margin-bottom: 7px;
	color: #b6966c;
}

#feature-product-selector label.gallery {
	line-height: 15px;
	padding-left: 25px;
	background-image: url(../images/template/gallery_icon.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}

#feature-product-selector label em { 
	color: #fff;
	font-style: normal;
}

#types-thumbs-area {
	margin: 0 0 0 15px;
}

.types-thumb {
	float: left;
	width: 360px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 1px;
	border-top: 3px double #000;
}

.types-thumb.right {
	margin-right: 0;
}

.types-thumb div {
	height: 180px;
	padding-top: 10px;
	text-align: center;
	background-color: #d1a970;
	background-image: url(../images/template/type_thumb_bg.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #efdfc8;
	border-right: 1px solid #efdfc8;
}

.types-thumb div a {
	display: block;
	height: 100%;
	width: 100%;
}

.types-thumb div img, .types-thumb img {
	border: 0;
}


/* FIREPLACES
================================================== */

#fireplace-lcol {
	float: left;
	width: 370px;
}

#fireplace-rcol {
	float: right;
	width: 281px;
}

#fireplace-download-cta a {
	font-size: 13px;
}

#fireplace-lcol h2.borderless {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px double #ba8f53;
}

#fireplace-feature { display: block }

ul#fireplace-features {
	list-style-type: none;
	border-top: 1px solid #ba8f53;
	padding: 0;
	margin: 30px 0;
}

ul#fireplace-features li {
	border-bottom: 1px solid #ba8f53;
	padding: 10px 0 10px 38px;
	font-size: 16px;
	color: #846235;
	background-image: url(../images/template/checkbox.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

#fireplace-lcol a.button-link {
	display: block;
	height: 25px;
	width: 251px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
	margin-bottom: 10px;
	background-image: url(../images/template/fireplace_button_link.gif);
	background-repeat: no-repeat;
}

ul#fireplace-details {
	font-size: 12px;
	line-height: 18px;
	padding-right: 15px;
	padding-left: 40px;
}

ul#fireplace-details li {
	margin-bottom: 18px;
}

#fireplace-gallery {
	padding: 0 15px;
}

a#products-fireplace-banner {
	display: block;
	height: 100px;
	margin: -10px 15px 20px 15px;
	background-image: url(../images/template/products_fireplace_banner.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/* FAQs
================================================== */

a.faq-link {
	display: block;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	padding: 10px;
	border-bottom: 1px solid #cea776;
}

a.faq-link.last {
	margin-bottom: 30px;
}

a.faq-link:hover {
	background-color: #f90;
}

.faq {
	padding: 30px 30px 10px 30px;
	background-image: url(../images/template/faq_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#faq-rainscreen-flash {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}


/* HISTORY
================================================== */

table.history {
	border: 0;
	border-spacing: 0;
	margin-top: 40px;
}

td.year-col {
	width: 105px;
	font-size: 16px;
	color: #000;
	text-align: center;
	vertical-align: top;
	padding-top: 28px;
}

td.info-col {
	height: 100px;
	vertical-align: top;
	background-image: url(../images/template/faq_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px 25px 0 25px;
}


/* CONTACT
================================================== */

.content-area {
	margin: 0 15px 0 15px;
	padding: 30px;
	background-color: #efdfc8;
	border: 1px solid #ba8f53;
}

#contact-area p {
	line-height: 18px;
}

#head-office-info {
	float: left;
	width: 270px;
}

#distributor-info {
	float: right;
}

table#distributors {
	width: 550px;
	border: 0;
	border-spacing: 0;
}

#distributors td {
	width: 50%;
	padding: 2px 0 20px 30px;
	border-left: 1px solid #ba8f53;
}

#distributors tr.last td {
	padding-bottom: 2px;
}

#distributors strong, #distributors a {
	color: #000;
}


/* DISTRIBUTOR LOG-IN
================================================== */

#login-area form {
	margin: 0;
	padding: 35px;
	background-image: url(../images/template/faq_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login-area form h4 {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 13px;
	color: #000;
}

#login-area .form-row {
	margin-bottom: 20px;
}

#login-area label {
	position: absolute;
	line-height: 27px;
}

#login-area input.text {
	position: relative;
	height: 15px;
	width: 240px;
	left: 90px;
	background-image: url(../images/template/textbox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cca473;
	padding: 5px;
}

#login-area input.button {
	height: 25px;
	width: 212px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	margin-top: 20px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-color: #efdfc8;
	background-image: url(../images/template/submit_button_bg.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}


/* GALLERYS
================================================== */

#gallery-intro {
	margin: 44px 19px 30px 15px;
}

#gallery-intro-text {
	float: left;
	width: 435px;
}

#gallery-intro-text h2 {
	font-size: 24px;
	margin-top: 0;
}

#gallery-thumb-area {
	margin-left: 25px;
}

.gallery-thumb {
	float: left;
	height: 165px;
	width: 169px;
	margin: 0 12px 16px 0;
	padding: 4px 0 0 4px;
	background-image: url(../images/template/gallery_thumb_shadow.gif);
	background-repeat: no-repeat;
}

.gallery-thumb img {
	display: block;
	border: 0;
}

.gallery-thumb a {
	position: relative;
	display: block;
	height: 165px;
	width: 165px;
}

.gallery-thumb a img.enlarge {
	position: absolute;
	left: 42px;
	bottom: 0;
	visibility: hidden;
}

.gallery-thumb a:hover img.enlarge {
	visibility: visible;
}

#fireplace-gallery .gallery-thumb {
	height: auto;
}

#fireplace-gallery .gallery-thumb a {
	height: 135px;
}

#fireplace-gallery .gallery-thumb a img.enlarge {
	bottom: 8px;
}

#fireplace-gallery .gallery-thumb a#gallery-label {
	height: 23px;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 5px;
	color: #846235;
	border-top: 3px double #ba8f53;
	border-bottom: 3px double #ba8f53;
}



/* DESIGN TIPS
================================================== */

#design-tips-area {
	margin: 0 15px 20px 15px;
	padding-top: 30px;
}

#design-tips-tabs {
	position: relative;
	height: 59px;
	background-image: url(../images/template/design_tips_nav_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 15px;
}

#design-tips-lcorner {
	position:absolute; 
	left: 0;
	bottom: 0;
}

#design-tips-rcorner {
	position:absolute; 
	right: 0;
	bottom: 0;
}

#design-tips-tabs ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#design-tips-tabs ul li {
	display: block;
	float: left;
	height: 59px;
	width: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#design-tips-tabs a {
	display: block;
	height: 31px;
	width: 150px;
	font-size: 11px;
	text-decoration: none;
	color: #efdfc8;
	margin-top: 15px;
	padding-top: 13px;
	background-image: url(../images/template/design_tips_divider.gif);
	background-repeat: no-repeat;
	background-position: right 15px;
}

#design-tips-tabs a:hover {	color: #333 }

#design-tips-tabs a.previous-tab {
	background: none;
}

#design-tips-tabs a.active-tab {
	height: 31px;
	color: #333;
	font-weight: bold;
	margin-top: 0;
	padding-top: 28px;
	background-image: url(../images/template/design_tips_tab.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#design-tips-tabs a.first.active-tab {
	width: 135px;
	padding-right: 15px;
	background-image: url(../images/template/design_tips_left_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#design-tips-tabs a.last { background: none }

#design-tips-tabs a.last.active-tab {
	width: 135px;
	padding-left: 15px;
	background-image: url(../images/template/design_tips_right_tab.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#design-tips-content {
	padding: 20px 40px 20px 20px;
	background-color: #efdfc8;
	border: 1px solid #ba8f53;
	border-top: 0;
}

#design-tips-img {
	float: left;
}

#design-tips-text {
	float: right;
	width: 240px;
}

#design-tips-text h2 {
	font-size: 24px;
	padding-top: 0;
	margin-top: 0;
}

#design-tips-text p {
	line-height: 18px;
	padding-bottom: 18px;
}

#design-tips-nav {
	background-image: url(../images/template/design_tips_button_bg.gif);
	background-repeat: no-repeat;
}

#design-tips-nav a {
	display: block;
	height: 34px;
	width: 90px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-top: 5px;
	background-image: url(../images/template/arrow_orange_lightbeige.gif);
	background-repeat: no-repeat;
}

#design-tips-nav a em {
	font-weight: normal;
	color: #846235;
	white-space: nowrap;
}

#design-tips-nav a:hover em { color: #000 }

#design-tips-nav .left {
	float: left;
}

#design-tips-nav .left a {
	background-position: 10px center;
	padding-left: 30px;
}

#design-tips-nav .right { 
	float: right;
}

#design-tips-nav .right a { 
	background-position: 95px center;
	padding-right: 30px;
	text-align: right;
}

#design-tips-area #connected-bucket-area-footer {
	margin-left: 0;
	margin-right: 0;
}

.content-area#design-tips {
	margin-top: 20px;
}

#design-tips-estimate-cta {
	float: right;
	margin-left: 20px;
	border: 0;
}


/* INSTALLATION	
================================================== */

.content-area#installation-area {
	padding-left: 0;
	padding-right: 0;
}

#installation-area .content-col-group {
	padding: 0 25px 0 30px;
	background-image: url(../images/template/content_col_rules.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

#installation-area .content-col {
	float: left;
	width: 239px;
	padding-right: 30px;
	margin-right: 30px;
}

#installation-area .content-col.last {
	width: 245px;
	padding-right: 0;
	margin-right: 0;
}

#installation-area h4 {
	margin: 0;
	padding: 0 0 18px 0;
	font-size: 12px;
	color: #000;
}

#installation-area p {
	line-height: 18px;
	padding-bottom: 18px;
}

#installation-area ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#installation-area ol li {
	line-height: 54px;
	padding-left: 25px;
	background-image: url(../images/template/ordered_list_bg.gif);
	background-repeat: no-repeat;
}

#installation-area ol li span {
	color: #000;
}

#installation-area img.pad-bot {
	margin-bottom: 18px;
}

#install-estimate-cta {
	border: 0;
}

#install-tech-cta {
	background-color: #cea776;
	background-image: url(../images/template/tech_cta_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #ba8f53;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#install-tech-cta h4 {
	margin: 0 15px 15px 15px;
	padding: 15px 0 15px 0;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	line-height: 21px;
	border-bottom: 3px double #efdfc8;
}

#install-tech-cta h4 strong {
	color: #846235;
}

#install-tech-cta ul {
	font-size: 12px;
	line-height: 18px;
	margin-left: 5px;
	margin-bottom: 20px;
}

#install-tech-cta a {
	display: block;
	height: 25px;
	width: 182px;
	line-height: 25px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	margin-left: 20px;
	padding-left: 25px;
	background-image: url(../images/template/tech_cta_link_bg.gif);
	background-repeat: no-repeat;
}

#install-tech-cta a:hover {
	text-decoration: underline;
}


/* NATURAL AGING
================================================== */

#natural-aging h2 {
	font-size: 24px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 30px;
}

#natural-aging .content-col-group {
	background-image: url(../images/template/content_col_rule.gif);
	background-repeat: repeat-y;
	background-position: center 0;
	margin-bottom: 20px;
}

#natural-aging .content-col {
	float: left;
	width: 389px;
	margin-right: 30px;
	padding-right: 30px;
}

#natural-aging .content-col.last {
	margin-right: 0;
	padding-right: 0;
}

#natural-aging h4 {
	margin: 0;
	padding: 18px 0 18px 0;
	font-size: 12px;
	color: #000;
}

#natural-aging h4.first {
	padding: 0 0 18px 0;
}

#natural-aging p {
	line-height: 18px;
	padding-bottom: 18px;
}

#natural-aging img.pad-bot {
	margin-bottom: 18px;
}

#historic-gallery { padding-left: 5px }

#historic-gallery .gallery-thumb {
	background-image: url(../images/template/gallery_thumb_light_shadow.gif);
}


/* RAINSCREEN
================================================== */

#rainscreen h2 {
	font-size: 24px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 30px;
}

#rainscreen h4 {
	margin: 0;
	padding: 18px 0 18px 0;
	font-size: 12px;
	color: #000;
}

#rainscreen h4.first {
	padding: 0 0 18px 0;
}

#rainscreen p {
	line-height: 18px;
	padding-bottom: 18px;
}

#rainscreen .content-col-group {
	background-image: url(../images/template/content_col_rule.gif);
	background-repeat: repeat-y;
	background-position: 268px 0;
	margin-bottom: 20px;
}

#rainscreen .content-col {
	float: left;
	width: 238px;
	margin-right: 30px;
	padding-right: 30px;
}

#rainscreen .content-col.last {
	width: 540px;
	margin-right: 0;
	padding-right: 0;
}

#rainscreen-animation-text {
	background-color: #f4ebde;
	border: 1px solid #cca473;
	margin-top: 10px;
	padding: 20px;
}

#rainscreen-animation-text h4, #rainscreen-animation-text p {
	display: inline;
	margin: 0;
	padding: 0;
	color: #846235;
}

/* SERVICE
================================================== */

#service h2 {
	font-size: 24px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 30px;
}

#service h4 {
	margin: 0;
	padding: 18px 0 18px 0;
	font-size: 12px;
	color: #000;
}

#service p {
	line-height: 18px;
	padding-bottom: 18px;
}

#service .content-col {
	float: left;
	width: 481px;
	margin-right: 30px;
}

#service .content-col p {
	padding-right: 30px;
}

#service .content-col.last {
	width: 327px;
	margin-right: 0;
	padding-right: 0;
}

#service form {
	margin: 0;
	padding: 0;
}

.field-group {
	padding: 15px 30px 10px 35px;
	background-image: url(../images/template/faq_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#service .form-row {
	position: relative;
	height: 27px;
	margin-bottom: 15px;
}

#service label {
	line-height: 27px;
}
#service input, #service select, #service textarea {
	position: absolute;
	left: 120px;
}

#service input.text {
	height: 15px;
	width: 240px;
	background-image: url(../images/template/textbox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cca473;
	padding: 5px;
}

#service textarea {
	height: 105px;
	width: 240px;
	background-image: url(../images/template/textbox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cca473;
	padding: 5px;
}

#service .form-row.textarea {
	height: 117px;
}

#photo-upload-area {
	background-color: #ead6b9;
	border: 1px solid #cca473;
	margin: 15px 0 30px 35px;
	padding: 0 20px 20px 20px;
}

#photo-upload-area h4 {
	line-height: 51px;
}

#photo-upload-area h4 span {
	font-weight: normal;
}

#photo-upload-area h4 img {
	float: left;
	margin-right: 10px;
}

#service input.file {
	position: static;
	margin-bottom: 20px;
}

#service input.button {
	position: static;
	height: 25px;
	width: 212px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	margin-bottom: 30px;
	margin-left: 35px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-color: #efdfc8;
	background-image: url(../images/template/submit_button_bg.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
}

#service #aging-bucket {
	margin: 0;
}

#service #aging-bucket-text {
	width: 202px;
}

#service #aging-bucket h4 {
	margin: 0;
	padding: 15px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	color: #000;
}


/* TECHNICAL
================================================== */

#tech-intro {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../images/template/auto_cad_cta_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#tech-intro h2 {
	padding: 30px 0 20px 30px;
}

#tech-intro p {
	line-height: 18px;
	padding: 0 0 30px 30px;
}

#tech-intro-text {
	float: left;
	width: 567px;
	padding-right: 30px;
}

#auto-cad-cta {
	float: right;
	width: 299px;
	/*border-left: 1px solid #ba8f53;*/
}

#auto-cad-cta div {
	padding: 20px 30px;
}

#auto-cad-cta h4 {
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #ba8f53;
	padding: 6px 0 8px 25px;
	margin: 0 0 12px 0;
	background-image: url(../images/template/download_icon.gif);
	background-repeat: no-repeat;
}

#auto-cad-cta p {
	font-size: 11px;
	line-height: 16px;
	color: #000;
	padding: 0;
	margin: 0 0 12px 0;
}

#auto-cad-cta a {
	display: block;
	height: 25px;
	width: 187px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
	margin-top: 12px;
	background-image: url(../images/template/auto_cad_cta_link_bg.gif);
	background-repeat: no-repeat;
}

#tech #col-headings .content-col {
	width: 299px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #ba8f53;
}
#tech #col-headings .content-col.first { width: 269px }
#tech #col-headings .content-col.last { width: 267px; border: 0 }

#tech #col-headings h4 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height: 35px;
	background-color: #000;
	background-image: url(../images/template/gallery_button_bg.gif);
	background-repeat: repeat-x;
	padding: 0 0 0 15px;
	margin: 0;
}

#tech .content-col-group {
	padding-top: 30px;
	background-image: url(../images/template/content_col_rules.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

#tech .content-col {
	float: left;
	width: 239px;
	padding-right: 30px;
	margin-right: 30px;
}

#tech .content-col.last {
	padding-right: 0;
	margin-right: 0;
}

#tech .content-col-group .content-col h4 {
	padding: 0;
	margin: 0 0 20px 0;
}

#tech p {
	line-height: 18px;
	margin: 0 0 18px 0;
}

#tech p a {
	color: #000;
}

#tech ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

#tech li {
	font-size: 10px;
	border-bottom: 1px solid #dcbf97;
}

#tech li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 8px 5px;
}

#tech li a:hover {
	background-color: #f90;
}

#tech a.button-link {
	display: block;
	height: 25px;
	width: 207px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
	margin-top: 12px;
	margin-bottom: 30px;
	background-image: url(../images/template/tech_link_bg.gif);
	background-repeat: no-repeat;
}

#tech #lunch-learn-cta {
	display: block;
	border-top: 3px double #ba8f53;
	padding-top: 20px;
	margin-bottom: 20px;
}


/* PRODUCT FEATURES
================================================== */

#features-intro {
	margin: 9px 19px 0 15px;
}

#features-intro-content {
	position: relative;
	background-color: #efdfc8;
	background-image: url(../images/template/product_features_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-left: 1px solid #ba8f53;
}

#features-intro-text {
	position: absolute;
	width: 330px;
	bottom: 30px;
}
#features-intro-text h2 {
	font-size: 32px;
	color: #846235;
	padding: 0 0 20px 30px;
}

#features-intro-text h2 em {
	font-style: normal;
	color: #000;	
}

#features-intro-text p {
	padding: 0 0 0 30px;
}

#features-intro-imgs {
	float: right;
	width: 352px;
}

#features-intro-imgs img {
	display: block;
}

#features-navigation {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	border-top: 0;
	border-bottom: 0;
}

#features-nav-area {
	margin: 0;
	padding: 0 30px 0 0;
	border-top: 1px solid #000;
}

#features-nav {
	position: relative;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 38px;
	text-align: center;
	background-color: #000;
	background-image: url(../images/template/features_nav_bg.gif);
	background-repeat: repeat-x;
}

#features-nav a {
	padding: 10px;
	text-decoration: none;
	color: #fff;
}

#features-nav-lbg {
	position: absolute;
	left: 0;
}

#features-nav-rbg {
	position: absolute;
	right: 0;
}

#features {
	border-top: 0;
	padding-top: 0;
}

#features h2 {
	font-size: 24px;
	border-bottom: 3px double #ba8f53;
	margin-top: 0;
}

#features h2.borderless { border: 0 }

#features h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border: 0;
	margin: 0 0 18px 0;
	padding: 0;
}

#features h4 {
	font-size: 12px;
	margin: 0 0 18px 0;
	padding: 0;
}

#features p { 
	line-height: 18px;
	margin-bottom: 18px;
}

#features p a {
	color: #000;
}

#features img.pad-bot {
	margin-bottom: 18px;
}

#features ul {
	margin-top: 0;
	margin-bottom: 18px;
}

#features ul li {
	line-height: 18px;
}

#features-install {
	margin-right: 26px;
	margin-bottom: 20px;
	background-image: url(../images/template/content_col_rule.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

#features-install .content-col {
	float: left;
	width: 298px;
	margin-right: 30px;
	padding-right: 30px;
}

#features-install .content-col.last {
	margin-right: 0;
	padding-right: 0;
}

.diagram {
	margin-right: auto;
}

.diagram .diagram-tn {
	border: 1px solid #ba8f53;
}

.enlarge-diagram {
	height: 24px;
	position: relative;
	background-image: url(../images/template/enlarge_diagram_bg.gif);
	background-repeat: repeat-x;
}

.enlarge-diagram .left-corner {
	position: absolute;
	left: 0;
}

.enlarge-diagram .right-corner {
	position: absolute;
	right: 0;
}

.enlarge-diagram a {
	position: absolute;
	display: block;
	height: 24px;
	/*width: 100%;*/
	font-size: 11px;
	line-height: 24px;
	text-decoration: none;
	color: #000;
	padding-left: 25px;
	background-image: url(../images/template/arrow_orange_lightbeige.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	z-index: 1;
}

.diagram.pad-bot {
	margin-bottom: 20px;
}

p.no-pad {
	margin-bottom: 0;
	padding-bottom: 0;
}

#features-maintain {
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../images/template/content_col_rule.gif);
	background-repeat: repeat-y;
	background-position: 328px 0;
}

#features-maintain .content-col {
	float: left;
	width: 296px;
	margin-right: 30px;
	padding-right: 30px;
}

#features-maintain .content-col.last {
	width: 327px;
	margin-right: 0;
	padding-right: 0;
}

#features-maintain #aging-bucket {
	margin: 0;
}

#features-maintain #aging-bucket-text {
	width: 202px;
}

#features-maintain #aging-bucket h4 {
	margin: 0;
	padding: 15px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	color: #000;
}

#sizes, #environment, #warranty {
	float: left;
	width: 209px;
	margin-right: 28px;
}

#warranty {
	margin-right: 0;
}

#protection-area {
	margin-bottom: 35px;
}

#protection {
	padding-top: 10px;
	background-color: #e7d1b4;
	background-image: url(../images/template/protection_bg.gif);
	background-repeat: repeat-y;
	background-position: right 0;
	border-left: 1px solid #e0c39d;
}

#protection .content-col {
	float: left;
	width: 226px;
	margin-right: 1px;
}

#protection .content-col.last {
	margin-right: 0;
}

#protection h3 {
	font-size: 13px;
	line-height: 28px;
	color: #fff;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	background-repeat: repeat-x;
}

#protection h3#features-rainscreen {
	background-color: #186d9e;
	border: 1px solid #186d9e;
	border-right: 0;
	background-image: url(../images/template/features_rainscreen_head_bg.gif);
}

#protection h3#features-uv {
	background-color: #d37316;
	border: 1px solid #d37316;
	border-right: 0;
	background-image: url(../images/template/features_uv_head_bg.gif);
}

#protection h3#features-firefade {
	background-color: #682c22;
	border: 1px solid #682c22;
	border-right: 0;
	background-image: url(../images/template/features_firefade_head_bg.gif);
}

#protection p {
	color: #000;
	padding: 0 20px;
}

#protection .content-col img {
	margin-left: 20px;
}

#protection a.button-link {
	display: block;
	height: 25px;
	width: 186px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
	margin: 10px 0 10px 20px;
	background-image: url(../images/template/features_protection_link_bg.gif);
	background-repeat: no-repeat;
}

#protection .diagram {
	margin-left: 20px;
	margin-right: 18px;
}

#protection .diagram img {
	margin: 0;
}


/* CTA MODULE
================================================== */

#cta-module-area {
	margin: 0 -22px 0 -15px;
}

#cta-module {
	position: relative;
	height: 240px;
	background-image: url(../images/template/cta_module_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#cta-module .left {
	position: absolute;
	top: 0;
	left: 30px;
}

#cta-module .right {
	position: absolute;
	top: 0;
	right: 40px;
}

#cta-module-inner {
	background-color: #ba8f53;
	margin: 0 40px 35px 30px;
	padding: 0 0 1px 1px;
}

#cta-module h3 {
	height: 34px;
	margin: 0;
	padding: 0 15px;
	font-size: 14px;
	line-height: 34px;
	color: #77572e;
	background-color: #d1a86f;
	background-image: url(../images/template/cta_module_head_bg.gif);
	background-repeat: repeat-x;
}

#cta-module .bucket {
	float: left;
	height: 165px;
	width: 223px;
	margin-right: 1px;
	padding: 0;
}

#cta-module .bucket img {
	border: 0;
}

#cta-module #newsletter-signup {
	height: 147px;
	padding: 18px 20px 0 20px;
	background-color: #efdfc8;
	background-image: url(../images/template/cta_module_newsletter_bg.gif);
	background-repeat: no-repeat;
}

#cta-module #newsletter-signup h2 {
	font-size: 21px;
	color: #a1835c;
	margin: 0 0 15px 78px;
	padding: 0;
	border: 0;
}

#cta-module #newsletter-signup form {
	margin: 0;
	padding: 0;
}

#cta-module #newsletter-signup input.text {
	height: 15px;
	width: 170px;
	left: 90px;
	background-image: url(../images/template/textbox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cca473;
	margin-bottom: 12px;
	padding: 5px;
}

#cta-module #newsletter-signup input.button {
	height: 25px;
	width: 83px;
	padding-left: 20px;
	background-color: #e4caa8;
	background-image: url(../images/template/cta_module_newsletter_button.gif);
	background-repeat: no-repeat;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	cursor: pointer;
}

/* NEWSLETTER SIGNUP PAGE
================================================== */

form#newsletter-signup {
	margin: 15px 0 0 0;
	padding: 0;
}

form#newsletter-signup input.text {
	height: 15px;
	width: 170px;
	left: 90px;
	background-color: #fff;
	background-image: url(../images/template/textbox_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #cca473;
	margin-bottom: 12px;
	margin-right: 10px;
	padding: 5px;
}

form#newsletter-signup input.button {
	height: 25px;
	width: 83px;
	padding-left: 20px;
	background-color: #efdfc8;
	background-image: url(../images/template/cta_module_newsletter_button.gif);
	background-repeat: no-repeat;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	cursor: pointer;
}



/* SITEMAP
================================================== */

#sitemap a {
	color: #000;
	text-decoration: none;
}

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

#sitemap ul {
	line-height: 18px;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#sitemap li {
	padding-left: 10px; 
	background-image: url(../images/template/orange_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#sitemap .section {
	font-weight: bold;
	background-image: url(../images/template/orange_boxes_bullet.gif);
	padding-left: 15px; 
	line-height: 23px;
}

#sitemap ul ul ul {
	font-size: 10px;
}

#sitemap #sub-sections {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* ACCESSORIES
================================================== */

#accessories-area h3 {
	border-bottom: 3px double #cca473;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#accessories-area .product-img {
	margin-bottom: 10px;
}

#accessories-area .accessories-footer {
	display: block;
	margin-bottom: 40px;
}

#accessories-area .accessories-footer.last {
	margin-bottom: 0;
}

#accessories-gallery-link {
	display: block;
	height: 25px;
	width: 181px;
	margin-top: 20px;
	padding-left: 25px;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	color: #fff;
	background-image: url(../images/template/rainscreen_feature_home_link.gif);
	background-repeat: no-repeat;
}


/* MOULDINGS LANDING
================================================== */

.mouldings-link {
	display: block;
	height: 170px;
	background-repeat: no-repeat;
	background-position: center 45%;
}

#mouldings-baroque-link { background-image: url(../images/products/baroque_moulding/macro.gif) }
#mouldings-gothic-link { background-image: url(../images/products/gothic_moulding/macro.gif) }
#mouldings-monaco-link { background-image: url(../images/products/monaco_moulding/macro.gif) }
#sills-gothic-link { background-image: url(../images/products/gothic_sill/macro.gif) }
#sills-heritage-link { background-image: url(../images/products/heritage_sill/macro.gif) }


/* FORMS - GENERAL
================================================== */

.error-msg {
	font-size: 11px;
	color: #c00;
	margin-bottom: 5px;
}
.error-intro {
	color: #c00;
}

h3.borderless { border-bottom: none }
h3.borderless em { color: #77572e }
h3#progress { padding-top: 20px; padding-bottom: 30px }

#loading {
	visibility: hidden;
	margin-left: 20px;
}

/* FOOTER
================================================== */

#footer-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #d1a86f;
	background-image: url(../images/template/footer_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}

#footer {
	height: 45px;
	width: 920px;
	margin: 0 auto;
	padding: 5px 20px 0 20px;
	font-size: 11px;
	line-height: 45px;
	color: #fff;
}

#footer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}

#footer a {
	color: #fff;
}

#footer p#copyright {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 45px;
}