html {overflow-y: scroll;height:100%;background:#f9f9f9;}
/* Global styles */
body{margin:0;padding:0;font-family: helvetica, arial, sans-serif;font-size: 0.9em;height:100%;letter-spacing:0.1px;}
a{border:0;color:#000;text-decoration:none;outline:none;}
img {border:0;}
.clearfix:after,
.iCols2:after,
.iCols3:after,
.iRow:after,
.pane:after,
.form:after,
.items:after,
.iCols2.cGroup:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix,
.iCols2,
.iCols3,
.iRow,
.pane,
.form,
.items,
.iCols2.cGroup {display: inline-block;}
html[xmlns] .clearfix,
html[xmlns] .iCols2,
html[xmlns] .iCols3,
html[xmlns] .iRow,
html[xmlns] .pane,
html[xmlns] .form,
html[xmlns] .items,
html[xmlns] .iCols2.cGroup {display: block;}
* html .clearfix,
* html .iCols2,
* html .iCols3,
* html .iRow,
* html .pane,
* html .form,
* html .items,
* html .iCols2.cGroup {height: 1%;}
/* Header Styles */
#header {clear:both;margin:0 auto;width:960px;display:block;text-align:left;padding:0px 10px 0px 10px;color:#7e7e7e;background:#fff;border:solid #ddd;border-width:0 1px;}
#logo{float:left;padding:0px 0 0 0;width:180px;}
#header ul{float:right;clear:right;display:block;margin:0px 0px 0px 0;padding:0;list-style-type:none;background:#fff;}
#header ul li{display:inline;float:left;padding:3px 0 0 0 ;margin:0px 0 2px 0;}
#header ul li a{font-size:1.065em;font-weight:normal;padding:4px 6px;color:#ed1d24;border:0px solid #343434;border-right:0px solid silver;}
#header ul li a:hover, #header li a.selected {color:#fff;background:#ed1d24;}
#header ul li.last a{border:0;}
#header ul li.marketing {float:right;padding-left:20px;}
#header ul li.marketing a{border:0;}
#topNav{background:#fff;float:right;padding:5px 10px;color:#ed1c24;}/*-moz-border-radius:0 0 12px 12px;*/
#topNav a{padding:4px 6px;color:#7e7e7e;font-size:1em;margin:0 5px;}
#topNav a:hover{color:#fff;background:#ed1d24;}
#call{width:380px;float:right;clear:right;padding:5px 10px;margin:3px 0 5px 0;text-align:right;font-weight:500;font-size:2em;letter-spacing:-1px;color:#ed1c24}
#call strong{font-size:0.9em;font-weight:bold;margin-right:5px;}
#frame {clear:both;margin: 0 auto;width: 980px;border:solid #ddd;border-width:0 1px;text-align:left;padding:0 0 0 0;min-height:100%;height:100%;background:#fff url('../imag es/bk-frame.gif') bottom left repeat-x;}
/* Footer Styles */
#footer{background:#ed1c24;clear:both;border:1px solid silver;border-width:1px 0 0 0;margin: 0px 0 0 0;text-align:left;padding:10px 10px 10px 0;color:#fff;font-size:0.9em;}
#footer #footerNav {padding:0 0 0 30px;}
#footer #footerNav div {margin:5px 0 10px 10px;padding:0;display:block;float:left;font-size:0.85em; max-width:140px;}
#footer #footerNav div a {color:#fff;float:left;}
#footer ul.sub{clear:left;margin:0 0 10px 10px;padding:0;list-style-type:none;display:block;}
#footer ul.sub li{padding:0;margin:0;display:inline;float:left;width:100px;}
#footer a.credit {color:#cc0033;clear:left;float:left;display:block;}
/* Content Styles */
h1 {color:#343434;float:left;font-weight:normal;font-size:2em;margin:20px 10px;letter-spacing:-0.5px;display:block;}
h1 span {display:block;color:#343434;}
.campaign h1 {margin:150px 0 5px 0;background:#fff;padding:5px;}
h1.headline{background:#ed1d24;color:#fff;padding:5px;margin:0 10px;width:950px;}
h2 {display:block;color:#343434;font-weight:normal;font-size:1.5em;margin:0;letter-spacing:-0.5px;}
h3 {color:#ed1c24;font-weight:normal;font-size:1.8em;margin:0 5px;padding:0px 5px;letter-spacing:-0.5px;}
#promo li h3{padding:10px;}
h4 {display:block;color:#343434;font-size:1.5em;font-weight:normal;margin:0 5px;letter-spacing:-0.5px;}
/* Column Styles */
#content,.content{background:#fff;border-top:1px solid silver;}
.iCols3, .iCols2{clear:both;padding:0;margin-bottom:20px;}
.iCols3 {border-top:0px solid silver;padding-top:10px;}
.home .iCols3 {border-top:0;padding-top:0;}
.iCol {float:left;margin:0 0;padding:0 10px;}
.iCols3 .iCol {width:290px;}
.iCols2 .iCol {width:330px;}
.iCols2 .iCol.wide {width:600px;}
.showCase{border:1px solid silver;border-width:0px 0 0px 0;margin:0px 10px 10px 10px;background:#fff url('../images/campaign/campaign.jpg') bottom left no-repeat;}
.iCols3.home{margin-bottom:20px;}
.iCol.promoBlock{width:260px;}
.iCol.contentBlock{width:335px;}
.iCol div {display:block;float:left;clear:both;}
.iCol.campaign {width:600px;height:250px;background:none;}
/* Content Columns & Rows */
.copy {width:600px!important;border-right:0px solid silver;}
.copy h2 {display:block;color:#ed1c24;padding:5px 10px 0;}
.copy p {padding:5px 10px;font-size:0.85em;}
.iCol.copy h1 {display:block;padding:5px 0 10px 0;}
.iCol.subNav{padding:0 0 0 10px;margin:0;width:160px;border-right:0px solid silver;}
.subNav strong{display:block;padding:0 6px 0px 6px;font-size:1.5em;font-weight:normal;}
.subNav ul{margin:0;padding:10px 0;list-style-type:none;}
.subNav ul li{margin:0;padding:3px 4px;border-bottom:1px dotted silver;}
.subNav ul li a {padding:3px;display:block;font-size:0.8em;font-weight:normal;color:#231f20;}
.subNav ul li a:hover, .subNav ul li a.selected {background:#ed1c24;color:#fff;}
.columnCopy {width:420px!important;border-right:0px solid silver;font-size:0.8em;}
.columnCopy h1 {float:left;display:block;color:#343434;padding:5px 10px 0 0;font-size:2em;}
.columnCopy h2 {display:block;color:#343434;padding:5px 10px 0;}
.columnCopy p {clear:both;padding:5px 10px;}
.iRow {background:#fff;margin:5px 0 0px 10px;padding:5px 0 0px 0;color:#343434;border-bottom:0px solid #e9e9ea;}/*#f8f8f8*/
.iRow h2 {color:#ed1c24;margin-bottom:0;padding-bottom:0;font-size:1.5em;font-weight:normal;border:0;}
.iRow p {color:#343434;margin:0 0 10px 0;line-height:1.4em;margin:5px 10px;}
.iRow a {color:#c41230;font-weight:bold;font-size:1em;}
.iRow a:hover{color:#343434;}
.iRow a.main {display:block;text-align:right;padding-right:20px;}
/*.iRow a.main:hover{color:#343434;}*/
.home .iRow {border:0;}
.iRow.subCampaign{height:150px;background:none;border-bottom:0;}
.columnCopy .iRow div {clear:none;float:left;width:235px;margin:0;padding:0;}
.columnCopy .iRow div p{margin:10px 0;font-size:1em;}
.columnCopy #productShowcase img{float:right;margin:0 10px 10px 10px;}
.columnCopy #productShowcase p{clear:left;float:left;width:180px;padding:0 2px;margin:140px 0 0 10px;font-weight:bold;letter-spacing:-1px;}
.columnCopy ul{margin:0;padding-left:30px;list-style-type:square;width:95%;}
.columnCopy ul li{padding:10px 5px;}
.cCol {border:solid silver;border-width:0px;padding:20px 0 0 0;float:right;width:340px!important;}
.cCol p {font-size:1em;font-weight:normal;width:250px;padding:0;margin:5px 0;color:#343434;}
.cCol div {margin-top:0;border:0px solid silver;background:#fff url('../im ages/bg_testimonial.gif') 40px 0 no-repeat;padding:0 0 5px 0px;}
#footer #copyright{font-size:0.85em;width:235px;height:120px;float:left;margin-right:20px;border-right:1px solid #ddd;}
#copyright img{float:left;}
#copyright p{margin:5px 0 0 5px;clear:left;float:left;}
div.quote{background:url('../images/profile.jpg') 0px 0px no-repeat;padding:20px 0 0 140px;}
div.quote p {text-indent:25px;margin:0;padding-bottom:0;background:url('../images/quoteMark.gif') -10px -10px no-repeat;width:180px;}
div.quote p span{display:block;text-indent:0;padding-top:10px;}
#campaignNav {padding:0;margin:0;list-style-type:none;float:left;clear:left;}
#campaignNav li{display:block;font-size:0.7em;width:214px;border:1px solid silver;height:80px;margin:5px;background:#fff;}
#promo {clear:both;padding:0;margin:10px 5px 0 5px;list-style-type:none;}
#promo li{display:inline;float:left;font-size:0.7em;width:184px;margin:5px;border:1px solid silver;height:100px;}
#promo li.advert{width:380px;}
/*
.cCol div {width:320px;border-bottom:0px solid silver;margin:0 0 40px 0;background:#f9f9f9;padding:10px 0 10px 3px;font-size:0.9em;}
.cCol div ul{padding:0;margin:0 5px;list-style-type:none;width:95%;}
.cCol div ul li{padding:10px 0 0 25px;background:url('../images/bk-link.gif') 0 10px no-repeat;}
.cCol div ul li a{text-decoration:underline;}
.cCol h4{padding:5px 0;margin:0 0 5px 0;}
.products .iCols3 .cCol{padding:0;width:320px!important;}
*/
#productCabinet{padding:0;margin:0 5px;list-style-type:none;}
#productCabinet li{display:inline;float:left;font-size:0.7em;width:140px;margin:2.5px;border:1px solid silver;height:69px;}
.iCols3.home{background:#f9f9f9;margin-bottom:0px;padding:10px;margin:0 10px;font-size:0.8em;}
.iCols3.home div.centre{border:1px solid silver;border-width:0px 1px;}
#footer{margin:0 10px;padding:5px 10px 10px 10px;}
.iCols3.home h2{font-size:1.2em;padding:5px 0;margin:0 0 5px 0;border-bottom:1px solid silver;}
.iCols3.customers{background:#f9f9f9;margin-bottom:0px;padding:10px;margin:0 10px 20px 10px;font-size:0.8em;}
.iCols3.customers div.centre{border:1px solid silver;border-width:0px 1px;}
.iCols3.customers div img.thumb{border:1px solid silver;border-width:0px 1px;float:left;margin:0 10px 10px 0;height:85px;}
.iCols3.customers div p {padding:0;margin:5px 0 10px 0;float:left;}
.iCols3.customers div a {padding:0;margin:0;color:#ed1c24;}
.iCols3.customers h2{padding:5px 0;margin:0 0 5px 0;border-bottom:1px solid silver;color:#ed1c24;}
.iCols3.customers div a img{float:right;}
/* Press Section */
.iCols3.press{margin:0 0 0 0px;}
.iCols3.press .iCol{width:300px;margin:0 0 20px 20px;padding:0;}
.iCols3.press .iCol h2 {margin:5px 10px;}
.press-highlight{background:#f9f9f9;border:1px solid #f3f3f3;border-bottom:1px solid silver;margin:10px 0 15px 0;padding:10px;min-height:120px;}
.press-highlight h3 {float:left;font-size:1.2em;width:400px;margin:5px 0 5px 0;color:#ed1c24;}
.press-highlight p {clear:both;margin:10px 0 0 0;padding:10px 0 0 0;font-size:0.85em;font-weight:bold;min-height:45px;}
.press-highlight a img {display:none;float:left;margin:5px 0;width:65px;height:52px;}
.press-highlight a.next {clear:both;float:left;margin:0px 0;padding:10px 0 4px 25px;background:url('../images/bk-link.gif') 0 10px no-repeat;font-size:0.85em;font-weight:bold;color:#ed1c24;}
.press-highlight h2 {float:left;font-size:1.2em;margin:5px 0 5px 0;padding:0 0;color:#ed1c24;}
/*.iCol div.press-highlight{clear:none;float:left;width:250px;}*/
.iCols3.pressCallouts{margin:0 10px;}
.iCols3.pressCallouts .iCol{width:317px;border-bottom:0px solid silver;margin:0 0 10px 0px;background:#f9f9f9;padding:10px 0 0px 3px;font-size:0.9em;}
.iCols3.pressCallouts .iCol ul {clear:both;margin:10px 10px 10px 0;list-style-type:none;padding:0 5px;min-height:170px;}
.iCols3.pressCallouts .iCol ul li {clear:both;margin:10px 0;padding:10px 0 2px 30px;background:url('../images/bk-link.gif') 5px 10px no-repeat;font-size:0.85em;}
.iCols3.pressCallouts .iCol ul li a:hover{color:#ed1c24;}
.iCols3.pressCallouts .iCol a.all {display:block;border-top:1px solid silver;width:260px;clear:both;float:left;margin:0px 10px;padding:10px 0 2px 25px;background:url('../images/bk-link.gif') 0 10px no-repeat;font-size:0.85em;font-weight:bold;color:#ed1c24;}
.cBorder{border:solid silver;border-width:0 0px;}
.article {border-top:0px solid silver;padding:0px 0 0 0;}
.article .copy{width:750px!important;}
.article .copy h1{font-size:2em;}
.article .copy img{float:right;margin:10px;}
.article .copy p{clear:left;font-size:0.85em;}
.article .copy p.lead{font-weight:bold;font-size:1.2em;letter-spacing:-0.5px;}
/* Campaign Blocks */
.subCampaign{display:block;width:100%;height:160px;border-bottom:1px solid silver;margin:20px 10px 10px 10px;}
.fabricators .subCampaign{background:#fff url('../images/campaign/bk-fabricators.jpg') top left no-repeat;}
.construction .subCampaign{background:#fff url('../images/campaign/bk-construction.jpg') top left no-repeat;}
.construction #architect.subCampaign{background:#fff url('../images/campaign/bk-architect.jpg') top left no-repeat;}
.construction #housebuilder.subCampaign{background:#fff url('../images/campaign/bk-house-builders.jpg') top left no-repeat;}
.construction #public.subCampaign{background:#fff url('../images/campaign/bk-public.jpg') top left no-repeat;}
.homeowners .subCampaign{background:#fff url('../images/campaign/bk-homeowner.jpg') top left no-repeat;}
.environment .subCampaign{background:#fff url('../images/campaign/bk-environment.jpg') top left no-repeat;}
.products .subCampaign{background:#fff url('../images/campaign/bk-products.jpg') top left no-repeat;}
.international .subCampaign{background:#fff url('../images/campaign/bk-international.jpg') top left no-repeat;}
.technical .subCampaign{background:#fff url('../images/campaign/bk-technical.jpg') top left no-repeat;}
#data.subCampaign{background:#fff url('../images/campaign/bk-fabricators-technical.jpg') top left no-repeat;}
#gallery.subCampaign{background:#fff url('../images/campaign/bk-fabricators-gallery.jpg') top left no-repeat;}
.about .subCampaign{background:#fff url('../images/campaign/bk-homeowner.jpg') top left no-repeat;}
.iCols2.cGroup .copy{width:600px!important;}
.iCols2.cGroup .copy h1 {font-size:2em;margin:10px;}
.iCols2.cGroup {margin-bottom:0;}
.iCols2.cGroup .iCol.cCol {width:300px;}
.iCols2.cGroup .iCol.cCol .callouts {background:#fff;margin-bottom:0px;padding:10px 0;}
.iCols2.cGroup .iCol.cCol .callouts img {float:left;margin:0 0px 8px 8px;border:1px solid silver;}
/* Highlight */
.highlight {width:290px!important;background:#f9f9f9;border:1px solid #f3f3f3;border-bottom:1px solid silver;margin:10px 0 5px 8px!important;padding:10px!important;}
.red{background:#ed1c24;}
.highlight h4 {color:#ed1c24;}
.iCols2.cGroup .cCol .highlight h3 {float:right;font-size:1.4em;width:210px;margin:5px 0 5px 0;}
.iCols2.cGroup .cCol .highlight p {width:210px;clear:both;margin:0px 0 0 0;padding:10px 0 0 0;font-size:0.9em;font-weight:bold;min-height:65px;}
.iCols2.cGroup .cCol .highlight a img {float:left;margin:5px 0 5px 0;width:65px;height:52px;}
.iCols2.cGroup .cCol .highlight a.next {clear:both;float:left;margin:0px 0;padding:10px 0 4px 25px;background:url('../images/bk-link.gif') 0 10px no-repeat;font-size:0.85em;font-weight:bold;color:#ed1c24;}
.fabricators .iCols3.press .iCol{width:300px;margin:0 0 20px 20px;padding:0;}
.fabricators .iCols3.press .iCol .press-highlight{margin-bottom:0px;}
.fabricators .iCols3.press .iCol a.all {display:block;border-top:0px solid silver;clear:both;float:left;margin:0px 10px;padding:10px 0 2px 25px;background:url('../images/bk-link.gif') 0 10px no-repeat;font-size:0.85em;font-weight:bold;color:#ed1c24;}
.specifierGuide{width:290px!important;margin:10px 0 5px 8px!important;padding:10px!important;font-size:0.85em;}
.specifierGuide p{width:280px;margin:10px;}
.homeowners .iCols3.press .iCol{width:300px;margin:0 0 20px 20px;padding:0;font-size:0.95em;}
.homeowners .iCols3.press .iCol h2 {margin:0px 0px 5px 0px;}
.breadCrumb{margin:5px 15px;padding:5px 0 0 0;border:0;font-size:1.5em;color:#ed1c24;}
/* Form Styling */
input.styled{font-size:0.9em;color:#999;border:1px solid silver;width:180px;padding:5px;margin-bottom:5px;}
.copy h3{color:#343434;}
.copy p a {background:#fff;color:#ed1c24;padding:0 2px;text-decoration:underline;}
.copy p a:hover {background:#ed1c24;color:#fff;text-decoration:none;}
.product h3 {padding:0;margin:0;font-weight:normal;letter-spacing:-0.5px;font-size:1.5em;}
.product {padding:10px;font-size:0.9em;}
/* Callout styles */
.callout{height:131px;width:320px;margin:0 0 10px 0;}
.callout h4 {padding:82px 10px 0 10px;}
.callout.colour{background:url('../images/callouts/colour_ad.jpg') 0 0 no-repeat;}
.callout.guarantee{background:url('../images/callouts/guarantee_ad.jpg') 0 0 no-repeat;}
.callout.environment{background:url('../images/callouts/enviro_ad.jpg') 0 0 no-repeat;}
.callout.standards{background:url('../images/callouts/kite-marks_ad.jpg') 0 0 no-repeat;}
.callout.thermal{background:url('../images/callouts/thermal_ad.jpg') 0 0 no-repeat;}
.callout.iso{background:url('../images/callouts/iso-commit_ad.jpg') 0 0 no-repeat;}
.callout.arating{background:url('../images/callouts/band-a_ad.jpg') 0 0 no-repeat;}
.callout.helpyou{background:url('../images/callouts/helpyou_ad.jpg') 0 0 no-repeat;}
.callout.ecospec{height:277px;width:320px;margin:0 0 10px 0;}
.callout.orderliterature{background:url('../images/callouts/brochure_ad.jpg') 0 0 no-repeat;}
.callout.photolibrary{background:url('../images/callouts/gallery_ad.jpg') 0 0 no-repeat;}
.callout.technical{background:url('../images/callouts/technical_ad.jpg') 0 0 no-repeat;}
.callout.architect{background:url('../images/callouts/architect_ad.jpg') 0 0 no-repeat;}
.callout.housebuilder{background:url('../images/callouts/house_builders_ad.jpg') 0 0 no-repeat;}
.callout.public-sector{background:url('../images/callouts/public-sector_ad.jpg') 0 0 no-repeat;}
.callout.specifier{background:url('../images/callouts/specifier_ad.jpg') 0 0 no-repeat;}
.callout.specifier-download{background:url('../images/callouts/specifier-ad.jpg') 0 0 no-repeat;}
.callout.construction-download{background:url('../images/callouts/commercial-bro-ad.jpg') 0 0 no-repeat;}
.callout.ireland{background:url('../images/callouts/ireland_ad.jpg') 0 0 no-repeat;}
.callout.poland{background:url('../images/callouts/poland_ad.jpg') 0 0 no-repeat;}
.callout.slovakia{background:url('../images/callouts/slovakia_ad.jpg') 0 0 no-repeat;}
.callout.romania{background:url('../images/callouts/romania_ad.jpg') 0 0 no-repeat;}
/* Feature styles */
.features {border:0px solid silver;width:600px;padding:0 10px;}
.feature {width:190px;margin:0 0 10px 0;float:left;clear:none!important;border:0px solid silver;}
.feature.centre{margin:0 10px 10px 10px;}
.feature h3{color:#ed1c24;font-size:1.2em;margin:10px 0;padding:0;}
.feature h5{color:#fff;font-size:1.5em;margin:89px 10px;padding:0;}
.feature p{background:#f9f9f9;padding:10px;min-height:60px;color:#343434;}
.feature a img{float:right;}
.features.commercial{padding:0;width:620px;}
.features.commercial .feature p{min-height:280px;}
.features.products .feature p{min-height:120px;}
.features.productsLongText .feature p{min-height:230px;}
p {display:block;}
.lead{clear:both;margin-top:0;}
/* Homeowners JS panels */
#jsPanes{margin:0 20px 20px 20px;}
/* Tabbed navigation */
.tabs {margin:20px 0 0 0;padding:0;list-style-type:none;float:left;}
.tabs li{display:inline;float:left;padding:0;margin:0;background:#fff;}
.tabs li a{padding:10px 10px;width:211px;text-transform:uppercase;background:#fff;color:#fff;border-bottom:2px solid #fff;float:left;margin-right:4px;}
.tabs li.last a{margin:0;width:215px}
/* Tab colour options */
.tabs li a.windows{background:#aaa969;}
.tabs li a.windows.current{border-bottom:2px solid #aaa969;}
.tabs li a.doors{background:#4d7189;}
.tabs li a.doors.current{border-bottom:2px solid #4d7189;}
.tabs li a.conservatories{background:#362046;}
.tabs li a.conservatories.current{border-bottom:2px solid #362046;}
.tabs li a.environment{background:#7e7e7e;}
.tabs li a.environment.current{border-bottom:2px solid #7e7e7e;}
/* Pane styling */
.panes{margin:0;padding:0;}
.panes div.pane {display:none;clear:left;padding:0;margin-top:0;background-color:#fff;font-size:0.8em;border-width:8px 0;}
.pane .paneCopy{width:520px;border:0px solid silver;float:left;}
.pane .paneCopy h3 {margin:10px 5px;font-size:3em;}
.pane .paneCopy p{margin:10px;}
.pane .paneCopy div{background:#eeeee2;margin:10px;padding:10px;}
.pane .paneCopy div h4{margin:0;padding:10px 0;}
.pane .paneCopy div ul{margin:10px 0;padding:0 20px;}
.pane .paneCopy div ul li{margin:10px 0;}
.pane .imagery{width:388px;border:0px solid silver;float:left;padding:10px;}
.pane .imagery ul.downloads{margin:10px 0;padding:0;list-style-type:none;}
.pane .imagery ul.downloads li{margin:20px 20px 0 0;float:left;display:inline;}
/* Pane colour options */
.pane.windows{border:solid #aaa969;}
.pane.windows .paneCopy div{background:#eeeee2;}
.pane.doors{border:solid #4d7189;}
.pane.doors .paneCopy div{background:#dbe3e6;}
.pane.doors .imagery .colour{background:#dbe3e6;}
.pane.doors .imagery ul.downloads h4{width:100px;margin:10px 0;}
.pane.conservatories{border:solid #362046;}
.pane.conservatories .paneCopy div{background:#d8d3da;}
.pane.environment{border:solid #7e7e7e;}
.pane.environment .paneCopy div{background:#fff;}
#sitemap{padding:0 20px;}
.technical .tabs {margin:0px 0 10px 0;padding:0 0 0 10px;list-style-type:none;float:left;width:160px;border:0px solid silver;}
.technical .tabs li{padding:0;margin:0;background:#fff;}
.technical .tabs li a{padding:10px 10px;text-transform:capitalize;background:#fff;color:#343434;;margin-right:4px;width:150px;}
.technical .tabs li.last a{margin:0;}
.technical .tabs li a.current,
.technical .tabs li a:hover{color:#fff;background:#ed1c24;}
.technical .panes{margin:0 0 10px 0;padding:0;float:right;width:410px;border:0px solid silver;clear:none;}
.technical .panes div.pane {display:none;clear:left;padding:0;margin-top:0;background-color:#fff;font-size:0.8em;border-width:8px 0;}
.technical .panes div.pane h2{font-size:2.5em;}
.technical .panes div.pane h3{font-size:2em;margin:10px;}
.technical .pane ul{margin:10px;padding:0 20px;}
.technical .pane ul li{margin:5px 0;}
.gallery .tabs {clear:left;margin:0px 0 10px 0;padding:0 0 0 10px;list-style-type:none;float:left;width:160px;border:0px solid silver;}
.gallery .tabs li{padding:0;margin:0;background:#fff;}
.gallery .tabs li a{padding:10px 10px;text-transform:capitalize;background:#fff;color:#343434;;margin-right:2px;width:150px;}
.gallery .tabs li.last a{margin:0;}
.gallery .tabs li a.current,
.gallery .tabs li a:hover{color:#fff;background:#ed1c24;}
.gallery .panes{margin:0 0 10px 0;padding:0;float:right;width:750px;border:0px solid silver;clear:none;}
.gallery .panes div.pane {display:none;clear:left;padding:0;margin-top:0;background-color:#fff;font-size:0.8em;border-width:8px 0;}
.gallery .panes div.pane h2{font-size:2.5em;}
.gallery .panes div.pane h3{font-size:2em;margin:10px;}
.gallery .pane ul{margin:10px;padding:0 20px;}
.gallery .pane ul li{margin:5px 0;}
.gallery #image_wrap{width:400px;float:right;}
.gallery .panes div.pane .scrollable{border:0px solid silver;float:left;width:330px!important;}
.gallery .panes div.pane .scrollable .items{border:0px solid silver;float:left;width:330px!important;}
.gallery .panes div.pane .scrollable .items .active{border:1px solid red;}
.gallery .iCols2.cGroup .iCol.copy{width:940px!important;}
.gallery .cCol{display:none;}
form {margin:10px 0;}
form label {margin:10px 0 0 0;}
.contact .form{margin:0px 10px 20px 10px;border:0px solid silver;width:580px;}
.contact .form div{margin:0px 0;}
.contact .form div#title{margin:10px 0 0 0;}
.contact div#formErrors{margin-top:0px;width:300px;background:f9f9f9;color:#ed1c24;float:left;clear:left;padding:20px;}
.contact div#formErrors h2{width:400px;margin-bottom:10px;}
.contact div#formErrors .error{margin:2px 10px;color:#343434;}
.contact .form div#brochure,
.contact .form div#fabricator,
.contact .form div#appointment{clear:left;width:320px;background:f9f9f9;;color:#ed1c24;}
.contact .form div#brochure label,
.contact .form div#fabricator label,
.contact .form div#appointment label{font-size:1.3em;width:250px;}
.contact .form div#brochure{margin:10px 0 0 0;border:solid silver;border-width:1px 1px 0 1px;padding:10px;}
.contact .form div#brochure label{}
.contact .form .check{font-size:2em;margin:18px 0 0 0;}
.contact .form div#fabricator{margin:0px 0;border:solid silver;border-width:0 1px 0 1px;padding:10px 10px 10px 10px;}
.contact .form div#appointment{margin:0 0 10px 0;border:solid silver;border-width:0 1px 1px 1px;padding:10px 10px 20px 10px;}
.contact .form label{border:0px solid silver;width:200px;display:block;float:left;margin:10px 20px 0 0;}
.contact .form input,
.contact .form textarea,
.contact .form select{margin:10px 0 0 0;}
.contact .form .name{border:1px solid silver;float:left;clear:none;}
.contact .form .standard-submit{border:1px solid silver;float:right;}
#image_wrap {
/* dimensions */
width:400px;
margin:15px 0 15px 12px;
padding:0px 0;
/* centered */
text-align:center;
/* some "skinning" */
background-color:#efefef;
border:2px solid #fff;
outline:1px solid #ddd;
-moz-ouline-radius:4px;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
/*overflow:hidden;*/
width: 420px;
margin:15px 0 0px 0px;
/* custom decorations */
border:0px solid #ccc;
background:url(/img/global/gradient/h300.png) repeat-x;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:420px;
/*position:absolute;*/
clear:both;
}
/* single scrollable item */
.scrollable img {
float:left;
margin:0px 2px 2px 0px;
background-color:#fff;
padding:0px;
border:1px solid #ccc;
cursor:pointer;
width:50px;
height:50px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
border:2px solid #000;
z-index:9999;
position:relative;
}
.slink{font-size:0.8em;padding:5px;float:left;text-align:left;}
/* EcoSpec Addtions April 2010 */
#hpcControls{
background:#fff;
margin:0 0 0 10px;
float:left;
}
#hpcControls a {
display:block;
width:300px;
min-height:101px;
cursor:pointer;
background:#f9f9f9;
border:solid #ddd;border-width:0px 4px 0px 3px;border-color:#ddd #fff #ddd #ed1d24;
margin:0 0 5px 0;
padding:10px;
font-size:0.75em;
}
#hpcControls a.last{margin:6px 0 0 0;}
#hpcControls a.current{background:#fff;border:solid #ddd;border-width:0px 4px 0px 3px;border-color:#ddd #fff #ddd #ed1d24;}
#hpcControls a h2{font-size:2.3em;margin:0 0 10px 0;}
.hpcpanel {
width:632px;
padding:0 0 0 0;
margin:0;
min-height:374px;
display:none;
}
.ecospec h1,
.ecospec .cGroup .iCol.copy h2 {color:#8dc73f;}
.ecospec .cGroup .iCol.copy a {color:#8dc73f!important;}
.ecospec .cGroup .iCol.copy a:hover {background:#8dc73f!important;color:#fff!important;}
.fabricators .ecospecCampaign{padding:0 0 10px 10px}
.copy .ecospecCampaign{padding:0 0 10px 10px}