/* MAIN */
body {background:#FFF url(../images/bg.gif) repeat-x  top; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
img {border:none;}

#container {margin:0 auto; padding:0; text-align:center; width:780px;}

div.clear {clear:both;height:1px;font-size:0;}


/* HEADER */
#header {background:#005596 url(../images/header_bg.gif) repeat-x top; border-bottom:solid 2px #cfaa7a; font-size:0; height:100px;}
#header .vp-logo {float:left; padding:20px 0 0 20px; width:185px;}
#header .norandex {float:right; padding:29px 20px 0 0; width:158px;}

/* TOP NAVIGATION */
#top-nav {font-size:0; height:40px; margin:0; padding:0; text-align:left;}
#top-nav ul {list-style: none; margin: 0; padding: 0;}
#top-nav li.top {float:left; margin: 0; padding: 0;}
#top-nav li.top a { display:block; }
#top-nav li ul {background:#0072ab; left: -9999px; margin-left:10px; padding:10px 5px; position:absolute; top:142px;}
#top-nav ul li:hover ul, div#top-nav ul li.over ul {left:auto;}
#top-nav ul li li { font-size:12px;font-weight:normal; margin:0; width:140px;}
#top-nav ul li li a {border:none; padding:6px 5px; padding-left:10px;}
#top-nav ul a {color:#fff;text-decoration:none;}
#top-nav ul a:hover {text-decoration:underline;}

/*MAIN CONTENT REGION*/

#main {clear:both; margin-top:20px;}

#splash {}

.windowsTitleHeader {background:url(../images/pgTitleH_windows.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.doorsTitleHeader {background:url(../images/pgTitleH_patiodoors.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.greenTitleHeader {background:url(../images/pgTitleH_green.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.warrantyTitleHeader {background:url(../images/pgTitleH_warranty.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.safeharborTitleHeader {background:url(../images/pgTitleH_safeharbor.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.viproTitleHeader {background:url(../images/pgTitleH_vipro.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.contactusTitleHeader {background:url(../images/pgTitleH_contactus.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}
.stylesTitleHeader {background:url(../images/pgTitleH_styles.gif) no-repeat left;height:60px; margin:0; padding:0; text-align:left;}

#content {background-color:#FFF; padding:40px; text-align:left;}
#content a:link, a:visited {color:#005596; text-decoration:none;}
#content a:hover {color:#005596; text-decoration:none;}

h1 {color:#005596; font-size:27px; font-weight:lighter; margin-top:0;}
h2 {color:#005596; font-size:21px; font-weight:lighter; margin-top:0;}
h3 {color:#005596; font-size:17px; font-weight:lighter; margin-top:0;}

p.welcome-text {color:#ac895c; font-size:13px;}
p.pgDesc {color:#ac895c; font-size:14px;}
p.seriesTag {color:#ac895c; font-size:14px;margin:0;}
p {color:#636363; font-size:12px;}
blockquote {color:#7d7d7d; font-size:12px;}

.home-right-col { float:right; width:200px; }
.newsletter { background: #e3f3ed url('../images/tothepoint_header.gif') no-repeat top; font-size: 12px; line-height:17px; padding: 55px 15px 15px 15px; margin-bottom:20px; color:#555555; }
.taxcredit { background:url('../images/tax-callout_bg.jpg') no-repeat top; border:1px solid #ebe5ca; line-height:17px; font-size: 12px; padding:50px 15px 15px 15px; color:#555555; }

/*PRODUCT LIST*/
#product-list {border-bottom:solid 1px #ebe5ca;padding:40px;width:620px;}
#product-list h3 {color:#005596; font-size:17px; font-weight:lighter; margin:0;}
#product-list p.seriesTag {color:#ac895c; font-size:14px;margin:0;}
#product-list .thumbnail {background-color:#FFFFFF; border:solid 1px #ebe5ca; float:left; width:198px; text-align:center;}
#product-list .thumbnail img {padding:9px;}
#product-list .info {float:right; width:380px;}
#product-list li {color:#7d7d7d; font-size:12px; list-style-position:inside; margin-top:10px;}

a.button:link, a.button:visited {background-color:#ebe5ca; border:solid 1px #ebe5ca; font-size:12px; padding: 10px; text-decoration: none; color:#005596;}
a.button:hover {background-color:#ebe5ca; border:solid 1px #cfaa7a; font-size:12px; padding: 10px; text-decoration: none; color:#005596;}


/*PRODUCT PAGE*/
#product-page {background-color:#FFF; padding:20px; text-align:left;}

#product-page #leftcol {float:left; width:260px;}
#product-page #leftcol .photo {background-color:#FFFFFF; border:solid 1px #ebe5ca; width:258px; text-align:center;}
#product-page #leftcol .photo img {padding:9px;}
#product-page #leftcol .enlarge {color:#7d7d7d; font-size:10px; padding:10px 20px 20px 20px;}
#product-page #leftcol .downloads {border:solid 1px #ebe5ca; padding:10px;}
#product-page #leftcol .downloads p {color:#ac895c; margin:0;}
#product-page #leftcol .downloads ul {border-top:solid 1px #ebe5ca; color:#005596; font-size:12px; list-style-position:inside; margin:10px 0;}
#product-page #leftcol .downloads li {margin:10px 0 0 0;padding:0;}
#product-page #leftcol .downloads a:link, a:visited {color:#005596; text-decoration:none;}
#product-page #leftcol .downloads a:hover {color:#005596; text-decoration:underline;}

#product-page #rightcol {float:right; width:450px;}
#product-page #rightcol .header {background-color:#ebe5ca; color:#ac895c; font-size:12px; padding:10px; margin-top:20px;}
#product-page #rightcol li {color:#7d7d7d; font-size:12px; list-style-position:inside; margin-top:10px;}
#product-page #rightcol p.desc {color:#ac895c; font-size:13px; margin:15px 0;}
#product-page #rightcol a:link, a:visited, a:hover {color:#005596; text-decoration:underline;}

/*PRODUCT PAGE ALT*/
#product-page-alt {background-color:#FFF; padding:0 40px 40px 40px; text-align:left;}
p.secDesc {color:#ac895c; font-size:14px; padding:15px 0;}

#product-page-alt .container {border-bottom:solid 1px #ebe5ca; padding:20px 0;}

#product-page-alt #leftcol {float:left; width:260px;}
#product-page-alt #leftcol .photo {background-color:#FFFFFF; border:solid 1px #ebe5ca; width:258px; text-align:center;}
#product-page-alt #leftcol .photo img {padding:9px;}
#product-page-alt #leftcol .enlarge {color:#7d7d7d; font-size:10px; padding:10px 20px 20px 20px;}

#product-page-alt #rightcol {float:right; width:410px;}
#product-page-alt #rightcol li {color:#7d7d7d; font-size:12px; list-style-position:inside; margin-top:10px;}
#product-page-alt #rightcol p.desc {color:#ac895c; font-size:13px; margin:15px 0;}
#product-page-alt #rightcol a:link, a:visited, a:hover {color:#005596; text-decoration:underline;}


/* FOOTER */
#footer {border-top:solid 2px #ebe5ca; text-align:left;}
#footer p {color:#cfaa7a; font-size:11px; margin:20px;}