@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 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 {
	height:33px;
	background-image:url(../images/hd-background-four.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:5px;
	margin-bottom:15px;
	padding:12px 0px 0px 12px }

#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 }

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

h2 span.trademarks {
	font-size:76%; vertical-align:.5ex; }
	
#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 }

#hdc-main {
	margin:0px 0px 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 }

.le-sitemap {
	margin:0px;
	margin-top:0px;
	padding:10px 0px 12px 20px }


/****************************************  Balustrades [INDEX]  ****************************************/


#spindles-small, #spindles-medium, #spindles-large {
	background-image:url(../images/trip-bg2.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	margin-bottom:5px }

#spindles-small {
	height:225px }
	
	#spindles-small .label {
		margin-bottom:4px }

#spindles-medium {
	height:245px }
	
	#spindles-medium .label {
		margin-medium:10px }

#spindles-large {
	height:265px }
	
	#spindles-large .label {
		margin-bottom:15px }

.small-profile, .medium-profile, .large-profile {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-align:center;
	background-image:url(../images/trip-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
	padding:30px 5px 25px 5px }
	
	.small-profile h2, .medium-profile h2, .large-profile h2 {
		color:#800000 !important }
	
	.small-profile p, .medium-profile p, .large-profile p {
		margin:0px;
		margin-top:4px;
		padding:0px;
		line-height:18px }

.balustrade-requests {
	width:752px;
	height:105px;
	overflow:hidden;
	margin:0px auto 5px auto;
	background-image:url(../images/trip-bg2.jpg);
	background-repeat:repeat-x }

.balustrade-requests table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	line-height:18px;
	padding:15px 10px 0px 10px }

#spindles-small img, #spindles-large img {
	margin-right:5px }

#spindles-medium img {
	margin-right:3px }


#bal-left {
	margin:15px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	float:left;
	width:234px;
	height:750px;
	border-right:1px solid #666;
	line-height:20px }

#bal-middle {
	margin:15px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	float:left;
	width:232px;
	height:750px;
	border-right:1px solid #666;
	line-height:20px }

#bal-right {
	margin:15px 2px 0px 0px;
	padding:0px 8px 0px 8px;
	float:right;
	width:232px;
	height:750px;
	line-height:20px }

#bal-right img.main, #bal-middle img.main, #bal-left img.main {
	margin:10px 0px 0px 0px }

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

#bal-left h2, #bal-middle h2, #bal-right h2 {
	color:#666;
	font-size:14px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:inline }

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

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


#es-warranty {
	margin:0px;
	margin-top:20px;
	line-height:18px }

#es-warranty h2 {
	font-size:16px;
	font-weight:normal;
	color:#660000;
	font-family:"Times New Roman", Times, serif}
	
/****************************************  Balustrades  ****************************************/

#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 20px -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;}

#introduction {
	margin-bottom:15px }

#tabs {
	margin:0px 0px -1px 475px;
	position:relative;
	width:270px;
	height:25px }

*html #tabs {
	margin-bottom:-3px }

#complex, #complex-dos, #endura-classic {
	width:754px;
	margin-bottom:15px }

#complex-dos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:20px; }

#content span.description {
	display:block;
	margin:-10px 0px 10px 0px;
	line-height:20px }

#content p.description {
	display:block;
	margin:10px 0px 10px 0px;
	line-height:20px }

#content span.description h1, #content p.description h1 {
	color:#660000;
	margin:10px 0px 5px 0px;
	font-size:16px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:block }

#endura-classic {
	padding-bottom:30px }

#complex h1 {
	color:#660000;
	margin-bottom:20px;
	font-size:20px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	display:block }

#side-to-side-left, #sts-left {
	float:left;
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:20px;
	border-right:1px solid #CCC;
	padding:0px 15px 0px 0px }

#side-to-side-right, #sts-right	{
	width:485px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:20px;
	margin:0px 0px 0px auto;
	padding:0px 0px 0px 2px }
	
	#side-to-side-left strong, #side-to-side-right strong, #std-left strong, #sts-right strong {
		color:#000 }
	
	#side-to-side-right .left, #sts-right .left {
		float:left;
		margin:0px auto 0px 0px;
		width:230px }
	
	#side-to-side-right .right, #sts-right .right {
		margin:0px 0px 0px auto;
		width:230px }

#side-to-side-left ul, #sts-left p {
	width:225px;
	display:list-item;
	margin:10px 0px 0px 0px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:18px }

#sts-left p {
	width:235px;
	margin-left:-10px;
	margin-top:-60px }

#side-to-side-left .gen-sizes {
	background-image:url(../images/balustrades/bg-general-sizes.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	width:230px;
	height:190px;
	padding:5px }

#side-to-side-left .description {
	display:block;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:20px }

#side-to-side-left h1, #side-to-side-right h1, #sts-left h1, #sts-right h1, #code-requirements h1, #complex-dos h1 {
	color:#660000;
	font-size:16px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	line-height:16px;
	margin-top:0px;
	display:block }

#complex-dos h1 {
	margin-top:15px }

#accessories-section, #accessories-section-12, #posts-section, #posts-section-es, #posts-section-7, #posts-section-12, #rails-section, #rails-section-2, #code-requirements, #balustrade-sizes, #similar-spindles-section {
	background-image:url(../images/balustrades/access-bg.jpg);
	background-repeat:no-repeat;
	width:745px;
	height:165px;
	margin-top:10px;
	margin-bottom:0px;
	padding:5px }

