/*
RESET
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#333;background:#f4f4f4;padding:0;margin:0;}
body {margin-top:-7px !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
em {font-style: italic;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* Fonts */
body {
font-family: "Helvetica Neue", Hevetica, Arial, Sans-serif;
font-size:80%;
}
h1{font-size:200%;color:#333;}
h1 span.product_number {font-weight:bold;color:#000;}
h2{font-size:250%;color:#333;margin-bottom:7px;}
h3{font-size:180%;color:#333;}
hr {border:0px;height:2px;margin-bottom:1em;background:#585858;}
p,ul,ol{margin-bottom:1em;}
strong {font-weight:bold;}
a { color: #000; text-decoration:none;color:red; }
a.fake {border-bottom:1px dotted #000;text-decoration:none;}
a:visited { color: #666; }
a:hover { text-decoration:underline; }
ul li{list-style:disc;margin-left:30px;}
table {width:100%;vertical-align:top;}
table tr {vertical-align:top;}
table th {}
table td {}
.is_green_seal_certified {color:#329545 !important;}
/* Layout */
body {text-align:center;
}
.middle_bit {text-align:left;width:960px;margin:0px auto;position:relative;}
#header {height:60px;position:relative;}
#logo h1 a {position:absolute;top:15px;left:-50px;background:url(vp_logo.png) top left no-repeat;width:260px;height:40px;behavior: url(/stylesheets/iepngfix.htc); }
#logo h1 a span {display:none;}
#logo h2 a {position:absolute;top:55px;left:-50px;background:url(vp_logo.png) 0px -40px no-repeat;width:150px;height:40px;behavior: url(/stylesheets/iepngfix.htc); z-index:10; }
#logo h2 a span {display:none;}
#global_nav{text-align:right;padding-top:15px;color:#fff; font-size: 88%;}
#global_nav a {color:#fff;}
#navigation {background:url(65percent_nav.png) bottom left repeat-x;behavior: url(/stylesheets/iepngfix.htc);position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#audience_nav {padding:4px 0px 5px 0px; }
#audience_nav a {color:#fff;font-size:12px;text-decoration:none;border-right:1px solid #777;padding:5px 10px 5px 10px;}
#audience_nav a.first {margin-left:100px !important;}
#audience_nav a.last {border-right:none;}
#content {background: #DCDCDE url(content_bg.png) top left repeat-x;padding: 25px 0px 15px 0px;}
#footer {font-size:80%;background:#f4f4f4;border-top:1px solid #ccc;padding-top:15px;padding-bottom:40px;}
body.home #footer {border-top: 5px solid #999;}
#footer_nav {color:#888;text-align:center;clear:both;}
#footer_nav a {color:#888;text-decoration:none;}
#footer_nav a:hover {color: #151515;}
#footer_nav ul {list-style-type: none; margin-left: 0; padding-left: 0;}
#footer_nav li {list-style-type: none; margin-left: 0; padding-left: 0; line-height: 1.4em; font-style: normal;display:inline;border-left:1px solid #888;padding-left:10px;padding-right:10px;}
#footer_nav li#footer_title {font-size: 130%; font-weight: bold; border-left:0;}
body.home #global_nav {color:#454545;}
body.home #global_nav a {color:#454545;}
body.home #header {background:#fff url(/images/paint-full.jpg) center top no-repeat;height:85px;margin-bottom:-25px;}
body.home #content {background: #fff url(/images/paint-full.jpg) center -85px no-repeat; padding-top: 10px;}
div.highlight_product {border:1px solid #ccc;margin:0px 0px 8px 0px !important;text-align:center;padding:14px;font-size:100%; text-transform: uppercase; font-weight: bold; letterspacing: 0.1em;}
/*
#header {border:1px solid red;}
#navigation {border:1px solid green;}
*/
/* Homepage */
#hp_left {float:left;width:420px;}
#hp_right{margin-left:495px;}
#hp_pullquote {background:url(50percent.png) top left repeat;padding:10px;margin-top:50px;font-size:110%;behavior: url(/stylesheets/iepngfix.htc); font-family: "News Gothic", "Bell Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#hp_pullquote p {margin:0;line-height:1.2em;padding-top: 20px;}
#hp_pullquote p.hp-big {font-size: 180%; line-height: 1.1em; padding-top: 0px;}
.hp_audience {padding:5px 10px 5px 240px;position:relative;}
#hp_homeowners {background:url(50percent_homeowners.png) center left no-repeat;behavior: url(/stylesheets/iepngfix.htc);margin-bottom:10px;}
#hp_architects {background:url(50percent_architects.png) center left no-repeat;behavior: url(/stylesheets/iepngfix.htc);margin-bottom:10px;}
#hp_contractors {background:url(50percent_contractors.png) center left no-repeat;behavior: url(/stylesheets/iepngfix.htc);margin-bottom:10px;}
#hp_builders {background:url(50percent_builders.png) center left no-repeat;behavior: url(/stylesheets/iepngfix.htc); padding-top: 15px; padding-bottom: 15px;}
.hp_audience h3 {margin:0;font-size:110%;text-transform:uppercase;margin-bottom:5px;}
.hp_audience .search_terms {width:160px; color:#888;font-size:80%;border:1px solid #000;padding:3px 2px;}
.hp_audience p.advanced_search {font-size:70%;width:166px;text-align:right;color:#888;margin:0;}
.hp_audience p.advanced_search a {color:#000;}
.hp_audience a.audience_link {position:absolute;left:0px;display:block;height:55px;width:200px;text-indent:-9999px;}
.hp_audience a.audience_link:hover {text-decoration:none;}
/* Search Styling */
body.search table#full_search {width: 800px;}
table#store_search {width: 800px;}
table#store_search td#store_search_info {width: 300px;}
body.stores div#content table#store_search td#store_search_results ul li {padding-bottom: 10px;}
body.stores div#content table#store_search td#store_search_results h3 {font-size: 120%;}
body.search div.master_search {width: 385px; margin-right: 35px; }
body.search div.master_search h2{border-bottom: 1px solid #999;}
body.search ul li {padding-bottom: 5px; color: #666; font-style: italic;}
body.search ul li span {font-size: 115%; font-style: normal;}
body.stores table.list th, body.products table.list th {font-weight: bold; text-transform: uppercase; color: #333; border-bottom: 1px solid #999; padding-bottom: 2px; }
body.stores table.list td, body.products table.list td {line-height: 1.8em;}
body.search div.criterion {padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc; margin-right: 20px; font-size: 92%; color: #444;}
body.search div.criterion strong {line-height: 1.8em; color: #222; font-size: 110%; }
/* Styles */
.curl220 {width:220px;background:#fff url(220bottom.gif) bottom left no-repeat;}
.curl230 {width:230px;background:#fff url(230bottom.gif) bottom left no-repeat;}
.curl270 {width:270px;background:#fff url(270bottom.gif) bottom left no-repeat;}
.curl300 {width:300px;background:#fff url(300bottom.gif) bottom left no-repeat;}
.curl345 {width:345px;background:#fff url(345bottom.gif) bottom left no-repeat;}
.curl410 {width:410px;background:#fff url(410bottom.gif) bottom left no-repeat;}
.curl450 {width:450px;background:#fff url(450bottom.gif) bottom left no-repeat;}
.curl500 {width:500px;background:#fff url(500bottom.gif) bottom left no-repeat;}
.curl710 {width:710px;background:#fff url(710bottom.gif) bottom left no-repeat;}
.curl {padding:7px 0px 22px 0px;margin-bottom:7px;}
.curl h3, .curl p, .curl img, .curl hr, .curl div, .curl table {margin-left:7px;margin-right:7px;}
.curl div table, .curl div p , .curl div hr {margin-left:0px;margin-right:0px;}
.curl p {color: #666;}
div.color_chip {cursor:pointer;border-bottom:1px solid #aaa;border-right:1px solid #aaa; height:12px;width:12px;float:left;margin:0px;position:relative;}
/* Schedule table */
table.schedule {border-bottom:1px solid #aaa;border-top:1px solid #aaa;border-left:1px solid #aaa;}
table.schedule th {font-weight:bold;border-right:1px solid #aaa;padding:3px 5px;}
table.schedule td {border-right:1px solid #aaa;padding:3px 5px;}
table.schedule td.or {font-weight:bold;text-transform:uppercase;}
table.schedule tr.step {border-top:1px solid #aaa;}
/* Order Info table */
table tr td.label_td {text-align:right;padding-right:5px;color:#666;}
table tr td.input_td {padding-bottom:3px;}
table tr.odd {background:#eee;}
table tr.odd td,table tr.even td {padding:2px 5px;}
/* Styles */
.fuzz345 {width:345px;background:#f4f4f4 url(fuzz345.gif) bottom center no-repeat;}
.fuzz242 {width:242px;background:#f4f4f4 url(fuzz242.gif) bottom center no-repeat;}
.fuzz {padding:7px 0px 9px 0px;}
.fuzz h3, .fuzz p, .fuzz img, .fuzz hr, .fuzz div {margin-left:7px;margin-right:7px;}
/* Body Class Styles */
body.downloads #header {background:#A25D8C url(hd_purple.png) bottom left repeat-x;}
body.downloads div#content h3 {color:#420143;}
body.downloads div#content a {color:#420143;}
body.downloads div#content hr {background:#420143;}
body.downloads div#content .curl h3 {color:#630364;}
body.downloads div#content .curl a {color:#630364;}
body.downloads div#content .curl hr {background:#630364;}
body.downloads div#content ul li{list-style:none outside url(v_purple.png);margin-left:40px;}
body.audiences #header {background:#F7C419 url(hd_gold.png) bottom left repeat-x;}
body.audiences div#content h3 {color:#A37C16;}
body.audiences div#content a {color:#A37C16;}
body.audiences div#content hr {background:#A37C16;}
body.audiences div#content .curl h3 {color:#BE911A;}
body.audiences div#content .curl a {color:#BE911A;}
body.audiences div#content .curl hr {background:#BE911A;}
body.audiences div#content ul li{list-style:none outside url(v_gold.png);margin-left:40px;}
body.stores #header {background:#D50225 url(hd_red.png) bottom left repeat-x;}
body.stores div#content h3 {color:#A2011B;}
body.stores div#content a {color:#A2011B;}
body.stores div#content hr {background:#A2011B;}
body.stores div#content .curl h3 {color:#DA0023;}
body.stores div#content .curl a {color:#DA0023;}
body.stores div#content .curl hr {background:#DA0023;}
body.stores div#content ul li{list-style:none outside url(v_red.png);margin-left:40px;}
body.products #header {background:#D50225 url(hd_red.png) bottom left repeat-x;}
body.products div#content h3 {color:#A2011B;}
body.products div#content a {color:#A2011B;}
body.products div#content hr {background:#A2011B;}
body.products div#content .curl h3 {color:#DA0023;}
body.products div#content .curl a {color:#DA0023;}
body.products div#content .curl hr {background:#DA0023;}
body.products div#content ul li{list-style:none outside url(v_red.png);margin-left:40px;}
body.products div#content .curl img {margin: 15px 35px;}
body.search #header {background:#2072C2 url(hd_blue.png) bottom left repeat-x;}
body.search div#content h3 {color:#134E84;}
body.search div#content a {color:#134E84;}
body.search div#content hr {background:#134E84;}
body.search div#content .curl h3 {color:#357DBA;}
body.search div#content .curl a {color:#357DBA;}
body.search div#content .curl hr {background:#357DBA;}
body.search div#content ul li{}
body.pages #header {background:#2072C2 url(hd_blue.png) bottom left repeat-x;}
body.pages div#content h3 {color:#134E84;}
body.pages div#content a {color:#134E84;}
body.pages div#content hr {background:#134E84;}
body.pages div#content .curl h3 {color:#357DBA;}
body.pages div#content .curl a {color:#357DBA;}
body.pages div#content .curl hr {background:#357DBA;}
body.pages div#content ul li{list-style:none outside url(v_red.png);margin-left:40px;}
body.green #header {background:#8dc350 url(hd_green.png) bottom left repeat-x;}
body.green div#content h3 {color:#658c29;}
body.green div#content a {color:#658c29;}
body.green div#content hr {background:#658c29;}
body.green div#content .curl h3 {color:#8dc350;}
body.green div#content .curl a {color:#658c29;}
body.green div#content .curl hr {background:#8dc350;}
body.green div#content ul li{list-style:none outside url(v_green.png);margin-left:40px;}
.errorExplanation {border:2px solid #333;padding:7px;margin-bottom:1em;color:#333;}
.errorExplanation h2 {display:none;}
.errorExplanation p {margin:-7px !important;margin-bottom:7px !important;padding:5px;background:#333;color:#fff; }
.errorExplanation ul {}
.errorExplanation ul li {list-style:disc none inside !important;margin-left:0px !important; }
/* START AUTOCOMPLETE */
.ac_holder{
position:relative;
}
.ac_field{
background-image:url(/javascripts/autocomplete/images/autocomplete/autocomplete_leftcap.gif);
background-position:right center;
background-repeat:no-repeat;
}
.ac_field_busy{
background-image:url(/javascripts/autocomplete/images/autocomplete/autocomplete_spinner.gif);
background-position:right center;
background-repeat:no-repeat;
}
div.autocomplete
{
position: absolute;
background-image: url(/javascripts/autocomplete/images/autocomplete/ac_pointer.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 10px 0 0 0;
}
div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
position: relative;
height: 6px;
padding: 0 6px;
background-image: url(/javascripts/autocomplete/images/autocomplete/ul_corner_tr.gif);
background-position: top right;
background-repeat: no-repeat;
overflow: hidden;
}
div.autocomplete div.ac_footer
{
background-image: url(/javascripts/autocomplete/images/autocomplete/ul_corner_br.gif);
}
div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner
{
position: absolute;
top: 0;
left: 0;
height: 6px;
width: 6px;
/*background-image: url(images/autocomplete/ul_corner_tl.gif);*/
background-color: #333;
background-position: top left;
background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner
{
background-image: url(/javascripts/autocomplete/images/autocomplete/ul_corner_bl.gif);
}
div.autocomplete div.ac_header div.ac_bar,
div.autocomplete div.ac_footer div.ac_bar
{
height: 6px;
overflow: hidden;
background-color: #333;
}
div.autocomplete ul
{
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
div.autocomplete ul li
{
color: #ccc;
padding: 0;
margin: 0 4px 4px;
text-align: left;
}
div.autocomplete ul li a
{
color: #ccc;
display: block;
text-decoration: none;
background-color: transparent;
text-shadow: #000 0px 0px 5px;
position: relative;
padding: 0;
width: 100%;
}
div.autocomplete ul li a:hover
{
background-color: #444;
}
div.autocomplete ul li.ac_highlight a:hover
{
background-color: #1B5CCD;
}
div.autocomplete ul li a span
{
display: block;
padding: 3px 6px;
font-weight: bold;
}
div.autocomplete ul li a span small
{
font-weight: normal;
color: #999;
}
div.autocomplete ul li.ac_highlight a span small
{
color: #ccc;
}
div.autocomplete ul li.ac_highlight a
{
color: #fff;
background-color: #1B5CCD;
background-image: url(/javascripts/autocomplete/images/autocomplete/hl_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
div.autocomplete ul li.ac_highlight a span
{
background-image: url(/javascripts/autocomplete/images/autocomplete/hl_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
background-image: transparent;
background-repeat: no-repeat;
width: 6px;
height: 6px;
position: absolute;
top: 0;
padding: 0;
margin: 0;
}
div.autocomplete ul li a .tr
{
right: 0;
}
div.autocomplete ul li.ac_highlight a .tl
{
left: 0;
background-image: url(/javascripts/autocomplete/images/autocomplete/hl_corner_tl.gif);
background-position: bottom left;
}
div.autocomplete ul li.ac_highlight a .tr
{
right: 0;
background-image: url(/javascripts/autocomplete/images/autocomplete/hl_corner_tr.gif);
background-position: bottom right;
}
div.autocomplete ul li.as_warning
{
font-weight: bold;
text-align: center;
}
div.autocomplete ul em
{
font-style: normal;
color: #6EADE7;
}
/* END AUTOCOMPLETE */
div.autocomplete ul li.ac_title span.box
{
color: #ccc;
display: block;
text-decoration: none;
background-color: transparent;
text-shadow: #000 0px 0px 5px;
position: relative;
padding: 0;
width: 100%;
background-color: #fff;
background-image: url(/javascripts/autocomplete/images/autocomplete/cat_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
div.autocomplete ul li.ac_title span.title
{
display: block;
padding: 3px 6px;
font-weight: bold;
color: #333;
background-image: url(/javascripts/autocomplete/images/autocomplete/cat_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div.autocomplete ul li.ac_title .tl,
div.autocomplete ul li.ac_title .tr
{
background-image: transparent;
background-repeat: no-repeat;
width: 6px;
height: 6px;
position: absolute;
top: 0;
padding: 0;
margin: 0;
}
div.autocomplete ul li.ac_title .tl
{
left: 0;
background-image: url(/javascripts/autocomplete/images/autocomplete/cat_corner_tl.gif);
background-position: bottom left;
}
div.autocomplete ul li.ac_title .tr
{
right: 0;
background-image: url(/javascripts/autocomplete/images/autocomplete/cat_corner_tr.gif);
background-position: bottom right;
}
div.autocomplete ul li.ac_title .tr
{
right: 0;
}
div.autocomplete ul li.ac_title a.site_search
{
text-align:right;
font-size:90%;
color:#333;
}
div.autocomplete ul li.ac_title a.site_search:hover
{
background:#fff;
color:#333;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
/*****************************************************************************
These styles should be at the bottom of `sifr.css`. Make sure that they're
only applied for the screen media type!
*****************************************************************************/
}