@charset "utf-8";
/* CSS Document */

/*
// Copyright Pacific Columns Inc. - All Right Reserved
*/

h1 {
	color:#660000;
	font-size:14px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:inline }

h2 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	display:inline }

#content h1 {
	color:#800000;
	font-size:24px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:24px;
	display:inline }

#content h2 {
	color:#333;
	font-size:14px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:inline }

#content h3 {
	color:#800000;
	font-size:18px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:26px;
	display:inline }

#hd-main-whole, #hd-puro {
	height:33px;
	background-image:url(../images/hd-background-four.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:5px;
	margin-bottom:0px;
	padding:12px 0px 0px 12px }

#hd-main-secondary {
	height:33px;
	background-image:url(../images/hd-background-bl.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:5px;
	margin-bottom:0px;
	padding:6px 0px 0px 12px }

#hd-main-secondary h1 {
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:.5px;
	display:inline }

#hd-main-secondary h2 {
	color:#CCC;
	font-size:12px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display: inline }

#hd-main-whole h1, #hd-puro h1, #top-section h1 {
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:.5px;
	display:inline }

#hd-main-whole h2, #hd-puro h2, #top-section h2 {
	color:#CCC;
	font-size:14px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display: inline }

#hd-main-whole {
	margin-bottom:15px }

#read-more {
	border-top:1px solid #CCC;
	color:#999;
	line-height:16px;
	border:1px solid #CCC }

#read-more .t h1 {
	font-weight:normal !important;
	font-size:14px !important;
	color:#666 !important }

#read-more .t {
	padding:10px;
	border-right:1px solid #FFF }

#read-more .w {
	padding:10px;
	border-left:1px solid #F5F5F5 }

/*
// Changable(s)
*/

#content {
	background-color:#FFF;
	width:752px;
	margin:0 auto;
	padding:5px 10px 15px 10px;
	overflow:hidden }

#content a:link, #content a:active, #content a:visited {
	color:#660000;
	text-decoration:none }

#content a:hover {
	color:#333;
	text-decoration:underline }

#content-dos {
	background-color:#FFF;
	width:762px;
	margin:0 auto;
	padding:5px 5px 15px 5px }

#content-dos a:link, #content-dos a:active, #content-dos a:visited {
	color:#660000;
	text-decoration:none }

#content-dos a:hover {
	color:#333;
	text-decoration:underline }

/*
// /Changable(s)
*/


#side-to-side-left {
	float:left;
	width:365px;
	line-height:18px;
	border-right:1px solid #666;
	padding:0px 10px 5px 0px }

#side-to-side-right	{
	margin:0px 0px 0px auto;
	width:365px;
	padding:0px 0px 5px 5px;
	line-height:18px }

#side-to-side-left .sm-img, #side-to-side-right .sm-img {
	margin-top:10px }

#side-to-side-left .sm-glance, #side-to-side-right .sm-glance {
	margin:25px 0px 25px 4px }

#side-to-side-left .lets-get-started, #side-to-side-right .lets-get-started {
	margin:15px auto 15px auto;
	color:#333 }

#side-to-side-left h1, #side-to-side-right h1, .composite-columns-sectionR .left h1, .composite-columns-sectionL .left h1 {
	color:#800000;
	font-size:24px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:24px;
	display:inline }

#side-to-side-left h2, #side-to-side-right h2, .composite-columns-sectionR .left h2, .composite-columns-sectionL .left h2 {
	color:#666;
	font-size:14px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:inline }

h1 span.trademarks {
	font-size:50%; vertical-align:1.2ex; }

h2 span.trademarks {
	font-size:76%; vertical-align:.5ex; }

#side-to-side-left strong, #side-to-side-right strong {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#660000 }

#side-to-side-left ul, #side-to-side-right ul, .composite-columns-sectionR ul, .composite-columns-sectionL ul {
	list-style:none;
	display:block;
	border-collapse:collapse;
	padding:0px 0px 0px 6px;
	margin: 0px 7px;
	color:#660000 }

.composite-columns-sections, .composite-columns-sectionR, .composite-columns-sectionL {
	width:750px;
	line-height:18px }

.composite-columns-sectionR .left {
	float:left;
	width:285px;
	line-height:18px;
	padding:0px 25px 5px 0px }

.composite-columns-sectionR .right	{
	margin:0px 0px 0px auto;
	width:430px;
	padding:0px 0px 5px 5px;
	line-height:18px }

