article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; color: #333333; }
body { margin: 0; font-size: 14px; line-height: 1.5;position: relative;color: #424242;}
/* background: transparent url('/assets/img/960_grid_24_col.png') top center repeat-y; */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a, a:visited { color: #333333; border-bottom: 1px solid #727272;text-decoration: none;font-weight: normal;}
a:hover { color: #06e;border-bottom: 1px solid #06e; }
a:focus {outline: 0;}
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; margin-right: 4px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ===================================================== */

.container_24 {}

#logo {float: right;margin: 18px 0 0 0;}
#logo a:link, #logo a:visited {width: 107px; height: 101px;display: block;background: transparent url('/assets/img/logo.png') 0 0 no-repeat;border-bottom: none !important;}
#logo a:hover {border-bottom: none !important;}

/* ===|=== main navigation ===|=== */
nav {clear: right;padding: 2px 0 0 0;}
#mainnav {margin: 0 0 0 28px;}
#mainnav li {display: inline;}
#mainnav a:link, #mainnav a:visited {display: block;float: left;text-transform: uppercase;font-size: 12px;color: #666666;text-decoration: none;padding: 6px 16px 4px 16px;background-color: #e7dfe0;margin: 0 4px 0 0;font-weight: bold;border: 0;}
#mainnav a:hover {background-color: #ccc2c3;}
#mainnav .current a {color: #e7dfe0;background-color: #0263bd;}

.bluebar {
background-color: #0263bd;
background-image: -webkit-gradient(linear, left center, right center, from(rgb(2, 99, 189)), to(rgb(0, 130, 213)));
background-image: -webkit-linear-gradient(left, rgb(2, 99, 189), rgb(0, 130, 213));
background-image: -moz-linear-gradient(left, rgb(2, 99, 189), rgb(0, 130, 213));
background-image: -o-linear-gradient(left, rgb(2, 99, 189), rgb(0, 130, 213));
background-image: -ms-linear-gradient(left, rgb(2, 99, 189), rgb(0, 130, 213));
background-image: linear-gradient(left, rgb(2, 99, 189), rgb(0, 130, 213));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#0263bd', EndColorStr='#0082d5');
width: 100%;
position: absolute;
top: 149px;
}

#home .bluebar {height: 310px;}
.t2 .bluebar {min-height: 200px;}
.t3 .bluebar {min-height: 200px;}

/* ===|=== homepage ===|=== */

.blurb {margin: 30px 0 30px 0;color: #ffffff;font-size: 18px;line-height: 1.2222;width: 400px;}
#utility {width: 320px;height: 96px;margin: 0 0 0 60px;}
#utility li {display: inline;}
#utility a {display: block;float: left;text-indent: -6000px;border: 0;}
#rated {width: 78px;height: 96px;margin: 0 40px 0 0;background: transparent url('/assets/img/icons.png') 0 -102px no-repeat;}
#rated:hover, #rated.active {background-position: 0 0;}
#resources {width: 78px;height: 96px;margin: 0 45px 0 0;background: transparent url('/assets/img/icons.png') -118px -102px no-repeat;}
#resources:hover, #resources.active {background-position: -118px 0;}
#member {width: 78px;height: 96px;margin: 0;background: transparent url('/assets/img/icons.png') -240px -102px no-repeat;}
#member:hover, #member.active {background-position: -240px 0;}

#side {padding: 20px 0 30px 0;}

/* ===|=== homepage popups ===|=== */
.popup {width: 415px; height: 178px;position: absolute;top: 25px;left: 24px;}
.rated {background: transparent url('/assets/img/shape_rated.png') 0 0 no-repeat;display: none;}
.resources {background: transparent url('/assets/img/shape_resources.png') 0 0 no-repeat;display: none;}
.member {background: transparent url('/assets/img/shape_member.png') 0 0 no-repeat;display: none;}
.member .blurb {margin: 20px 20px 0 20px; width: 380px;}
.member .blurb+.blurb {margin-top: 6px;}
.popup a:link, .popup a:visited {color: #ffffff;text-decoration: none;border: 0;}
.popup a:hover {color: #31aaf7;}
.popup a.close {color: #31aaf7;font-size: 20px;position: absolute;top: 2px;right: 10px;}
.popup h3 {color: #ffffff;font-size: 20px;line-height: 1.25;margin: 20px 0 6px 20px;}
.resources ul {margin: 15px 0 0 20px;width: 89%;}
.resources ul a {font-size: 18px;line-height: 0.8em;}
.resources ul li {border-bottom: 1px solid #31aaf7;padding: 3px 0 1px 0;}
.resources ul .last {border-bottom: 0;}
.rated form {margin: 0 0 0 20px;}
.rated input[type="text"] {width: 300px;height: 30px;}
.rated input[type="submit"] {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;cursor: pointer;margin: 0;outline: 0 none;overflow: hidden;vertical-align: top;text-indent: -6000px;width: 33px; height: 31px;background: transparent url('/assets/img/popup-search.png') 0 -62px no-repeat;}
.rated input[type="submit"]:hover {background: transparent url('/assets/img/popup-search.png') 0 -31px no-repeat;}
.rated input[type="submit"]:active, .searchform input[type="submit"]:focus {background: transparent url('/assets/img/popup-search.png') 0 0 no-repeat;}
.rated .blurb {margin: 16px 0 0 20px;}

/* ===|=== slides homepage ===|=== */
#marquee {position: relative;margin: 0 0 40px 0;height: 310px;}
#home #marquee {height: 310px;margin: 0 0 40px;position: relative;}
#slides {position: absolute;top: 0;right: -5px;z-index: 2000;margin: 0;padding: 0;overflow: hidden;}
.slides_container, .slides_container div {width:470px;height:310px;margin: 0;padding: 0;}
.next, .prev {display: block;width: 71px; height: 71px;background-color: rgba(0,0,0,0.5);text-indent: -6000px;}
.next {position: absolute;right: 0;top: 115px;z-index: 3000;background-image: url('/assets/img/slide-arrows.png');background-position: -112px 12px;background-repeat: no-repeat;}
.prev {position: absolute;left: 0;top: 115px;z-index: 3000;background-image: url('/assets/img/slide-arrows.png');background-position: 12px 12px;background-repeat: no-repeat;}
.next:hover, .prev:hover {opacity: 0.8;}

/* ===|=== homepage main ===|=== */
h1 {color: #0263bd;font-size: 20px;line-height: 1.25em;text-transform: uppercase;}
h2 {color: #0263bd;font-size: 16px;line-height: 1.1428em;}
#main h1 {margin: 16px 0 6px 0;}
#main h2 {margin: 0 0 6px 0;}
#main p+h1, #main ul+h1 {margin-top: 24px;}
#main p+h2, #main ul+h2 {margin-top: 26px;}
#main article {margin: 0 0 24px 0;width: 350px;}
#main p {margin: 0 0 1em 0}
#main ul {list-style-type: disc;margin: 0 0 1em 1.2em;}
#main .ui-tabs-nav {list-style-type: none;margin:0;}
#main ol {list-style-type: decimal;margin: 0 0 1em 1.2em;}
#main a.pdf {}
#main a.pdf i {font-size: 11px;color: #6EB9E7;font-style: normal;font-weight: bold;padding: 0 0 2px 4px;}

/* ===|=== homepage sidebar widgets ===|=== */
.searchform {background-color: #f6f4f4;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 244, 244)), to(rgb(231, 223, 224)));
background-image: -webkit-linear-gradient(top, rgb(246, 244, 244), rgb(231, 223, 224));
background-image: -moz-linear-gradient(top, rgb(246, 244, 244), rgb(231, 223, 224));
background-image: -o-linear-gradient(top, rgb(246, 244, 244), rgb(231, 223, 224));
background-image: -ms-linear-gradient(top, rgb(246, 244, 244), rgb(231, 223, 224));
background-image: linear-gradient(top, rgb(246, 244, 244), rgb(231, 223, 224));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f6f4f4', EndColorStr='#e7dfe0');
width: 172px; height: 60px;padding: 12px 8px 0 8px;
border: 1px solid #dbd5d6;
margin: 0 0 20px 0;
}
.searchform h3 {color: #666767;font-size: 11px;line-height: 0.785em;text-transform: uppercase;margin: 0 0 6px 0;}
.searchform input[type="text"] {width: 136px;float: left;height: 26px;margin: 0 6px 0 0;}
.searchform input[type="submit"] {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;cursor: pointer;margin: 0;outline: 0 none;overflow: hidden;vertical-align: top;text-indent: -6000px;width: 27px; height: 25px;background: transparent url('/assets/img/search-icon.png') 0 0 no-repeat;}

.searchform input[type="submit"]:hover {background: transparent url('/assets/img/search-icon.png') 0 -26px no-repeat;}
.searchform input[type="submit"]:active, .searchform input[type="submit"]:focus {background: transparent url('/assets/img/search-icon.png') 0 -52px no-repeat;}

.promo {background-color: #0082d5;width: 190px; height: 110px;position: relative;margin: 0 0 20px 0;}
.promo img {position: absolute;top: 0;left: 0;z-index: 0;}
.promo span {position: absolute;bottom: 0;left: 0;width: 178px; height: 24px;background-color: rgba(255,255,255, 0.8);color: #111111;font-size: 11px;line-height: 1;text-transform: uppercase;padding: 10px 6px 0;font-weight: bold;}
.promo a:hover img {opacity: 0.8;}
.promo a:hover span {background-color: rgba(104,101,101,0.8);color: #ffffff;}


/* ===|=== footer ===|=== */
#footer {border-top: 4px solid #0082d5;margin: 35px 0 0 5px;padding: 12px 0 12px 0;}
#footer dl {padding-bottom: 45px;}
#footer dt {text-transform: uppercase;color: #0082d5;font-size: 13px;font-weight: bold;float: left;margin: 0 18px 0 0;}
#footer dd {float: left;font-size: 13px;color: #111111;margin: 0 18px 0 0;}
#footer dd:last-child {margin: 0;}
#footer dd a:link, footer dd a:visited {text-decoration: none;color: #111111;}
#footer dd b {font-weight: normal;color: #0082d5;text-transform: uppercase;}
#footer .social-links {overflow: hidden;zoom:1;width: 120px;margin: 10px 0 0 19px;}
#footer .social-links li {display: inline;}
#footer dd .twitter {text-indent: -6000px;display: block;text-decoration: none;width: 30px;height: 30px;background: transparent url('/assets/img/coolroofs-footericons.png') -37px -28px no-repeat;float: left;border: none;margin: 2px 12px 0 0;}
#footer dd .facebook {text-indent: -6000px;display: block;text-decoration: none;width: 30px;height: 30px;background: transparent url('/assets/img/coolroofs-footericons.png') 0 -28px no-repeat;float: left;border: none;margin: 2px 12px 0 0;}
#footer dd .linkedin {text-indent: -6000px;display: block;text-decoration: none;width: 30px;height: 30px;background: transparent url('/assets/img/coolroofs-footericons.png') -73px -28px no-repeat;float: left;border: none;margin: 2px 0 0 0;}
#social-ansi {display: block;height: 42px;width: 64px;background: transparent url('/assets/img/coolroofs-footericons.png') -255px 0px no-repeat;text-indent: -6000px;text-decoration: none;border: none;float: left;}
#a2la {display: block;height: 42px;width: 58px;background: transparent url('/assets/img/coolroofs-footericons.png') -344px 0px no-repeat;text-indent: -6000px;text-decoration: none;border: none;float: left;margin-left: 25px;}
#footer dd.last {margin-left: 112px;margin-right:0;}
#certificate:link, #certificate:visited {text-decoration: none;border: none; color: #004b8d;display: block;font-size: 10px;position: relative;
top: 4px;left: 79px;clear: both;}
#certificate:hover {opacity: 0.7;}

/* ===|=== marquee ===|=== */
#marquee {height: 200px;}
#marquee .blurb {float: left;margin-right: 125px;}
#marquee dl {float: left;width: 189px;margin: 20px 15px 0 0;}
#marquee dl dt {color: #79cbff;font-size: 14px;line-height: 1.5;text-transform: uppercase;border-bottom: 1px solid #79cbff;padding: 0 0 3px 0;font-weight: 700;margin: 0 0 12px	 0;}
#marquee dl a:link,  #marquee dl a:visited {color: #ffffff;text-decoration: none;font-size: 12px;border: 0;}
#marquee dl a:hover {color: #31aaf7;}
#marquee .downloads a {padding-left: 20px;background: transparent url('/assets/img/pdf-icon.png') center left no-repeat;}
#marquee dl.as dt {border:0;}
#marquee dl.as dt a {font-style: 16px;}

/* ===|=== T2 ===|=== */
.t2 #main article {width: 590px;}


/* ===|=== T3 page ===|=== */
.t3 #main article {width: 100%;}

#subnav {margin-top: -40px;margin-bottom: 40px;}
#subnav li {display: inline;}
#subnav li a {display: block;float: left;color: #666767;margin: 0 30px 0 0;border: 0;padding: 16px 0 0 0;}
#subnav li a:hover, #subnav .current a {color: #0082d5;background: transparent url('/assets/img/l1_arrow.png') top center no-repeat;}

/* ===|=== data table styles ===|=== */
table {margin: 0 0 25px 0;}
th {color: #0263bd;font-size: 12px;line-height: 1em;text-transform: uppercase;background-color: #e7dfe0;padding: 12px 9px;background-color: #e7dfe0;}
tr {color: #424242;padding: 12px 9px;background-color: #F6F3F3;border-bottom: 2px solid #ffffff;}
td {padding: 12px 9px;font-size: 12px;border: 1px solid #ffffff;}
td:first-child {padding: 12px;}
tr:hover {background-color: #e7dfe0;}

.ui-tabs .ui-tabs-nav li a {color: #9e9e9e;background-color: #f3efef;border: 0;text-transform: uppercase;text-align: left;font-size: 12px;line-height: 1;padding: 9px;margin: 0 3px 0 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-selected a, .ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-hover a {background-color: #e7dfe0;color: #0082d5;}

.pops {display: block;cursor: pointer;}
.more_info dt {font-weight: bold;color:#95C8FD;text-transform: uppercase;}
.more_info dd {margin-bottom: 0;}
.more_info dd+dt {margin-top: 6px;}
/* ===|=== FAQ page ===|=== */

#tabs > ul {border-bottom: 6px solid #E7DFE0;margin-bottom: 30px;}
#faq #main h1 {margin-bottom: 20px;}
#main .questions {margin-bottom: 20px;list-style-type: none;margin-left: 0;}
#main .questions:last-of-type {margin-bottom: 60px;}
#main .questions li {margin-bottom: 6px;}
h2.faq, h3.faq {font-size: 16px;line-height: 1.2587;text-transform: uppercase;color: #666666;}
h3.faq {margin-bottom: 12px;}
.answers dt {color: #0263bd;font-size: 15px;}
.answers dd ul {list-style-type: disc;margin: 0 1em 1.5em 1em;}

/*--------------------------------------------------*/
/* search results form - page 
/*--------------------------------------------------*/

#prod_form {width: 960px;overflow: hidden;}

#keywordp #keywords {height: 31px;width:170px;}

.ssr {color: #0263bd;text-transform: uppercase;font-size: 20px;}
.pageindicator {display: none;}
.pagination_links {float: right;clear: both;margin-bottom: 12px;}
.pagination_links strong {background: #3E74C9; color: white; font-weight: bold; cursor: default;padding: 2px 5px;}
.pagination_links a:link, .pagination_links a:visited {border: 0; padding: 2px 5px;margin: 0 0 0 -4px;}
.pagination_links a:hover {background-color: #e6e6e6;}


#main .searchterms {padding: 6px 8px; background-color: #f1edee;overflow:hidden;zoom:1;margin: 0;list-style-type: none;
}
#main .searchterms h4 {margin-bottom: 8px;}
#main .searchterms li {float: left; margin-right: 8px;}
#main .searchterms li img {position: relative;top: -1px;}
#result_table .marquee {height: 404px;background-color: transparent;margin-bottom: 25px;}
#result_table .bluebar {height: 404px;}
#result_table .utility {float: right;margin: 6px 0 24px 12px;}
.export_the_csv:link, .export_the_csv:visited {color: #d4cdce;text-transform: uppercase;padding-left: 24px;background: transparent url('/assets/img/download.png') -69px -19px no-repeat;text-decoration: none;border:0;font-size: 12px;}
.export_the_csv:hover {color: #a8a5a5;background-position: -69px -3px;}

.printthis:link, .printthis:visited {color: #d4cdce;text-transform: uppercase;padding-left: 24px;background: transparent url('/assets/img/download.png') 0 -20px no-repeat;text-decoration: none;border:0;font-size: 12px;}
.printthis:hover {color: #a8a5a5;background-position: 0 0;}

.reset_filter:link, .reset_filter:visited {color: #ffffff;margin: 0;position:  relative;top: -24px;left: 6px;text-decoration: none;border: 0;}
.reset_filter:hover {color: #004785;}

/* selects*/
select {width: 175px;}

#prod_form .fancyselect {background-color: #0d508b;
    border: 1px solid #0d508b;
    -moz-border-radius: 4px; /* FF1+ */
    webkit-border-radius: 4px; /* Saf3-4 */
    border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
    padding: 6px;
    min-height: 30px;
    margin: 0 6px 12px 6px;
}

#prod_form select[disabled], #prod_form select[readonly] {
    background-color: #5C77A4;
    border-color: #5C77A4;
    cursor: not-allowed;
}

#result_table #lcol {padding-top: 20px;}
#result_table #rcol {padding-top: 20px;}

#result_table #lcol h3, #result_table .sliderholder h3 {margin: 16px 0 8px 8px;color: #ffffff; text-transform: uppercase;}
#result_table h3.sub {text-transform: uppercase;color: #78caff;font-size: 11px;}
#main .result_table p.model {color: #0082d5;}
#result_table #lcol label {margin-left: 8px;}


#result_table #stabs {margin-top: 12px;overflow:hidden;}
#result_table .ui-tabs .ui-tabs-nav li a {color: #9e9e9e;background-color: transparent;border: 0;text-transform: none !important;text-align: left;font-size: 12px;line-height: 1;padding: 9px;margin: 0 3px 0 0;-moz-border-radius: 4px 4px 0 0; /* FF1+ */
-webkit-border-radius: 4px 4px 0 0; /* Saf3-4 */
border-radius: 4px 4px 0 0; /* Opera 10.5, IE9, Saf5, Chrome */
color:#ffffff;}
#result_table .ui-tabs .ui-tabs-nav .ui-tabs-selected a, #result_table .ui-tabs .ui-tabs-nav .ui-state-active a, #result_table .ui-tabs .ui-tabs-nav .ui-state-hover a {background-color: #004785;color: #78caff;}
#result_table label {color: #ffffff;font-size: 12px;margin-right: 12px;}
#stabs #tab-1, #stabs #tab-2, #stabs #tab-3 {background-color: #004785;padding: 12px 10px 6px 10px;border-top: 1px solid #78cbff;margin-top: -1px;min-height: 267px}
#stabs #tab-2, #stabs #tab-3 {display: none;}

/* submit button search icon */
.searchindex {position: relative;width: 200px;border: 1px solid red;}
#result_table #submit_search, #result_table input[type="submit"] {
    font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #004785;
    color: #ffffff;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #004785;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0 6px;
    padding: 6px 20px;
    text-align: center;
    vertical-align: middle;
    /* hide the button without using display: none as it messes with the keywords input in IE9 */
    position: absolute;
    top: -9000px;
    right: -9000px;
}

#result_table #submit_search:hover, #result_table input[type="submit"]:hover {background-color: #ffffff;color: #004785; background-image: none; }
#result_table #submit_search:active, #result_table input[type="submit"]:active {background-color: #ffffff;color: #004785; }
#keywordp {margin-bottom: 12px;}
#keyword {height: 31px;}
.nononotheresnolimits {float: right;margin-top: 8px;}

/* tab 1 */
#result_table #tab-1 .col {display: block;float: left;margin: 12px 12px 12px 4px; width: 220px;}
#result_table #tab-1 .col.omega {margin: 12px 0 0 0;}
#result_table #tab-1 .col label, #result_table #tab-1 .lastcol label {display: block;margin-bottom: 5px;margin-right: 20px;}
#result_table #tab-1 .col.alpha {width: 100px;}

/* tab 2 */
#stabs #tab-2 {padding-top: 12px;}
#result_table #tab-2 .col {display: block;float: left;margin: 12px 28px 12px 0; width: 160px;}
#result_table #tab-2 .col:last-child {margin: 12px 0 0 0;}
#result_table #tab-2 .colwrap {margin-top: 2px;}
#result_table #tab-2 .col label {display: block;padding: 4px 8px;margin: 0 0 12px 0}

#result_table #tab-2 label.red {background-color: #ed1c24;color:#ffffff;}
#result_table #tab-2 label.orange {background-color: #f7941d;color:#ffffff;}
#result_table #tab-2 label.yellow {background-color: #fff200;color:#111111;}
#result_table #tab-2 label.green {background-color: #39b54a;color:#ffffff;}
#result_table #tab-2 label.blue {background-color: #00a0df;color:#ffffff;}
#result_table #tab-2 label.bright_white {background-color: #ffffff;color:#111111;}
#result_table #tab-2 label.off_white {background-color: #fff1d6;color:#111111;}
#result_table #tab-2 label.tan {background-color: #e4b586;color:#ffffff;}
#result_table #tab-2 label.grey {background-color: #959595;color:#ffffff;}
#result_table #tab-2 label.black {background-color: #111111;color:#ffffff;}
#result_table #tab-2 label.brown {background-color: #754c24;color:#ffffff;}
#result_table #tab-2 label.metallic {background: #cccccc url('/assets/img/metallic.png') 0 0 repeat;color:#111111;}
#result_table #tab-2 label.multicolor {background: #fff200 url('/assets/img/multicolor.png') 0 0 repeat;color:#ffffff;}
#result_table #tab-2 label.purple {background-color: #712e6d;color:#ffffff;}

.update {color: #ffffff; font-weight: bold;}

#result_table .sliderholder {table-layout: fixed;margin-bottom: 0;position: relative;top: 4px;}
#result_table .sliderholder td {width: 24%;}
#result_table .sliderholder, #result_table .sliderholder tr, #result_table .sliderholder td {background: transparent;color: #ffffff;border: 0;}
#result_table .sliderholder td {padding: 16px 14px 16px 0;}
#result_table .sliderholder td p {margin: 0 0 8px 24px;color: #E8F6FF;font-size: 11px;}
#result_table .sliderholder td p.callout {margin: 0 0 8px 24px;color: #ffffff;font-size: 13px;position: absolute;
    right: 0;
    top: -4px;
    width: 100%;}
#result_table .sliderholder h3 {margin: 6px 0 0 0;color: #78caff; text-transform: uppercase;line-height: 1.1em;}
#result_table .sliderholder label {display: none;}
#result_table .sliderholder .slider {float: left;margin-right: 12px;}

/*--------------------------------------------------*/
/* products index page 
/*--------------------------------------------------*/

#basesearch .blurb {width: 350px; float: left;margin-right: 85px;}
#basesearch .the_forms {display: block;width: 375px;float:left;margin: 35px 0 0 25px;}
#basesearch .the_forms form {overflow:hidden;zoom:1;margin: 0 0 24px 0;}
#basesearch .the_forms .searchindex {width: 375px;}
#basesearch .the_forms label {display: block;color:#ffffff;}
#basesearch .the_forms input[type="text"] {display: block;width: 300px;float:left;margin: 0 3px 0 0;height: 30px;}
#basesearch .the_forms input[type="submit"] {
    display: block;float:left;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-border-radius: 0; /* FF1+ */
-webkit-border-radius: 0; /* Saf3-4 */
border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome */
    border-color: none;
    border: 0;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font: bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
    margin: 0;
    outline: 0 none;
    overflow: visible;
    padding: 0;
    text-decoration: none;
    vertical-align: top;
    width: 33px;
    height: 31px;
    background: transparent url('/assets/img/search-mag_glass.png') 0 -62px no-repeat;
    text-indent: -6000px;
}
#basesearch .the_forms input[type="submit"]:hover {background-position: 0 -31px;}
#basesearch .the_forms input[type="submit"]:active {background-position: 0 0;}
#basesearch .bluebar {min-height: 270px;}
html { overflow-y:scroll; }
#DataTables_Table_0_info {display: none;}
.info_i {width: 18px; height: 19px;display: block;background: transparent url('/assets/img/info_i.png') 0 0 no-repeat;
float: right;text-indent: -6000px;cursor:  pointer;margin-right: 10px;text-decoration: none;border:0;}
#sri, .sliderh3 {float: left;}
.info_sri {width: 14px; height: 13px;display: block;background: transparent url('/assets/img/sri-info.png') 0 0 no-repeat;
text-indent: -6000px;cursor:  pointer;margin-left: 6px;text-decoration: none;float:left;border:0;}
.info_initial, .info_3y {width: 18px; height: 19px;display: block;background: transparent url('/assets/img/slider-info.png') 0 0 no-repeat;
text-indent: -6000px;cursor:  pointer;margin-left: 6px;text-decoration: none;float:left;border:0;}
.info_sri:hover, .info_initial:hover, .info_3y:hover {border: 0;}

abbr, abbr[title] {border: 0 !important;text-decoration: none;cursor: help;}
/*--------------------------------------------------*/
/* google search results page 
/*--------------------------------------------------*/

#searchresults li {margin-bottom: 0.5em;}

/*--------------------------------------------------*/
/* member alphabetical index - generated in jquery.coolroofs.js
/* http://coolroofs.org/members/current-members
/*--------------------------------------------------*/

.class-a-member-index, .class-b-member-index {list-style-type: none !important;margin: 1em 0 !important;overflow: hidden;zoom:1;}
.class-a-member-index li, .class-b-member-index li {display: inline !important;}
.class-a-member-index li a, .class-b-member-index li a {display: block;float: left; margin: 0 8px 0 0;padding: 2px;}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.shown {display: block !important; visibility: visible;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
@charset "UTF-8";
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-family: "Lucida Grande", Candara, "Segoe UI", sans-serif ; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #mainnav, #prod_form, #lcol, #rcol {display: none;}
  #search_results {zoom:1;border: 1px solid #ffffff;}
}