@import url("text.css");

/* - - - - MAJOR STRUCTURAL ELEMENTS - - - - */

body {
	background: #d7d3cb url("/images/page_bg.gif") 50% 0 repeat-x;
	font: 76%/130% Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 30px 0;
	padding: 0;
}

* html body { text-align: center; } /* IE-only centering */

#wrapper {
	margin: 0 auto;
	width: 824px;
	text-align: left; /* Clear IE centering */
	padding-top: 0;
	background: url("/images/content_bg.gif") top left repeat-y;
}

#header {
	width: 824px;
	height: 500px;
	background: url("/images/top_bg.gif") top left no-repeat;
	margin: 0;
	padding: 0;
	display: relative;
	z-index: 1;
}

#header #cs_logo { 
	display: block;
	position: relative;
	top: 22px;
	left: 34px;
	border: 0;
}

#cs_llc {
	display: block;
	position: relative;
	top: 5px;
	left: 628px;
}

#main {
	margin: -416px 11px 0 20px;
}

/* - - - - TOP NAV - - - - */



#topnav {
	overflow: hidden;
	height: 20px;
}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 98px;
	background: #856c56 url("/images/topnav_bg.gif") top left repeat-y;
	color: #fff;
	text-align: right;
	line-height: 2em;
	float: right;
}

#topnav li {
	display: block;
	height: 20px;
	float: left;
	margin: 0 5px 0 10px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#topnav li a {
	display: block;
	height: 18px;
	padding-top: 18px;
	overflow: hidden;
}

#topnav_whatsnew { background-image: url("/images/topnav_whatsnew.gif"); width: 72px; }
#topnav_installation { background-image: url("/images/topnav_installation.gif"); width: 107px; }
#topnav_photogallery { background-image: url("/images/topnav_photogallery.gif"); width: 80px; }
#topnav_deq { background-image: url("/images/topnav_deq.gif"); width: 80px; }
#topnav_stonecad { background-image: url("/images/topnav_stonecad.gif"); width: 66px; }

/* - - - - SIDE NAV - - - - */

#sidenav {
	float: left;
	width: 120px;
	margin-right: 15px;
}

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

#sidenav ul li {
	background-position: top left;
	background-repeat: no-repeat;	
	font-family: "Times New Roman", Times, serif;
	padding-right: 0 !important;
}

#sidenav ul ul {
	margin-left: 10px;
	margin-top: -3px;
}

#sidenav li a {
	display: block;
	height: 20px;
	width: 111px;
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

#sidenav li a span {
	display: block;
	height: 1px;
	width: 1px;
	text-indent: -999em;
	overflow: hidden;
}

#sidenav ul ul li a {
	width: 110px;
	height: 17px;	
	padding-bottom: 2px;
}

#sidenav li a:hover, #sidenav li a.selected { 
	background-position: 0 -20px;
}

#sidenav a.selected { cursor: default; }

/* SIDE NAV IMAGE REPLACEMENT */
#sidenav_about a { background-image: url("/images/sidenav_about.gif"); }
#sidenav_pressroom a { background-image: url("/images/sidenav_pressroom.gif"); }
#sidenav_dealersearch a { background-image: url("/images/sidenav_dealersearch.gif"); }
#sidenav_installersearch a { background-image: url("/images/sidenav_installersearch.gif"); }
#sidenav_products a { background-image: url("/images/sidenav_products.gif"); }
#sidenav_techinfo a { background-image: url("/images/sidenav_techinfo.gif"); }
#sidenav_literature a { background-image: url("/images/sidenav_literature.gif"); }
#sidenav_inquiry a { background-image: url("/images/sidenav_inquiry.gif"); }

/* SIDE NAV IMAGE REPLACEMENT: PRESSROOM */
#sidenav_press_inthenews a { background-image: url("/images/sidenav_press_inthenews.gif"); }
#sidenav_press_tradeshows a { background-image: url("/images/sidenav_press_tradeshows.gif"); }
#sidenav_press_asseenin a { background-image: url("/images/sidenav_press_asseenin.gif"); }