.composite-columns-sectionL .left {
	margin:0px 0px 0px auto;
	width:430px;
	padding:0px 0px 5px 5px;
	line-height:18px }

.composite-columns-sectionL .right	{
	float:left;
	width:285px;
	padding:0px 25px 5px 0px;
	line-height:18px }
	
	.composite-columns-sectionR, .composite-columns-sectionL, .composite-columns-sectionR .left p, .composite-columns-sectionR .right	p, .composite-columns-sectionL .left p, .composite-columns-sectionL .right	p {
		text-align:justify;
		line-height:18px }

.composite-es-profile {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-align:center }

	.composite-es-profile td.vshade {
		background-image:url(../images/trip-bg.jpg);
		background-repeat:repeat-x;
		background-position:top center;
		padding:4px 5px 15px 5px }
	
	.composite-es-profile td.vshade h2 {
		color:#800000 !important }
	
	.composite-es-profile td.vshade p {
		margin:0px;
		margin-top:4px;
		padding:0px }
	
	.composite-es-profile td.vshade img {
		margin-top:7px }

	
.bar-column-builder {
	margin:10px 0px 0px 0px }

.bar-compare-contrast {
	margin:5px 0px 25px 0px }

.set {
	margin:10px 0px 0px 0px;
	width:762px;
	height:120px }

	.set .uno {
		float:left;
		margin:0px;
		padding-left:5px;
		width:202px }
	
	.set .dos, .set .tres, .set .cuatro, .set .cinco {
		margin:0px;
		float:left;
		width:110px }
	
	.set .seis {
		float:left;
		margin:0px;
		width:108px }

	#entrapment {
		margin:0px;
		padding:0px;
		width:748px;
		border-top:0px }
	
	#entrapment p.t {
		padding:0px 30px 0px 35px;
		line-height:18px }
	
	#entrapment div.t {
		width:100%;
		padding:0px 30px 0px 35px;
		line-height:15px }
	
	#entrapment p.margin {
		margin:10px 30px 10px 35px }
	
	#entrapment h1 {
		font-size:22px;
		font-weight:normal }
	
	#entrapment h2 {
		padding-bottom:4px;
		font-size:14px;
		font-weight:normal;
		color:#333 }

.material-swatches {
	background-image:url(/images/columns/precolored-textured-swatches-s.jpg);
	background-repeat:no-repeat;
	padding-top:20px }

.material-swatch, .ezlock-swatch, .ready-to-paint, .composite-flutes, .composite-smooth, .wood-finish-stain, .wood-finish-paint, .endura-lum-samples, .endura-lum-flutes  {
	background-repeat:no-repeat;
	background-position:top;
	padding-top:20px }

.material-swatch {
	background-image:url(/images/columns/ready-to-be-painted-swatch-s.jpg) }

.ezlock-swatch {
	background-image:url(/images/columns/composite-columns-ecst-ez-s.jpg) }

.ready-to-paint {
	background-image:url(/images/columns/composite-columns-ready-to-paint-s.jpg) }

.endura-lum-samples {
	background-image:url(/images/columns/endura-lum-color-samples-bg.jpg) }	
	
.endura-lum-flutes {
	background-image:url(/images/columns/endura-lum-flutes-bg.jpg) }		

.composite-flutes {
	background-image:url(/images/columns/composite-columns-flutes-s.jpg) }

.composite-smooth {
	background-image:url(/images/columns/composite-columns-smooth-s.jpg) }

.wood-finish-stain {
	background-image:url(/images/columns/wood-columns-finish-stain-s.jpg) }

.wood-finish-paint {
	background-image:url(/images/columns/wood-columns-finish-paint-s.jpg) }

#more-reading {
	margin-top:40px }

	#more-reading {
		line-height:18px !important }
	
	#more-reading h2 {
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:12px;
		color:#660000;
		text-transform:uppercase;
		display:block;
		margin:0px 0px 3px 0px }

	.material-swatches strong, .material-swatch strong, .ezlock-swatch strong, .ready-to-paint strong, .composite-flutes strong, .wood-finish-stain strong, .wood-finish-paint strong, .endura-lum-samples strong, .endura-lum-flutes strong, .composite-smooth strong {
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:12px;
		color:#660000;
		text-transform:uppercase }

