a:hover  { color: silver; text-decoration: underline }
a:hover  { color: silver; text-decoration: underline }
.class  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.text    { color: black; font-size: 8pt !important; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 8pt !important }
.style1 {font-size: 10px}
#id { }
body  { text-align: left }
.quick_facts  { color: white; font-size: 8pt; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 9pt }
.body_type  { color: white; font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 11pt }
.Products_Titles { font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold  }
.Product_Subtitles { font-size: 11pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11pt  }
.body_type2 { font-size: 10pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt }

.btn1,.btn2,.btn3,.btn4, .btnArrow, .btnListen{
    width:112px;
    height:23px;
    display:block;
    color:#ffffff !important;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size:70%;
    padding-top:5px;
    background-repeat:no-repeat;
}

.btn1{background-image:url(images/redButton.jpg);}
.btn2{background-image:url(images/grayButton.jpg);}
.btn3{background-image:url(images/greenButton.jpg);}
.btn4{background-image:url(images/blueButton.jpg);}

.btn1:hover,.btn2:hover,.btn3:hover,.btn4:hover, .btnArrow:hover, .btnListen:hover{
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size:70%;
}

/*** HOME ***/
.product_list{margin-bottom:30px;}
.product_list div{clear:both;}
.product_list div div{float:left; width:187px; margin-right:20px; color:#ffffff; clear:none;}
.product_list div div h2{margin:0; font-size:110%; font-weight:bold; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
.product_list div div p{font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size:75%;}
.product_list div div a img{border:none;}

/*** AZEK ***/
#azek-content, #latitudes-content, #green-content, #cedar-content{
    display:block;
    width:618px;
    height:381px;
    position:relative;
    background-image:url(images/roundedContainer.jpg);
    margin-top:5px;
}

#latitudes-content{
    background-image:url(images/latitudes_bkgd.jpg);
}

#green-content{
    background-image:url(images/green_bkgd.jpg);
}

#cedar-content {
	background-image:url(images/cedar_bkgd.jpg);
}

#azek-content #azek-heading, #latitudes-content #azek-heading, #cedar-content #azek-heading{
    color:#ffffff;
    position:absolute;
    top:6px;
    left:13px;
    width:558px;
    height:55px;
}

#azek-content #azek-heading h1, #latitudes-content #azek-heading h1, #green-content #azek-heading h1, #cedar-content #azek-heading h1{margin:0 0 6px; font-size:110%;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
#azek-content #azek-heading p, #latitudes-content #azek-heading p, #green-content #azek-heading p, #cedar-content #azek-heading p{margin:0;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}

.azek-callout, .cedar-callout{
    color:#ffffff;
    width:225px;
    position:absolute;
    left:380px;
}

.azek-callout h2, .cedar-callout h2{
    font-size:100%;
    margin:0 0 5px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.azek-callout p, .cedar-callout p{
    font-size:70%;
    margin:0 0 5px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.azek-callout a{
    color:#ffffff;
    text-decoration:none;
    padding-left:13px;
}
.azek-callout a:hover{
    color:#ffffff;
    text-decoration:none;
}


#azek-trim{top:75px;}
#azek-trim h2{color:#cb1429;}
#azek-trim a{background-image:url(images/redArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}
#azek-deck{top:171px;}
#azek-deck h2{color:#57af29;}
#azek-deck a{background-image:url(images/greenArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}
#azek-mouldings{top:276px;}
#azek-mouldings h2{color:#d4901d;}
#azek-mouldings a{background-image:url(images/yellowArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}

.azek-column{
    float:left;
    color:#ffffff;
    margin-top:25px;
}

.azek-column h2{
    margin:0 0 6px 0;
    font-size:100%;
    font-family: Helvetica;
}

.azek-column p{
    margin-top:0;
    margin-bottom:15px;
    
}
#col1{
    width:281px;
    margin:25px 48px 0 10px;
}
#col1 h2, #col1 a{color:#cab848;}

#col1a, #col3a{
    width:281px;
    margin:25px 18px 10px 10px;
    display:inline;
}
#col1a h2, #col1a a, #col3a h2, #col3a a{color:#57AF29;}
#col3a a{font-weight:bold; text-decoration:none;}

#col2{width:265px;}
#col2 h2{color:#57af29;}
#col2 img{border:none;}

#col2a{width:310px;display:inline;}
#col2a h2{color:#57af29;}
#col2a img{border:none;}
#col2a #bobby-orr{
    width:179px;
    float:left;
    margin-left:10px;
}

#col3a img{
   float:left;
   width:25px;
   margin-right:10px;
}