/* SIDE NAV IMAGE REPLACEMENT: DEALER SEARCH */
#sidenav_dealer_us a { background-image: url("/images/sidenav_dealer_us.gif"); }
#sidenav_dealer_ca a { background-image: url("/images/sidenav_dealer_ca.gif"); }
#sidenav_dealer_asia a { background-image: url("/images/sidenav_dealer_asia.gif"); }
#sidenav_dealer_au a { background-image: url("/images/sidenav_dealer_au.gif"); }
#sidenav_dealer_eu a { background-image: url("/images/sidenav_dealer_eu.gif"); }

/* SIDE NAV IMAGE REPLACEMENT: PRODUCTS */
#sidenav_whats_new a { background-image: url("/images/sidenav_whats_new.gif"); }
#sidenav_prod_stone a { background-image: url("/images/sidenav_prod_stone.gif"); }
#sidenav_prod_castfit a { background-image: url("/images/sidenav_prod_castfit.gif"); }
#sidenav_prod_brick a { background-image: url("/images/sidenav_prod_brick.gif"); }
#sidenav_prod_terracraft a { background-image: url("/images/sidenav_prod_terracraft.gif"); }
#sidenav_prod_trim a { background-image: url("/images/sidenav_prod_trim.gif"); }
#sidenav_prod_builder a { background-image: url("/images/sidenav_prod_builder.gif"); }
#sidenav_prod_colorguide a { background-image: url("/images/sidenav_prod_colorguide.gif"); }

/* SIDE NAV IMAGE REPLACEMENT: TECHNICAL INFO AND OTHER TWO-LINE IMAGES */
#sidenav_about a, #sidenav_tech_details a, #sidenav_tech_literature a, #sidenav_tech_fpds a, #sidenav_products a, #sidenav_press_recognition a { height: 32px !important; }
#sidenav_about a:hover, #sidenav_tech_details a:hover, #sidenav_tech_literature a:hover, #sidenav_tech_fpds a:hover, #sidenav_products a:hover, #sidenav_press_recognition a:hover,
#sidenav_about a.selected, #sidenav_tech_details a.selected, #sidenav_tech_literature a.selected, #sidenav_tech_fpds a.selected, #sidenav_products a.selected, #sidenav_press_recognition a.selected {
	background-position: 0 -32px !important;
}

#sidenav_about ul a, #sidenav_products ul a { height: 17px !important; }
#sidenav_about ul a:hover, #sidenav_about ul a.selected, #sidenav_products ul a:hover, #sidenav_products ul a.selected { background-position: 0 -20px !important; }

#sidenav_tech_details a { background-image: url("/images/sidenav_tech_details.gif"); }
#sidenav_tech_literature a { background-image: url("/images/sidenav_tech_literature.gif"); }
#sidenav_tech_specs a { background-image: url("/images/sidenav_tech_specs.gif"); }
#sidenav_tech_fpds a { background-image: url("/images/sidenav_tech_fpds.gif"); }

/* SIDE NAV IMAGE REPLACEMENT: THREE-LINE IMAGES */
#sidenav_tech_flashing a { 
	background-image: url("/images/sidenav_tech_flashing.gif"); 
	height: 44px !important;
}
#sidenav_tech_installation a { 
	background-image: url("/images/sidenav_tech_installation.gif"); 
	height: 40px !important;
}  
#sidenav_tech_flashing a:hover, #sidenav_tech_flashing a.selected,
#sidenav_tech_installation a:hover, #sidenav_tech_installation a.selected { 
	background-position: 0 -44px !important;
}

/* - - - - MAIN CONTENT - - - - */
#content {
	float: left;
	width: 618px;
	padding: 20px 20px 0 20px;
	background: #fff url("/images/maincontent_bg.gif") top left no-repeat;
	min-height: 400px;
}

* html #content { 
	/* Some rules to protect IE from the world */
	height: 400px; 
	width: 658px;
	w\idth: 618px;
}

#content.wide {
	width: 658px;
	padding: 0;
}
#content li{ margin-left: 20px }

.content-group {
	clear: left !important;
	margin-bottom: 1.5em;
	overflow: hidden;
}

#feature h1 {
	width: 280px;
	background-position: top right;
	float: left;
	margin-bottom: 10px;
}

#feature-image {
	display: block;	
}

.feature-nav {
	display: block;
	background-color: #856c56;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
	border-top: 1px solid #fff;
	height: 24px;
}

.feature-nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 24px;
}