.ideal-usage {
	font-size:9px;
	text-transform:uppercase;
	padding-top:10px }

	.ideal-usage strong {
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:14px;
		color:#660000; }

#title {
	width:752px;
	background-image:url(../images/columns/background-four.jpg);
	background-position:bottom;
	background-repeat:repeat;
	border-bottom:1px solid #666;
	height:46px;
	margin:-5px 0px 0px -10px;
	padding:8px 10px 0px 10px;
	overflow:hidden }
	
	#title h1 {
		font-size:20px;
		font-weight:lighter !important;
		color:#800000; }
	
	#title h2 {
		font-size:12px;
		font-weight:normal }
	
	#title .floatR {
		margin-top:-6px }
	
	#title #but-raq {
		float:right;
		margin-top:4px }
	
	#title a:link, #title a:active, #title a:visited {
		margin-left:8px;
		font-family:"Times New Roman", Times, serif;
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase }
	
	#associations, #associates {
		float:right;
		width:400px;
		height:55px;
		margin:0px;
		margin-top:-5px;
		margin-right:-15px }

	#associations .request-columns, #associates .request-columns {
		float:right;
		margin-left:-10px;
		margin-top:15px }
	
	#associates {
	display:none }
	
		
	/**** #title rollovers ****/
	a.overview img {background:url(../images/overview-icon-sm.gif) top left no-repeat;}
	a.overview:hover img {background: url(../images/overview-icon-sm-ov.gif) top left no-repeat;}
	
	a.quote img {background:url(../images/quote-icon-sm.gif) top left no-repeat;}
	a.quote:hover img {background: url(../images/quote-icon-sm-ov.gif) top left no-repeat;}	
	
	a.decorative img {background:url(../images/decorative-icon-sm.gif) top left no-repeat;}
	a.decorative:hover img {background: url(../images/decorative-icon-sm-ov.gif) top left no-repeat;}
	
	a.installation img {background:url(../images/installation-icon-sm.gif) top left no-repeat;}
	a.installation:hover img {background: url(../images/installation-icon-sm-ov.gif) top left no-repeat;}
	
	a.faq img {background:url(../images/faq-icon-sm.gif) top left no-repeat;}
	a.faq:hover img {background: url(../images/faq-icon-sm-ov.gif) top left no-repeat;}
	
	a.warranties img {background:url(../images/warranties-icon-sm.gif) top left no-repeat;}
	a.warranties:hover img {background: url(../images/warranties-icon-sm-ov.gif) top left no-repeat;}

#hdc-main {
	margin:20px 0px }

#foursteps {
	width:772px;
	background-color:#FFF;
	background-position:bottom;
	background-repeat:repeat;
	border-top:1px solid #999;
	height:50px;
	margin:5px 0px -15px -5px;
	padding:0px;
	overflow:hidden }


embed, object, config {
	position:static;
	z-index:0 }

#vidPlayer {
	background-color:#FFF !important }

iframe.view {
	position:absolute;
	z-index:9980;
	width:1000px;
	height:1000px;
	background:transparent !important;
	border-collapse:collapse;
	border:0px;
	margin:-65px auto 0px -150px;
	padding:0px }

iframe#zindex {
	position:relative !important;
	z-index:0 !important }
	
.material-avail { margin-top:610px }

.columns-seo-image-right {
	float:right;
	margin-left:30px;
	margin-bottom:20px }

.columns-seo-image-left {
	float:left;
	margin-right:30px;
	margin-bottom:20 }

.ECLT-profile01 {
	float:left;
	padding:10px 15px 0px 0px }

.ECLT-profile02 {
	float:left;
	padding:0px 35px 0px 0px;
	clear:left }

.PWLT-profile01 {
	float:left;
	padding:0px 25px 0px 0px }

.PWLT-profile02 {
	float:left;
	padding:0px 25px 0px 0px;
	clear:left }

.le-sitemap {
	margin:0px;
	margin-top:0px;
	padding:10px 0px 12px 20px;
	/*background-image:url(../images/sitemap-official-bg.jpg);
	background-position:top;
	background-repeat:repeat-x*/ }
	
#pdfdl-right, #pdfdl-left{
	padding:10px 15px 0px 15px;
	width:318px;
	height:101px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px }

#pdfdl-right {
	float:right;
	margin:0px;
	margin-right:15px;
	background-image:url(../images/columns/bg-dlpdf-right.gif) }

#pdfdl-left {
	background:
	float:left;
	margin:0px;
	margin-left:15px;
	background-image:url(../images/columns/bg-dlpdf-left.gif) }

#pdfdl-right strong, #pdfdl-left strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#660000 }

#pdfdl-right img, #pdfdl-left img {
	margin:0px;
	margin-top:10px }

#proportion-chart {
	line-height:20px }

#proportion-chart h1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	color:#660000 }