#col3a .content{
    float:left;
    width:230px;
}

.yellowArrowLink{background-image:url(images/yellowArrow2.jpg); background-repeat:no-repeat; background-position:0 4px;padding-left:13px; color:#ffffff !important;}

#latitudes-decking{top:75px;}
#latitudes-decking h2{color:#57AF29;}
#latitudes-decking a{background-image:url(images/greenArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}
#latitudes-railing{top:171px;}
#latitudes-railing h2{color:#CAB848;}
#latitudes-railing a{background-image:url(images/yellowArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}
#latitudes-capricorn-decking{top:273px;}
#latitudes-capricorn-decking h2{color:#57AF29;}
#latitudes-capricorn-decking a{background-image:url(images/greenArrow.jpg); background-repeat:no-repeat; background-position:0 4px;}

.btnArrow{
    background-image:url(images/btnArrow.jpg); 
    color:#ffffff !important;
}
.btnListen{
    background-image:url(images/btnListen.jpg); 
}

.btnArrow span{
    padding-right:5px;
}


.btnListen span{
    padding-right:8px;
}

/* cedar page */
#cedar-content h2 a {
	color: #fff;
	text-decoration: none;
	padding-left: 14px;
}

#cedar-content h2 a:hover {
	text-decoration: underline;
}

#cedar-content #cedar-cowichan-gold {top: 80px;}
#cedar-content #cedar-true-gold {top: 148px;}
#cedar-content #cedar-bevel-in-a-box {top: 230px;}
#cedar-content #cedar-clapboard {top: 301px;}

#cedar-content #cedar-cowichan-gold h2 a {background:url(images/redArrow.jpg) no-repeat left center; text-decoration:underline;}
#cedar-content #cedar-true-gold h2 a {background:url(images/greenArrow.jpg) no-repeat left center; text-decoration:underline;}
#cedar-content #cedar-bevel-in-a-box h2 a {background:url(images/blueArrow.jpg) no-repeat left center; text-decoration:underline;}
#cedar-content #cedar-clapboard h2 a {background:url(images/yellowArrow.jpg) no-repeat left center; text-decoration:underline;}

.cedar-column{
	width: 290px;
    float:left;
    color:#ffffff;
    margin-top:25px;
	font-family: Helvetica;
}

.cedar-col-right {
	float: right;
}

.cedar-column img {
	float: left;
}

.cedar-column h2{
	padding-left: 140px;
    margin:0 0 6px 0;
    font-size:100%;
}

.cedar-column p{
	padding-left: 140px;
	font-size: 75%;
    margin-top:0;
    margin-bottom:15px;
}
/* GREEN PRODUCTS */
#green-content{
    color:#ffffff !important;
    height:380px;
    width:617px;
}

#green-content #azek-heading h1{
    margin:8px 0 0 8px;
}

#green-content #azek-heading p{
    margin-left:8px;
}


#green-content a{
    color:#57AF29;
    font-weight:bold;
}

#green-content a:hover{
    color:#ffffff;
    font-weight:bold;
}

#green-lower-content a:hover{
    color:#ffffff;
    font-weight:bold;
}

#green-hero-image{
    width:344px;
    height:299px;
    border:solid 5px #222222;
    position: absolute;
    top:66px;
    left:7px;
}

.green-callout{
    color:#ffffff !important;
    width:256px;
    position:absolute;
    left:361px;
    height:77px;
    background-image:url(images/green-callout.jpg);
    cursor:pointer;
}

.green-callout h2{
    font-size:80%;
    margin:8px 0 5px 8px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    padding-left:10px;
    background:url(images/arrow.gif) no-repeat left 3px;
}

.green-callout p{
    font-size:70%;
    margin:0 0 5px 8px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.green-callout a{
    color:#ffffff;
    text-decoration:none;
    padding-left:13px;
}
.green-callout a:hover{
    color:#ffffff;
    text-decoration:none;
}

#bevel-in-a-box{top:66px;}
#cowichan-gold{top:143px;}
#typar-weather-protection-system{top:220px;}
#tio2{top:297px;}


.column-divider{
    height:1px;
    display:block;
    background-color:#182511;
    margin-bottom:15px;
    overflow:hidden;
}

#green-links
{
    color:#ffffff;
}

#green-links a{
    color:#57AF29;
    text-decoration:none;
}

#green-links a:hover{
    color:#ffffff;
}

.inline-heading-1 {
	font-size: 1.32em;
	margin: 0;
}

.inline-heading-2 {
	font-size: 100%;
	margin: 0;
}