/* ERIC MEYER RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* SITE SPECIFIC STYLING */
/* - Site defaults */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
h2 { color:#FF0000; font-size:1.2em; font-weight:bold; margin:25px 0px 9px 0px;}
h2.title {margin:0px 0px 9px 0px;}
h4 { color:#666; font-size:0.8em; font-weight:bold; margin:25px 0px 9px 0px;}
/* - Containers */
body { background: #000 url("../images/homeowner-bg.jpg") no-repeat top center; font-family: Arial, Helvetica, Sans-Serif; }
#page-container { width:960px; margin:0 auto; }
/* Header: - Layout */
#header { background-color: #ffffff; width:950px; height:89px;margin:0 5px;}
#header-left { float:left; width:770px; }
#header-left-top-left { float:left; padding:12px 0 0 15px; }
#header-left-top-right { float:left; padding:12px 0 0 0; margin-left: 5px; }
#header-left-bottom { clear:both; float:left; margin:28px 0 0 9px; }
#header-right { float:right; padding:20px 9px 0 0; }
/* Header: Navigation */
#lstTopNav { margin:0; padding:0; }
#lstTopNav li { float:left; margin:0 1em 0 0; }
#lstTopNav li a { color:#666666; font-size:0.625em; }
#lstMainNav { margin:0; padding:0; height:1em; }
/*#lstMainNav li { float:left; margin:0 1em 0 0; }*/
/*#lstMainNav li a { color:#000000; font-size:0.75em; }*/
#sel {color: #FF0000; font-weight: bold;}
/* Header: Search form */
#lblSearchLabel { display:none; }
#zoom_searchbox { width:172px; height:16px; font-size:0.625em; padding:0; }
#search { height:16px; font-size:0.7em; padding:0; margin-left:5px; background-color:#ffffff; border:0; color:#666; font-weight:bold; }
/* Content: - Layout */
#content-top { clear:both; float:left; width:960px; }
#content-top-left { float:left; padding:122px 0 0 0; width:480px; margin-left:5px; }
#content-top-right { float:right; width:221px; height:208px; margin-right:5px; }
#content-bottom { clear:both; float:left; padding:50px 0 0 0; width:960px;}
#content-bottom-left { float:left; margin-left:5px;}
#content-bottom-right { float:right; width:440px; margin-right:5px;}
#content-bottom-right h2 {margin: 0px 0px 0px 7px; line-height: 1.1em; }
#content-bottom-right-top {margin:0 0 6px 0;}
#content-bottom-right-bottom {}
#content-bottom-right-bottom img {display:block;padding:0 0 14px 6px;}
#content-bottom-right-bottom-left { float:left; }
#content-bottom-right-bottom-right { float:right; }
#content-bottom-right.divOneColumnWidth {width:209px;}
/* Content: Call To Action List */
#lstCallToAction { margin:0; padding:1em; }
#lstCallToAction li { margin: 0 0 0 0.65em;height: 27px;display: block;}
#lstCallToAction li a { color:#ffffff; font-size:0.814em; line-height: 1.4em; display:block;}
#lnkPurchase {background: url("../images/sidebarLinkImgs/purchase.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lnkPhoneUs {background: url("../images/sidebarLinkImgs/phone.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lnkEmailUs {background: url("../images/sidebarLinkImgs/email.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lnkLeaveYourDetails {background: url("../images/sidebarLinkImgs/request.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lnkShareThis {background: url("../images/sidebarLinkImgs/share.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lnkChat { background: url("../images/sidebarLinkImgs/chat.png") no-repeat 0 center;padding:0px 0 0px 30px;}
#lstCallToAction .contactLinks { margin: 2px 0;background-position: 0 5px;border-bottom: 1px solid #fff;width: 130px;}
/* Content: Strapline */
.txtStraplinePartI { font-size:2.3em; color:#ffffff; }
.txtStraplinePartII { font-size:2.3em; color:#FFF; display:block; }
/* Content: Menus, e.g I am a... Navigation */
.divRedTopMenu { width:253px;padding:0; margin-bottom: 15px;}
.divRedTopMenu h2 { background-color:#FF0000; color:#ffffff; font-size:1.2em; font-weight:bold; padding:0.4em; margin:0;}
.divRedTopMenu ul li ul li span{ color:#ff0000; font-size:1em; font-weight:bold; padding: 0.4em 0; padding-left: 10px; margin:0; display: block; }
.divGreyTopMenu { width:253px;padding:0px 0 0 0;}
.divGreyTopMenu h2 { background-color:#999999; color:#ffffff; font-size:1.2em; font-weight:bold; padding:0.4em; margin:0;}
.lstArrowHighlight { margin:0; padding:0; }
.lstArrowHighlight li, .lstHighlight li { background-color:#ffffff; border:none;border-top: 1px dotted #666666; display: block;position: relative; }
.lstArrowHighlight li.first-child, .lstArrowHighlight li:first-child { border-top: none; }
.lstArrowHighlight li a { color:#666666; font-size:0.875em; display:block; line-height: 28px; padding-left: 10px; width: 243px;text-decoration:none; }
.lstArrowHighlight li a:hover { background: url("../images/iAmAHighlight.gif") no-repeat left top; }
.lstArrowHighlight li a.noArrow:hover { background: #e4e4e4; }
.lstArrowHighlight li ul li.designText p { color:#333; font-size:0.875em; display:block; line-height: 1.4em; padding: 10px; width: 243px;text-decoration:none; }
.lstArrowHighlight li ul li.designText p a { color:#333; display:block; line-height: 1.4em; padding: 5px 0px; margin: 0px; width: 243px;text-decoration:underline; }
.lstArrowHighlight li ul .designText a:hover {color: #f00;}
.lstHighlight { margin:0; padding:0; }
.lstHighlight li.first-child, .lstHighlight li:first-child { border-top: none; }
.lstHighlight li a { color:#666666; font-size:0.875em; display:block; line-height: 28px; padding-left: 8px; text-decoration:none; width:245px;}
.lstHighlight li a:hover { background: #e4e4e4; }
/*.divRedTopMenu ul li.pdf {padding-left: 20px; background: url("../images/icons/pdf.gif") no-repeat 8px center; }*/
.lstHighlight li a.pdf {padding-left: 28px; background: url("../images/icons/pdf.gif") no-repeat 8px center; width: 225px;}
.lstProductHighlights li a.pdf {padding-left: 20px; background: url("../images/icons/pdf.gif") no-repeat left center; }
.lstHighlight li a.pdf:hover {padding-left: 28px; display: block; background: #e4e4e4 url("../images/icons/pdf.gif") no-repeat 8px center; }
.divRedTopMenu .lstArrowHighlight li ul {position: absolute; left: 253px; top: 0px; width: 253px; display:block; border: none; }
.divRedTopMenu .lstArrowHighlight li ul li { border-top: 1px dotted #fff;background: #e4e4e4;}
.divRedTopMenu .lstArrowHighlight li ul li a:hover {background: #d2d2d2;}
.rhsNav {width: 212px; margin-left: 8px;}
.rhsNav li a {width: 203px; color:#666666; font-size:0.875em; display:block; line-height: 28px; padding-left: 8px; text-decoration:none;}
/* Content: Inspire me, coverflow */
#divInspireMe {margin:0 0 14px 3px;width:727px;}
#divInspireMeHeader {background-color:#FF0000;float:left;width:100%;}
#divInspireMeHeader h2 { float:left; color:#ffffff; font-size:1.2em; font-weight:bold; padding:0.4em; margin:0;}
#divInspireMeHeader span { float:right; color:#ffffff; font-size:1.2em; font-weight:bold; padding:0.4em; margin:0;}
#divInspireMeHeader span#cfHeader { float:right; color:#ffffff; font-size:1em; padding:.7em 0.7em 0 0; margin:0; display:none;}
/* Content: Component: Help Me Find Out About, drop-down list */
.divHelpMeFindOutAbout { background-color:#FFFFFF; width:432px; padding:5px 0px; margin-left:6px; }
.divHelpMeFindOutAbout label { color:#ff0000; font-size:1.2em; font-weight:bold; padding:0.4em 1.1em 1em 0.4em; }
#ddlHelpMeFindOutAbout { width:165px; }
/* Content: Component: Latest News */
#lstLatestNews { margin:0; padding:0; }
#divLatestNews { background-color: #000000;margin-bottom:14px;width:209px;}
#divLatestNews h2 {
border-bottom: 1px dotted #666666;
color: #ffffff;
font-size:1.05em;
font-weight:bold;
padding:0.4em;
letter-spacing:-0.04em;
margin:0;
}
a.lnkMoreInfo { display:block;text-transform:uppercase; text-decoration:underline; color:#ffffff; padding:0.3em 0.6em; font-size:0.75em;}
#lstLatestNews li { border-bottom: 1px dotted #666666; line-height:0.75em;}
#lstLatestNews li a { color:#A8A8A8; font-size:0.75em; display:block; padding:0.3em 0.6em; text-decoration:none; line-height: 1.5em; }
/* Footer */
#footer { clear:both; float:left; background-color:#666666; width:950px; margin:0 5px; padding-bottom: 30px;}
#lstFooterMainNavI {float:left; margin:18px 110px 0 14px;
padding:0; line-height:0.8em; }
#lstFooterMainNavII {float:left;margin:18px 28px 0 14px; padding:0; line-height:0.8em;}
#lnkCorporateSocialResponsibility {float:left;margin:22px 0 0 14px; line-height:0.8em;}
#lstPrivacyEtc{ float:left; margin:18px 50px 0 14px; padding:0; line-height:0.8em;}
#lstFooterMainNavI li { padding:0; margin:0; }
#lstFooterMainNavII li { padding:0; margin:0; }
#lnkCorporateSocialResponsibility { padding:0; margin:0; }
#lstPrivacyEtc li { padding:0; margin:0; }
#lstFooterMainNavI li a {font-size:0.625em; color:#ffffff; padding:0; margin:0; line-height:1.5em;vertical-align:top;}
#lstFooterMainNavII li a {font-size:0.625em; color:#ffffff;line-height:1.5em;vertical-align:top;}
#lnkCorporateSocialResponsibility a {font-size:0.625em; color:#ffffff;vertical-align:top;text-decoration:underline;}
#lstPrivacyEtc li a {font-size:0.625em; color:#ffffff;line-height:1.5em;vertical-align:top;}
#footer h3 {font-size:0.625em; color:#ffffff; font-weight:normal;padding-top:16px;vertical-align:top;}
#lnkCorporateSocialResponsibility {background: url("../images/corporateSocialResponsibility.gif") no-repeat 0 0; padding:0 70px 0 85px; height:104px;width:140px;}
#pdfSection1 {float: left; margin:18px 14px 0 0px; width: 195px;}
#pdfSection2 {float: right; margin:18px 14px 0 0px; width: 195px;}
.pdfSection li { padding:0px 0px 4px 0; margin:0; list-style-type: none;}
.pdfSection .footerPdfs {padding-left: 40px; height: 43px;}
.pdfSection .footerPdfs p {font-size:0.625em; color:#ffffff; font-weight:bold; padding:0; margin:0px 0 4px 0; line-height:1.5em;vertical-align:top; width: 160px; display: block;}
.pdfSection .footerPdfs a {font-weight: bold; text-decoration: underline; color:#ffffff; padding:0; margin:0; line-height:1.5em;vertical-align:top;display: block;}
.pdfSection .footerPdfs a.pdf {padding-left: 20px; background: url("../images/icons/pdf.gif") no-repeat left center;}
.pdfSection #commercial { background: url("../images/footerCorp.gif") no-repeat top left;}
.pdfSection #domestic { background: url('../images/footerHome.gif') no-repeat left top;
width: 170px;
}
.pdfSection #corporate { background: url("../images/footerCorp.gif") no-repeat top left;}
.pdfSection #productInfoGuide { background: url("../images/product-guide-icon.jpg") no-repeat top left;}
/* PROJECTS PAGES */
body.projects #content-bottom-left { margin-left:2px; }
/* PRODUCTS PAGES */
body.products { background: url("../images/productsBackground.jpg") no-repeat top center; }
body.products #content-top-left { padding:122px 0 0 0; width:550px; }
body.products #content-bottom { padding:0; margin-bottom: 1em; }
body.products #content-bottom-left { float:left; margin-right:14px; }
body.products #content-bottom-center { float:left; margin-right:14px; width:456px; }
body.products #content-bottom-center h3.first { color:#ff0000; font-size:1.2em; line-height:1.4em; font-weight:bold; margin: 0px 0 9px 0px;}
body.products #content-bottom-center p { color:#666;font-size:0.8em; line-height:1.4em; font-weight:normal; margin: 15px 0;}
#content-bottom-center p a, #content-bottom-center li a { color:#666; line-height:1.4em; font-weight:normal; text-decoration: underline;}
#content-bottom-center p a:hover, #content-bottom-center li a:hover{color: #F00;}
body.products #content-bottom-center p.lp_first { color:#666;font-size:0.8em; line-height:1.4em; font-weight:normal; margin: 0 0 15px 0;}
a.lp_link {color:#666; line-height:1.4em; font-weight:normal; margin: 0 0 15px 10px; text-decoration: underline;}
a.lp_link.pdf {padding-left: 20px; background: url("../images/icons/pdf.gif") no-repeat left center;}
h3 a.lp_link.pdf {margin-top: 10px;font-size:0.6em;display:block;margin-left: 0px;}
body.products #content-bottom img { margin-bottom: 1em; }
body.products #content-bottom-right { float:left; width:218px; margin:0; }
body.products .divRedTopMenu { padding:0; }
body.products #content-bottom-center ul.lstProductHighlights, body.products #content-bottom-center ol.lstProductHighlights { margin:1em 0 1em 8px; list-style-type:disc; list-style-position: inside; }
body.products #content-bottom-center ol.lstProductHighlights { list-style-type: decimal; margin: 0px; }
body.products #content-bottom-center ul.lstProductHighlights li, body.products #content-bottom-center ol.lstProductHighlights li{ color:#666666; font-size:0.8em; line-height:1.6em; list-style-position: inside; }
body.products #content-bottom-center ul.lstProductHighlights li a {color:#666666; text-decoration: underline; margin-left: 4px;}
body.products #content-bottom-center .divCommercialUserPanel { padding:0em; }
body.products #content-bottom-center .divCommercialUserPanel p { color:#666666; font-size:0.9em; font-weight:normal; }
body #content-bottom-center ol {list-style-type: decimal; margin: 0px 0px 0px 15px; display: block;}
body #content-bottom-center ol li {color:#666666; line-height:1.6em; font-size: 0.7em; margin-left: 5px; }
body #content-bottom-center ol li span {display: block; }
/* SUPERFISH: DROP-DOWN NAVIGATION */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }.sf-menu ul { position:absolute; top:-999em; width:11em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:1.7em; /* match top ul list item height */z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */top:0; }
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a { /*border-left:1px solid #fff; border-top:1px solid #CFDEFF;*/ padding:.25em 1.1em .25em 0.5em; text-decoration:none; font-size:0.75em;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/color:#000; }
.sf-menu li { background:#fff; }
.sf-menu li li { background:#fff; border-bottom: 1px solid #e4e4e4;}
.sf-menu li li li { background:#fff; }
.sf-menu li li a { font-size:0.7em; padding:6px 0 6px 0.7em;}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background:#D4D4D3; outline:0; }
.sf-menu a.sf-with-ul { padding-right:2em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ padding-bottom:1em;}
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; display: none; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; border: 1px solid #e4e4e4; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/* coverflow */
.flash-replaced .alt {display: block;height: 0;position: absolute;overflow: hidden;width: 0;}
/* Product Image list */
#prodImgListPanel { width: 105%; }
#prodImgListPanel ul { width: 100%;float:left; display: block; padding: 0px;margin: 0px;}
#prodImgListPanel ul li { display: block; padding: 3px; padding-left: 0px; float:left; }
body.products #content-bottom #prodImgListPanel ul li img {display: block; margin: 2px; }
#prodImgListPanel ul li a { color:#666; line-height:1.4em; font-weight:normal; margin: 0 0 15px 0; text-decoration: underline; }
#prodImgListPanel ul li a:hover {color: #f00;}
.clear {display: block; clear: both;}
#divWhatOtherProductsAreAvailable p {
font-size: .8em;
color: #666666;
padding-left: 8px;
}
#spec a {
color: #666666;
text-decoration: underline;
}
/* COMPANY PAGES */
body.black { background: url("../images/black.jpg") no-repeat top center; }
body.black #content-top-left { padding:122px 0 0 0; width:600px; }
body.black #content-bottom { padding:0; margin-bottom: 1em; }
body.black #content-bottom-left { float:left; margin-right:14px; }
body.black #content-bottom-center { float:left; margin-right:14px; width:456px; }
body #content-bottom-center h3 { color:#FF0000; font-size:1.2em; font-weight:bold; margin:0px 0px 9px 0px;}
body.black #content-bottom-center p { color:#666; font-size:0.8em; line-height:1.4em; margin: 0px 0px 30px 0px;}
body.black #content-bottom-center p strong { font-weight:bold; }
body.black #content-bottom-center p span.tobermore-red {color:#FF0000; }
body.black #content-bottom-center h4 span {font-weight: normal; margin-left: 5px;}
body.black #content-bottom img { margin-bottom: 1em; }
body.black #content-bottom-right { float:left; width:218px; margin:0; }
body.black .divRedTopMenu { padding:0; }
body.black #content-bottom-center ul.lstProductHighlights { margin:1em 0 1em 1em; list-style-type:disc; }
body.black #content-bottom-center ul.lstProductHighlights li { color:#666666; font-size:0.8em; line-height:1.6em; }
body.black #content-bottom-center ul { margin:1em 0 1em 1em; list-style-type:disc; }
body.black #content-bottom-center ul li, body.products #content-bottom-center ul li { color:#666666; font-size:0.8em; line-height:1.6em; }
body.black #content-bottom-center ul.lstProductHighlights li a {color:#666666; font-size:0.8em; line-height:1.6em; text-decoration: underline; }
body.black #content-bottom-center .divCommercialUserPanel { }
body.black #content-bottom-center .divCommercialUserPanel p { color:#666666; font-size:0.9em; font-weight:normal; }
body.black .divHelpMeFindOutAbout {
width:211px;
margin-left: 1em;
}
body.black .divHelpMeFindOutAbout label {padding: 0px; margin-bottom: 5px; display: block;}
/* Product Spec Table */
#spec { padding: 15px 8px; background-color: #e4e4e4; width: 440px;}
#spec label {font-size: .8em;font-weight: bold; padding-bottom: 8px; display: block;}
#spec #specTable {font-size: .7em; width: 440px;}
#spec #specTable tr td, #spec #specTable tr th { padding: .8em 0em; border-top: 1px solid #c4c4c4;}
#spec #specTable tr th { font-weight: bold; text-align: left;}
/* RHS Single Swatch */
.sinSwatch{width:215px; margin: 9px 0px 15px 8px;}
.sinSwatch span{color:#666666; display:block;font-size:12px;font-weight:bold;height:20px;text-align:left;width:205px;}
.sinSwatch img{margin:0 auto;}
.whereDoIStart{ margin-top: 10px;}
/* Form Table*/
.productDLs { width: 470px;font-size: 0.8em; margin: 0px 0px 20px 10px; border: none; border-collapse: collapse}
.productDLs .header {text-align: center; }
body #content-bottom-center .dlForm h3 {
margin: 0px;
margin-top: 10px;
}
body #content-bottom-center .dlForm h3 a {
color: #F00;
text-align:left;
font-weight: bold;
font-size: 0.8em;
margin-left: 10px;
margin-bottom: 0px;
}
.productDLs span {color: #666;}
#zipPanel{margin: 10px 0px;}
.productDLs .lbl {width: 250px; display: block; margin-left: 10px;}
.productDLs .cb {width: 100px; display: block;}
.productDLs .cb input {display: block; margin: 0px auto;}
.productDLs tr th {padding:0px;}
.productDLs tr td {padding: 8px 0px;background-color: #fff}
.productDLs tr td span {background-color: Transparent; display: block;}
.productDLs tr.on td {background-color: #e4e4e4; }
.productOrderDLs {width: 460px;font-size: 0.8em; margin-top: 25px; border: none; border-collapse: collapse}
body #content-bottom-center .productOrderDLs h3 {color: #F00; text-align:left; font-weight: bold; font-size: 1.1em; margin-left: 10px;}
.productOrderDLs span {color: #666;}
.productOrderDLs tr td {padding: 8px 2px;background-color: #fff; width:129px; vertical-align:top;}
.productOrderDLs tr td span {background-color: Transparent; display: block;width:129px;}
.productOrderDLs tr td div {width:129px;}
.productOrderDLs tr td .dlImg {height: 180px; }
.productOrderDLs tr td .dlImg img {vertical-align: middle;}
.productOrderDLs tr td .dlText label {font-size:0.85em;}
.emailForm {margin-top: 25px;}
.emailForm .formRows {width: 470px; margin: 15px 0px; font-size: 0.8em;color: #666;}
.emailForm .formRows .cbsSpan {margin: 4px 0 20px 0; display:block; float: left; }
.emailForm .formRows label {width: 120px; display: block; float: left; }
.emailForm .formRows input, .emailForm .formRows textarea {width: 250px; display: block; float: left; padding: 1px;}
.emailForm .formRows .cbs input{width: 20px;}
.emailForm .formRows .cbsSpan label {width: 250px;}
.cbsSpan {font-size: .8em; margin-top: 20px;}
.valid { margin-left:1em; }
#commercial { margin-top:2em; }
/* News Styles */
body.black #content-bottom-center ul#lstLatestNews {margin: 0}
.newsListing h4 a {color:#666; font-size: 0.8em}
.newsListing h4 a:hover {color:#F00;}
#content-bottom-center .newsListing p a:hover {color:#F00;}
.newsListing p a { text-decoration: underline; display: block;}
.newsArticle h4 {color: #F00; text-align:left; font-weight: bold; font-size: 1.1em; margin-bottom: 25px}
.newsArticle .newsBody {color: #666; margin-bottom: 25px; font-size: 0.9em}
.newsArticle p a {font-size: 1em}
#content-bottom-center .newsArticle p a:hover {color: #F00;}
body.black #content-bottom-center .newsBody p { margin:0 0 1em 0; }
body.black #content-bottom-center .newsBody img { border:8px solid #E4E4E4; }
/* Search Results */
.highlight { background: #E4E4E4; }
.searchheading { color:#FF0000; font-size:1.2em; font-weight:bold; margin:0 0 9px; }
.summary { color:#666666; font-size: 80%; font-style: italic; }
.suggestion { color:#666666; font-size: 100%; }
.suggestion a { color:#666666; text-decoration:underline; }
.suggestion a:hover { color:#ff0000; }
.results { color:#666666; font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }
.result_title { color:#666666; }
.result_title a { color:#666666; text-decoration:underline; }
.result_title a:hover { color:#FF6666; }
.description { font-size: 100%; color:#666666; }
.context { color:#666666; font-size:0.8em; line-height:1.4em; }
.infoline { font-size: 0.6em; color: #999999;}
.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }
input.zoom_button { }
input.zoom_searchbox { }
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }
.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_pages { font-size: 100%; color:#666666; }
.result_pages a { color:#666666; text-decoration:underline; }
.result_pages a:hover { color:#FF0000; }
.result_pagescount { font-size: 100%; color:#666666; }
.searchtime { font-size: 80%; }
.recommended
{
background: #DFFFBF;
border-top: 1px dotted #808080;
border-bottom: 1px dotted #808080;
margin-top: 15px;
margin-bottom: 15px;
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }
/* Sitemap */
body.black #content-bottom-center .sitemap {
color:#666666;
font-size:16px;
line-height:1.6em;
margin: 4px 0px 4px 15px;
display:block;
}
/* Red Dot Styles */
div#redDot {width: 160px; padding: 1px;margin: 20px auto;}
/* Form Return labels */
#completeLabel {font-size: 0.8em; font-weight: bold; color: #0cff00}
.errs {font-size: 0.8em; font-weight: bold; color: #900; }
body #content-bottom-center .errs ul li { font-weight: normal; color: #900;font-size: 1em;}
/* RHS Banners */
#rhsBanners { width: 204px; margin: 10px 0px; margin-left: 1em;}
/* Hydropave Case Studies */
.hpCases {display: block;}
.hpCases img {border: 8px solid #e4e4e4;}
/* Secura Isometrics */
.isometricTitle {font-size: .8em; color: #666666; font-weight: bold; }
.isometricTitle.duo {padding-left: 100px; }
/* Stockists Table*/
#stockists td {font-size:10px}
/* New Footer */
#new_footer {
background: #666666;
padding-top: 10px;
padding-bottom: 5px;
margin-top: 20px;
}
#new_footer .footerPanels {
float: left;
padding-left: 14px;
}
#new_footer #fp1 {
width: 240px;
}
#new_footer .footerPanels h4 {
font-size: .9em;
color: #FFFFFF;
display: block;
padding-bottom: 12px;
font-weight: bold;
margin: 0px;
}
#new_footer .footerPanels p {
font-size: 0.7em;
line-height: 1.4em;
color: #FFFFFF;
display: block;
width: 210px;
}
#new_footer .footerPanels ul {
display: block;
list-style: none;
}
#new_footer .footerPanels li {
display: block;
}
#new_footer .footerPanels a {
font-size: 0.7em;
line-height: 1.4em;
color: #FFFFFF;
text-decoration: none;
display: block;
}
#new_footer #fp2 {
width: 205px;
}
#new_footer #fp3 {
width: 210px;
}
#new_footer .footerPanels span {
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
}
#new_footer .footerPanels .pdf {
text-decoration: underline;
background: url(../images/icons/pdf.gif) no-repeat left top;
padding-left: 20px;
}
#new_footer #fp4 {
width: 230px;
}
#new_footer #fp4 #dom {
background: url(../images/footerHome.gif) no-repeat left top;
padding-left: 38px;
height: 45px;
}
#new_footer #fp4 #csr {
background: url(../images/footerCorp.gif) no-repeat left top;
height: 45px;
padding-left: 38px;
}
#new_footer #fp4 li {
padding-bottom: 3px;
}
#new_footer #fp4 #pig {
background: url(../images/footerProd.gif) no-repeat left top;
padding-left: 38px;
height:45px;
}
/*new call to action */
#content #new_callToAction {
width: 100%;
}
#content #new_callToAction ul {
display: block;
width: 212px;
float: right;
height: 182px;
}
#content #new_callToAction li {
display: block;
float: left;
list-style: none;
}
#content #new_callToAction li.col1 a#how {
width: 70px;
background: url(../images/action_icons/how_to_buy.png) no-repeat left top;
}
#content #new_callToAction li.col2 a#phone {
width: 78px;
background: url(../images/action_icons/phone_us.png) no-repeat left top;
}
#content #new_callToAction li.col3 a#chat {
width: 62px;
background: url(../images/action_icons/live_chat.png) no-repeat left top;
}
#content #new_callToAction li.col1 a#email {
width: 70px;
background: url(../images/action_icons/email_us.png) no-repeat left top;
}
#content #new_callToAction li.col2 a#fback {
width: 78px;
background: url(../images/action_icons/your_feedback.png) no-repeat left top;
}
#content #new_callToAction li.col3 a#cback {
width: 62px;
background: url(../images/action_icons/callback.png) no-repeat left top;
}
#content #new_callToAction ul li a {
font-size: 0.7em;
color: #FFFFFF;
text-decoration: none;
text-align: center;
display: block;
vertical-align: bottom;
/* height: 20px;*/
padding-top: 36px;
padding-bottom: 10px;
}
/* New news */
#landingPagePanels .panels {
height: 66px;
width: 213px;
margin-left: 6px;
float: left;
margin-bottom: 6px;
overflow: hidden;
}
#landingPagePanels #news, #other_news {
height: 138px;
float: right;
background: #000000;
}
#landingPagePanels .panels a {
display: block;
border-style: none;
}
#landingPagePanels .panels img {
border-style: none;
padding: 0px 0px 14px 0px;
}
#landingPagePanels #news h3, #other_news h2 {
color: #FFFFFF;
display: block;
font-size: .9em;
font-weight: bold;
padding: 9px 0px 9px 9px;
border-bottom: 1px dotted #666666;
}
#landingPagePanels #news ul, #other_news ul {
display: block;
padding:0 9px;
}
#landingPagePanels #news #newsPanel li, #other_news li {
display: block;
height: 41px;
border-bottom: 1px dotted #666666;
}
#landingPagePanels #news #newsPanel a, #other_news a {
font-size: .8em;
color: #FFFFFF;
text-decoration: none;
/*padding: 0px 9px;*/
line-height:1.2em;
padding-top:3px;
}
#landingPagePanels #news a#more, #other_news a#more {
font-size: 0.8em;
color: #FFFFFF;
display: block;
padding-left: 9px;
padding-top:3px;
}
#other_news {
height: 145px;
margin-bottom: 14px;
float: right;
background: #000000;
}