#posts-section, #posts-section-7, #posts-section-12, #similar-spindles-section {
	background-image:url(../images/balustrades/posts-bg.jpg);
	background-repeat:no-repeat;
	height:310px }

#posts-section-es {
	background-image:url(../images/balustrades/newels-endura-stone.jpg);
	background-repeat:no-repeat;
	height:310px }

#accessories-section-12 {
	background-image:url(../images/balustrades/access-bg-12.jpg) }

#posts-section-7 {
	background-image:url(../images/balustrades/posts-bg-7.jpg) }

#posts-section-12 {
	background-image:url(../images/balustrades/posts-bg-12.jpg) }

#balustrade-sizes {
	height:223px;
	background-image:url(../images/balustrades/bg-balustrade-sizes.jpg) }

#rails-section {
	background-image:url(../images/balustrades/rails-bg.jpg);
	background-repeat:no-repeat }

#rails-section-2 {
	background-image:url(../images/balustrades/rails-endura-stone.jpg);
	background-repeat:no-repeat }

#code-requirements {
	background-image:url(../images/balustrades/requirements-bg.jpg);
	background-repeat:no-repeat }

	#accessories-section h2, #accessories-section-12 h2, #posts-section h2, #posts-section-es h2, #posts-section-7 h2, #posts-section-12 h2, #rails-section h2, #rails-section-2 h2, #code-requirements h2, #similar-spindles-section h2 {
		color:#660000;
		margin:5px 0px 0px 5px;
		font-size:14px;
		font-weight:normal;
		font-family:"Times New Roman", Times, serif;
		display:block }

	#accessories-section h3, #accessories-section-12 h3, #posts-section h3, #posts-section-es h3, #posts-section-7 h3, #posts-section-12 h3, #rails-section h3, #rails-section-2 h3, #code-requirements h3, #similar-spindles-section h3 {
		color:#666;
		margin:-5px 0px 5px 5px;
		font-size:12px;
		font-weight:normal;
		font-family:"Times New Roman", Times, serif;
		display:block }
	
	#posts-section-es h3 {
		margin-bottom:21px }

#widths-5-rails, #widths-7-rails, #widths-12-rails {
	width:750px;
	margin-left:3px }

#widths-5-posts, #widths-7-posts, #widths-12-posts {
	width:755px;
	margin-left:2px }

#widths-es-newels {
	width:755px;
	margin-left:0px }

#material-endura-classic, #material-endura-stone {
	width:375px;
	height:145px;
	margin:20px auto 25px auto;
	padding:15px 10px 15px 15px;
	background-image:url(../images/balustrades/endura-classic-bg.jpg);
	background-repeat:no-repeat }
	
	#material-endura-stone {
		background-image:url(../images/balustrades/endura-stone-bg.jpg) }

#material-endura-classic img, #material-endura-stone img {
	float:right;
	margin:0px 0px 8px 20px }

#material-endura-classic p, #material-endura-stone p {
	margin:38px 4px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:18px }

#endura-classic-installation {
	line-height:18px }

#endura-classic-installation em {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000 }

#endura-classic-installation ul {
	margin:20px 0px }

#endura-classic-installation li {
	line-height:14px;
	margin:12px 0px }

.large-profile {
	display: block;
	text-align: left;
	font-size: 16px;
	color: #000;
	background-image: url(/images/trip-bg-new.jpg);
}

.container-1 {
	height: 100%; border-radius: 15px; border: 1px solid #e5e5e5; padding: 10px 5px 5px;
	font-family: Garamond;
	font-size: 24px;
	overflow: hidden;
	margin-bottom: 15px;
}

.container-1 .title {
position: relative; height: 35px; font-weight: bold;
}

.btn_normal {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em .8em 2em .8em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.btn_normal:hover {
	text-decoration: none;
	opacity: .75;
	filter:alpha(opacity=75);
}
.btn_normal:active {
	position: relative;
	top: 1px;
}

.red {
	font-size: 18px;
	color: #fef4e9;
	border: solid 1px #880000;
	background: #880000;
	background: -webkit-gradient(linear, left top, left bottom, from(#a41c1c), to(#880000));
	background: -moz-linear-gradient(top,  #a41c1c,  #880000);
}

.red_medium {
	font-size: 12px;
	color: #fef4e9;
	border: solid 1px #880000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #880000;
	background: -webkit-gradient(linear, left top, left bottom, from(#a41c1c), to(#880000));
	background: -moz-linear-gradient(top,  #a41c1c,  #880000);
}

.red_small {
	font-size: 10px;
	color: #fef4e9;
	border: solid 1px #880000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 2px 8px 2px 8px;
	background: #880000;
	background: -webkit-gradient(linear, left top, left bottom, from(#a41c1c), to(#880000));
	background: -moz-linear-gradient(top,  #a41c1c,  #880000);
	height: 25px;
}

.grey_small {
	font-size: 10px;
	color: #FFF;
	border: solid 1px #999;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 2px 8px 2px 8px;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background: -moz-linear-gradient(top,  #999,  #666);
	height: 25px;
}