.feature-nav li a { 
	display: block;
	height: 24px;
	padding: 0 15px;
	color: #fff !important;
	text-indent: -100em;
	overflow: hidden;
	background-position: 15px 0;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.feature-nav li a:hover, .feature-nav li a.selected, .feature-nav li.selected a { 
	background-color: #452e1d; 
	background-position: 15px -24px; 
}

.feature-nav li a.selected, .feature-nav li.selected a {
	border: 1px solid #fff;
	border-width: 0 1px;
	cursor: default;
}

.feature-blurb {
	margin-right: 35px;
}

* html .feature-blurb {
	height: 1%;
}

.toc {
	padding-bottom: 1em !important;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 2em;
}

/* - - - - CATEGORY NAVIGATION - - - - */

#category-graphic {
	float: left;
	clear: left;
	width: 280px;
	text-align: right;
	margin-right: 20px;
	padding-bottom: 1em;
}

#category-graphic img { 
	display: none;
	float: right;
	
}

/* - - - - FOOTER - - - - */
#footer {
	clear: both !important;
	width: 824px;
	padding-bottom: 0.75em;
	background: #d7d3cb url("/images/footer_bg.gif") bottom left no-repeat;
}

#copyright {
	border-top: 1px solid #e3e3e3;
	padding: 1.25em 0;
	font-size: 0.9em;
	text-align: right;
	margin: 0 28px 0 155px;
}

#copyright a:link, #copyright a:visited { color: #999; }
#copyright a:active, #copyright a:hover { color: #333; }

/* - - - - CATEGORY PAGE STYLES - - - - */

.category-nav {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.category-nav li {
	height: 31px;
	width: 210px;
	overflow: hidden;
}

.category-nav li a {
	display: block;
	text-indent: -100em;
	overflow: hidden;
	height: 31px;
	width: 210px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.category-nav li a:hover, #category-nav li a.selected { background-position: 0 -31px; }

.landing li img { display: block; margin: 0 auto; padding-bottom: 0.75em; }

/* - - - - SEARCH RESULTS STYLES - - - - */
ul.search-results {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.search-results li {
	margin: 0 0 1.25em 0;
	padding: 0 0.5em;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	zoom: 1;
}
ul.search-results li{ margin-left: 0 }
ul.search-results li.shaded {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #e0e0e0;
}

ul.search-results li h2 { font-size: 1.3em; font-weight: bold; }

ul.search-results li a { font-weight: normal; }

.memberSince {
	position: absolute;
	top: 1em;
	right: 1em;
	font-weight: bold;
}

ul.search-results .res, ul.search-results .comm, ul.search-results .resComm { 
	padding-top: 35px !important;
	padding-bottom: 1em;
	border-style: solid !important;
	border-width: 0 1px 1px 1px !important;
}

ul.search-results .res { 
	background-image: url("/images/installers/hd_installer_res.gif");
	border-color: #785F4B !important;
}
ul.search-results .comm { 
	background-image: url("/images/installers/hd_installer_comm.gif");
	border-color: #677678 !important;
}
ul.search-results .resComm { 
	background-image: url("/images/installers/hd_installer_both.gif");
	border-color: #000 !important;
}

ul.search-results .res .memberSince, ul.search-results .comm .memberSince, 
ul.search-results .resComm .memberSince {
	top: 35px;
}

.installerTypeIcons {
	display: block;
	position: absolute;
	bottom: 1em;
	right: 1em;
}

.resIcon, .commIcon {
	display: block;
	float: left;
	width: 78px;
	height: 75px;
	margin-left: 10px;
}

/* - - - - GLOBAL UTILITY STYLES - - - - */
.hidden { display: none !important; }
.replaced {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
}
.pull-left { float: left; margin: 0 12px 1em 0; }
.pull-right { float: right; margin: 0 0 1em 12px; }
.two-col {
	float: left;
	width: 46%;
	margin-right: 2%;
}
.clear { clear: both; }
.centered { text-align: center; }
.framed { border: 1px solid #d3d3d3; padding: 1px; }
.swatch {
	background: url("/images/swatch_bg.gif") top left no-repeat;
	width: 164px;
	height: 144px;
}

.swatch img { padding: 14px 0 0 15px; }

.sIFR-alternate { display: none; }