.leftnav {width:190px;float:left;margin-right:10px;margin-left:-5px;border:red solid 0px; background:url(/websitev2/both/subsites/websitev2/images/layout/leftnavtopBg.jpg) no-repeat top left; padding-top:25px;} .theleftmenu {list-style:none;border:0px solid red; } .theleftmenu {padding:12px 6px 50px 6px;margin:0;list-style:none;background:url(/websitev2/both/subsites/websitev2/images/layout/leftnavBg.jpg) bottom left no-repeat;margin-bottom:10px;} .theleftmenu ul {background:none;padding:0;margin:0;border:red solid 0px;} /* Reset background */ .theleftmenu ul ul ul {background:none;padding:0;margin:0;} /* Reset background */ .theleftmenu li {padding: 2px 8px;list-style:none;padding:0;} .theleftmenu li li {padding: 2px 0px 2px 10px;background: url(/websitev2/both/subsites/websitev2/images/layout/subbullet.gif) no-repeat 1px 8px;padding:0;} .theleftmenu li li li {padding: 2px 0px 2px 10px;font-size:11px;padding:0;} /* NAV STRUCTURE */ .theleftmenu li a {display:block;padding: 2px 8px;} .theleftmenu li li a {padding: 2px 18px;} .theleftmenu li li li a {padding: 2px 28px;} /* L1 */ #content .theleftmenu li.selected {background: url(/websitev2/both/subsites/websitev2/images/layout/leftNavSubBg.jpg) no-repeat top left; padding-bottom:2px;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;} #content .theleftmenu li a, #content .theleftmenu li a strong {color:#5f5f5f;} #content .theleftmenu li a:hover, #content .theleftmenu li a:hover strong {color:#fea201;} /* Subtext yellow on hover */ #content .theleftmenu li.selected a {color:#68962a;cursor:default;} /* Subtext Selected green */ #content .theleftmenu li.selected a:hover, #content .theleftmenu li.selected a:hover strong {color:#fea201;} /* Subtext Selected hover yellow */ /* L2 */ #content .theleftmenu li.selected li, #content .theleftmenu li.selected li.selected {background: url(/websitev2/both/subsites/websitev2/images/layout/subbulletwhite.gif) no-repeat 8px 10px;padding-bottom:2px;border-top:none;border-bottom:none;} #content .theleftmenu li.selected li a, #content .theleftmenu li.selected li a strong {color:red;color:#5f5f5f;cursor:pointer;} /* Subtext grey */ #content .theleftmenu li.selected li a:hover, #content .theleftmenu li.selected li a:hover strong {color:#fea201;} /* Subtext yellow on hover */ #content .theleftmenu li.selected li.selected a, #content .theleftmenu li.selected li.selected a strong {color:#68962a;} /* Subtext Selected green */ #content .theleftmenu li.selected li.selected a:hover, #content .theleftmenu li.selected li.selected a:hover strong {color:#fea201;} /* Subtext Selected hover yellow */ /* L3 */ #content .theleftmenu li.selected li.selected li {background: url(/websitev2/both/subsites/websitev2/images/layout/subbulletwhite.gif) no-repeat 18px 10px;padding-bottom:2px;border-top:none;border-bottom:none;} /*#content .theleftmenu li.selected {background: url(/websitev2/both/subsites/websitev2/images/layout/leftNavSubBg.jpg) no-repeat top left; padding-bottom:2px;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px;}*/ #content .theleftmenu li.selected li.selected li a,#content .theleftmenu li.selected li.selected li a strong {color:#5f5f5f;} /* Subtext grey */ #content .theleftmenu li.selected li.selected li.selected a, #content .theleftmenu li.selected li.selected li.selected a strong {color:#68962a;} /* Subtext Selected green */ #content .theleftmenu li.selected li.selected li.selected a:hover, #content .theleftmenu li.selected li.selected li.selected a:hover strong {color:#fea201;} /* Subtext Selected hover yellow */ /* L4 */ #content .theleftmenu li.selected li.selected li.selected li a,#content .theleftmenu li.selected li.selected li.selected li a strong {color:#5f5f5f;} /* Subtext grey */ #content .theleftmenu li.selected li.selected li.selected li.selected a, #content .theleftmenu li.selected li.selected li.selected li.selected a strong {color:#68962a;} /* Subtext Selected green */ #content .theleftmenu li.selected li.selected li.selected li.selected a:hover, #content .theleftmenu li.selected li.selected li.selected li.selected a:hover strong {color:#fea201;} /* Subtext Selected hover yellow */ /* We should not have content deeper than L4 */ /* but the above can be built upon if needed */ /* COLOUR CONTROL*/ /* This will control any section that needs colourising */ /* This might require individual colours based on BLC branding */ /* Glass Systems */ #content.glasssystems .theleftmenu li.selected {background:#63b1a0;} /* SECONDARY SELECTORS */ #content.glasssystems .theleftmenu li.selected li {background-color:#98d6d3;} #content.glasssystems .theleftmenu li.selected li li{background-color:#97c7eb} #content.glasssystems .theleftmenu li.selected a, #content.glasssystems .theleftmenu li.selected a strong, #content.glasssystems .theleftmenu li.selected li a strong, #content.glasssystems .theleftmenu li.selected li.selected a, #content.glasssystems .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.glasssystems .theleftmenu li.selected li a:hover, #content.glasssystems .theleftmenu li.selected li a:hover strong, #content.glasssystems .theleftmenu li.selected li.selected a:hover, #content.glasssystems .theleftmenu li.selected li.selected a:hover strong {color:#fff;background:#97c7eb;} /* Subtext Yellow Hover L1*/ #content.glasssystems .theleftmenu li.selected li a strong, #content.glasssystems .theleftmenu li.selected li.selected a, #content.glasssystems .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ /* Solar Energy */ /* PRIMARY SELECTOR */ #content.solarenergy .theleftmenu li.selected {background:#fec013;} /* SECONDARY SELECTORS */ #content.solarenergy .theleftmenu li.selected li {background-color:#fffde5;} #content.solarenergy .theleftmenu li.selected a, #content.solarenergy .theleftmenu li.selected a strong, #content.solarenergy .theleftmenu li.selected li a strong, #content.solarenergy .theleftmenu li.selected li.selected a, #content.solarenergy .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.solarenergy .theleftmenu li.selected li a, #content.solarenergy .theleftmenu li.selected li a strong {color:#fec013;} #content.solarenergy .theleftmenu li.selected li a:hover, #content.solarenergy .theleftmenu li.selected li a:hover strong, #content.solarenergy .theleftmenu li.selected li.selected a:hover, #content.solarenergy .theleftmenu li.selected li.selected a:hover strong {color:#fffde5;background:#eea680;} /* Subtext Yellow Hover L1*/ #content.solarenergy .theleftmenu li.selected li a strong, #content.solarenergy .theleftmenu li.selected li.selected a, #content.solarenergy .theleftmenu li.selected li.selected a strong {color:#eea680;} /* Subtext White L1*/ /* Fire Protection */ /* PRIMARY SELECTOR */ #content.fireprotection .theleftmenu li.selected {background:#ed1c24;} /* SECONDARY SELECTORS */ #content.fireprotection .theleftmenu li.selected li {background-color:#e1774f;} #content.fireprotection .theleftmenu li.selected a, #content.fireprotection .theleftmenu li.selected a strong, #content.fireprotection .theleftmenu li.selected li a strong, #content.fireprotection .theleftmenu li.selected li.selected a, #content.fireprotection .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.fireprotection .theleftmenu li.selected li a:hover, #content.fireprotection .theleftmenu li.selected li a:hover strong, #content.fireprotection .theleftmenu li.selected li.selected a:hover, #content.fireprotection .theleftmenu li.selected li.selected a:hover strong {color:#e1774f;background:#ffd07b;} /* Subtext Yellow Hover L1*/ #content.fireprotection .theleftmenu li.selected li a strong, #content.fireprotection .theleftmenu li.selected li.selected a, #content.fireprotection .theleftmenu li.selected li.selected a strong {color:#ed1c24;} /* Subtext White L1*/ /* Thermal Insulation */ /* PRIMARY SELECTOR */ #content.thermalinsulation .theleftmenu li.selected {background:#92cf9e;} /* SECONDARY SELECTORS */ #content.thermalinsulation .theleftmenu li.selected li {background-color:#c0e2c8;} #content.thermalinsulation .theleftmenu li.selected a, #content.thermalinsulation .theleftmenu li.selected a strong, #content.thermalinsulation .theleftmenu li.selected li a strong, #content.thermalinsulation .theleftmenu li.selected li.selected a, #content.thermalinsulation .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.thermalinsulation .theleftmenu li.selected li a:hover, #content.thermalinsulation .theleftmenu li.selected li a:hover strong, #content.thermalinsulation .theleftmenu li.selected li.selected a:hover, #content.thermalinsulation .theleftmenu li.selected li.selected a:hover strong {color:#92cf9e;background-color:#f3f5cb;} /* Subtext Yellow Hover L1*/ #content.thermalinsulation .theleftmenu li.selected li a strong, #content.thermalinsulation .theleftmenu li.selected li.selected a, #content.thermalinsulation .theleftmenu li.selected li.selected a strong {color:#77a47f;color:#fff;} /* Subtext White L1*/ /*#content.thermalinsulation .theleftmenu li.selected li.selected a {background: #b6d6be url(/websitev2/both/subsites/websitev2/images/layout/subbulletwhite.gif) no-repeat 8px 8px;}*/ /* Solar Control */ /* PRIMARY SELECTOR */ #content.solarcontrol .theleftmenu li.selected {background:#eea55f;} /* SECONDARY SELECTORS */ #content.solarcontrol .theleftmenu li.selected li {background-color:#ffd07b;} #content.solarcontrol .theleftmenu li.selected li li {background-color:#fccab3;} #content.solarcontrol .theleftmenu li.selected a, #content.solarcontrol .theleftmenu li.selected a strong, #content.solarcontrol .theleftmenu li.selected li a strong, #content.solarcontrol .theleftmenu li.selected li.selected a, #content.solarcontrol .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.solarcontrol .theleftmenu li.selected li a:hover, #content.solarcontrol .theleftmenu li.selected li a:hover strong, #content.solarcontrol .theleftmenu li.selected li.selected a:hover, #content.solarcontrol .theleftmenu li.selected li.selected a:hover strong {color:#fff;background:#fccab3;} /* Subtext Yellow Hover L1*/ #content.solarcontrol .theleftmenu li.selected li a strong, #content.solarcontrol .theleftmenu li.selected li.selected a, #content.solarcontrol .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ /* Self Cleaning */ #content.selfcleaning .theleftmenu li.selected {background:#7a8ec0;} /* SECONDARY SELECTORS */ #content.selfcleaning .theleftmenu li.selected li {background-color:#b3baf7;} #content.selfcleaning .theleftmenu li.selected a, #content.selfcleaning .theleftmenu li.selected a strong, #content.selfcleaning .theleftmenu li.selected li a strong, #content.selfcleaning .theleftmenu li.selected li.selected a, #content.selfcleaning .theleftmenu li.selected li.selected a strong {color:#fff !important;} /* Subtext White L1*/ #content.selfcleaning .theleftmenu li.selected li a:hover, #content.selfcleaning .theleftmenu li.selected li a:hover strong, #content.selfcleaning .theleftmenu li.selected li.selected a:hover, #content.selfcleaning .theleftmenu li.selected li.selected a:hover strong {color:#7a8ec0;background:#ffe4ba;} /* Subtext Yellow Hover L1*/ #content.selfcleaning .theleftmenu li.selected li a strong, #content.selfcleaning .theleftmenu li.selected li.selected a, #content.selfcleaning .theleftmenu li.selected li.selected a strong {color:#7a8ec0;} /* Subtext White L1*/ /* Noise Control */ #content.noisecontrol .theleftmenu li.selected {background:#0081c9;} /* SECONDARY SELECTORS */ #content.noisecontrol .theleftmenu li.selected li {background-color:#98d6d3;} #content.noisecontrol .theleftmenu li.selected li li{background-color:#97c7eb} #content.noisecontrol .theleftmenu li.selected a, #content.noisecontrol .theleftmenu li.selected a strong, #content.noisecontrol .theleftmenu li.selected li a strong, #content.noisecontrol .theleftmenu li.selected li.selected a, #content.noisecontrol .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.noisecontrol .theleftmenu li.selected li a:hover, #content.noisecontrol .theleftmenu li.selected li a:hover strong, #content.noisecontrol .theleftmenu li.selected li.selected a:hover, #content.noisecontrol .theleftmenu li.selected li.selected a:hover strong {color:#fff;background:#97c7eb;} /* Subtext Yellow Hover L1*/ #content.noisecontrol .theleftmenu li.selected li a strong, #content.noisecontrol .theleftmenu li.selected li.selected a, #content.noisecontrol .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ /* Safety Security */ #content.safety-security .theleftmenu li.selected {background:#9b9678;} /* SECONDARY SELECTORS */ #content.safety-security .theleftmenu li.selected li {background-color:#cbbdaa;} #content.safety-security .theleftmenu li.selected li li{background-color:#ddb589} #content.safety-security .theleftmenu li.selected a, #content.safety-security .theleftmenu li.selected a strong, #content.safety-security .theleftmenu li.selected li a strong, #content.safety-security .theleftmenu li.selected li.selected a, #content.safety-security .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.safety-security .theleftmenu li.selected li a:hover, #content.safety-security .theleftmenu li.selected li a:hover strong, #content.safety-security .theleftmenu li.selected li.selected a:hover, #content.safety-security .theleftmenu li.selected li.selected a:hover strong {color:#fff;background-color:#ddb589;} /* Subtext Yellow Hover L1*/ #content.safety-security .theleftmenu li.selected li a strong, #content.safety-security .theleftmenu li.selected li.selected a, #content.safety-security .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ /* Decoration */ #content.decoration .theleftmenu li.selected {background:#ae6375;} /* SECONDARY SELECTORS */ #content.decoration .theleftmenu li.selected li {background-color:#fccab3;} #content.decoration .theleftmenu li.selected a, #content.decoration .theleftmenu li.selected a strong, #content.decoration .theleftmenu li.selected li a strong, #content.decoration .theleftmenu li.selected li.selected a, #content.decoration .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.decoration .theleftmenu li.selected li a, #content.decoration .theleftmenu li.selected li a strong {color:#ae6375;} #content.decoration .theleftmenu li.selected li a:hover, #content.decoration .theleftmenu li.selected li a:hover strong, #content.decoration .theleftmenu li.selected li.selected a:hover, #content.decoration .theleftmenu li.selected li.selected a:hover strong {color:#fff;background:#e1a6bb;} /* Subtext Yellow Hover L1*/ #content.decoration .theleftmenu li.selected li a strong, #content.decoration .theleftmenu li.selected li.selected a, #content.decoration .theleftmenu li.selected li.selected a strong {color:#ae6375;} /* Subtext White L1*/ /* Special Applications */ #content.specialapplications .theleftmenu li.selected {background:#6e5569;} /* SECONDARY SELECTORS */ #content.specialapplications .theleftmenu li.selected li {background-color:#d0a3b7;} #content.specialapplications .theleftmenu li.selected a, #content.specialapplications .theleftmenu li.selected a strong, #content.specialapplications .theleftmenu li.selected li a strong, #content.specialapplications .theleftmenu li.selected li.selected a, #content.specialapplications .theleftmenu li.selected li.selected a strong {color:#fff;} /* Subtext White L1*/ #content.specialapplications .theleftmenu li.selected li a:hover, #content.specialapplications .theleftmenu li.selected li a:hover strong, #content.specialapplications .theleftmenu li.selected li.selected a:hover, #content.specialapplications .theleftmenu li.selected li.selected a:hover strong {color:#6e5569;background:#ffe4ba;} /* Subtext Yellow Hover L1*/ #content.specialapplications .theleftmenu li.selected li a strong, #content.specialapplications .theleftmenu li.selected li.selected a, #content.specialapplications .theleftmenu li.selected li.selected a strong {color:#6e5569;} /* Subtext White L1*/ /* BLC ICONS */ .BLCIcon{ background:url('/websitev2/both/subsites/products2/css/img/blcdisc.png') no-repeat; height:85px; width:85px; position:absolute; right:0px; top:0px; z-index:2000; display:none; /* REMOVE THIS TO SHOW AGAIN */ } .theBLCIcon { height:85px; width:85px; } .solarenergy .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/solarenergy.png') no-repeat 18px 15px; } .fireprotection .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/fireprotection.png') no-repeat 18px 15px; } .thermalinsulation .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/thermalinsulation.png') no-repeat 18px 15px; } .solarcontrol .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/solarcontrol.png') no-repeat 18px 15px; } .noisecontrol .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/noisecontrol.png') no-repeat 18px 15px; } .safety-security .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/safety-security.png') no-repeat 18px 15px; } .selfcleaning .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/selfcleaning.png') no-repeat 18px 15px; } .decoration .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/decoration.png') no-repeat 18px 15px; } .glasssystems .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/glassssytems.png') no-repeat 18px 15px; } .specialapplications .theBLCIcon { background:url('/websitev2/both/subsites/products2/icons/specialapplications.png') no-repeat 18px 15px; } /* AUDIENCE NAV */ .leftnav {position:relative;z-index:200;} .audiencebars {height:10px;width:178px;position:absolute;left:5px;top:20px;border-left:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;} /* This is a graphical fix to overlay the gradient on the tabs when left or right positioned */ .audiencetabs { position:absolute; top:-4px; left:5px; } .audiencetabs li { float:left; } .audiencetabs a { padding-top:4px; display:block; width:45px; height:28px; overflow:hidden; text-align:center; height:20px; border-bottom:1px solid #d8d8d8; background: url(/websitev2/both/styles/img/audience/tab.jpg) no-repeat; } /* There are missing audiences so hide the background */ .audiencetabs .noaudience a, .audiencetabs .noaudience a:hover {background:white;cursor:default;} .audiencetabs .selected a { height:32px; border:none; background: url(/websitev2/both/styles/img/audience/tabup.jpg) no-repeat; cursor:default; } .audiencetabs a:hover {background: url(/websitev2/both/styles/img/audience/tabup.jpg) no-repeat;} /* MultiPage left menu changes*/ .theleftmenu .audienceChannel {padding:4px 4px 6px 26px;margin-top:10px;margin-left:-28px;margin-right:0px;padding:4px 4px 4px 0;margin:0;font-size:12px;border-bottom:#d2d2d2 solid 1px;border-top:#e3e3e3 solid 1px;border-left:#e3e3e3 solid 1px;font-weight:bold;border-left:none;background:url(/websitev2/both/styles/img/channelbg.jpg) repeat-x bottom left; margin-top:15px;margin-top:0;} .theleftmenu .audienceChannel.householder { background:url(/websitev2/both/styles/img/householderBg.jpg) repeat-x top left; } .theleftmenu .audienceChannel.trade { background:url(/websitev2/both/styles/img/tradeBg.jpg) repeat-x top left; } .theleftmenu .audienceChannel.architects { background:url(/websitev2/both/styles/img/architectsBg.jpg) repeat-x top left; } #content .theleftmenu .audienceChannel.householder a,#content .theleftmenu .audienceChannel.trade a,#content .theleftmenu .audienceChannel.architects a {color:#fff;} #content .theleftmenu .audienceChannel strong {color:#1e1e1e;} .audienceChannel img {/*vertical-align:middle;margin-right:5px;position:absolute;margin-left:-28px;*/float:right;} .theleftmenu .audienceChannel.firstChannel {margin-top:0;} /* ADD THESE AS NEDDED and WHEN ALL DONE DELETE THESE 3 LINES*/ /*.productQuickSelect, .productArrow {display:none;} .fireprotection .productQuickSelect, .fireprotection .productArrow {display:block;} .solarcontrol .productQuickSelect, .solarcontrol .productArrow {display:block;} .solarenergy .productQuickSelect, .solarenergy .productArrow {display:block;} .specialapplications .productQuickSelect, .specialapplications .productArrow {display:block;}*/ /* FAYE WANTS PRODUCT DROPDOWNS HIDDEN ON PRODUCT PAGES SO... */ div.productpage .productQuickSelect, div.productpage .productArrow {display:none;} .theleftmenu .audienceChannel.trade {background: #c6de6c url("/websitev2/both/styles/img/audience/tradeBG.jpg") repeat-x;border:none;color:#fff;} .theleftmenu .audienceChannel.trade a,.theleftmenu .audienceChannel.architects a {color:#fff !important;} .theleftmenu .audienceChannel.architects {background: #ced3d3 url("/websitev2/both/styles/img/audience/architectsBG.jpg") repeat-x;border:none;color:#fff;} .theleftmenu .audienceChannel img {display:none;} ol li {list-style:none;} .suppliersSearch { height:70px; width:150px; padding:10px; position:absolute; right:98px; top:-102px; z-index:200; background: #fc6c1e; /* Old browsers */ background: -moz-linear-gradient(top, #fc6c1e 0%, #f17432 50%, #ea5507 51%, #dd9300 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6c1e), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#dd9300)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fc6c1e 0%,#f17432 50%,#ea5507 51%,#dd9300 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fc6c1e 0%,#f17432 50%,#ea5507 51%,#dd9300 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fc6c1e 0%,#f17432 50%,#ea5507 51%,#dd9300 100%); /* IE10+ */ background: linear-gradient(top, #fc6c1e 0%,#f17432 50%,#ea5507 51%,#dd9300 100%); /* W3C */ -pie-background : linear-gradient(top, #fc6c1e 0%,#f17432 50%,#ea5507 51%,#dd9300 100%); /* ie */ -webkit-box-shadow : inset 0 0 10px yellow; -moz-box-shadow : inset 0 0 10px yellow; box-shadow : inset 0 0 10px yellow; -pie-poll : true; behavior : url(/websitev2/both/scripts/PIE.htc); /* for ie compatability */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#f48322 solid 1px; color:#fff !important; } .suppliersSearch strong {font-weight:normal;font-size:20px;display:block;text-align:center;margin-bottom:4px;font-style:italic;} .ssHolder {border:red solid 0px;width:925px;margin:0 auto;position:relative;z-index:2000;} .roi {color:#fff;font-size:10px;margin-left:12px;} .ssearchField { margin:0; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#cdcdcd solid 1px; padding:4px; font-size:11px; color:#666; width:120px; height:15px; margin-left:10px; } .ssSubmit { margin:0; padding:0; background: url(/websitev2/both/styles/img/search/searchBTN.png) no-repeat top left; border:none; font-size:0; height:25px; width:41px; position:absolute; left:100px; overflow:hidden; } *+html .ssearchField {height:14px;} .ssSubmit:hover { background: url(/websitev2/both/styles/img/search/searchBTN.png) no-repeat bottom left; } .fieldStrip {position:relative;margin-bottom:0px; } /* ---------- Back To Benefit Button ---------- */ div.backtobenefit{ width: 165px; border: 1px solid #ffffff; margin-left: auto; margin-right: auto; font-weight: bold; position: relative; top: -18px; margin-bottom: -24px; } #content.glasssystems div.backtobenefit a{color:#63b1a0;} #content.solarenergy div.backtobenefit a {color:#fec013;} #content.thermalinsulation div.backtobenefit a{color:#92cf9e;} #content.fireprotection div.backtobenefit a{color:#ed1c24;} #content.solarcontrol div.backtobenefit a{color:#eea55f;} #content.selfcleaning div.backtobenefit a {color:#7a8ec0;} #content.noisecontrol div.backtobenefit a {color:#0081c9;} #content.safety-security div.backtobenefit a{color:#9b9678;} #content.decoration div.backtobenefit a {color:#ae6375;} #content.specialapplications div.backtobenefit a {color:#6e5569;} div.backtobenefit div.backtobenefitlink{ width: 133px; padding-left: 32px; } #content.glasssystems div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_glasssystems.gif') no-repeat left 4px;} #content.solarenergy div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_solarenergy.gif') no-repeat left 4px;} #content.thermalinsulation div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_thermalinsulation.gif') no-repeat left 4px;} #content.fireprotection div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_fireprotection.gif') no-repeat left 4px;} #content.solarcontrol div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_solarcontrol.gif') no-repeat left 4px;} #content.selfcleaning div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_selfcleaning.gif') no-repeat left 4px;} #content.noisecontrol div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_noisecontrol.gif') no-repeat left 4px;} #content.safety-security div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_safetysecurity .gif') no-repeat left 4px;} #content.decoration div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_decoration.gif') no-repeat left 4px;} #content.specialapplications div.backtobenefit div.backtobenefitlink{background: url('img/backtobenefitarrow_specialapplications.gif') no-repeat left 4px;} div.backtobenefit div.backtobenefitline{ border-top: 1px solid #e1e1e1; border-bottom: 1px solid #ffffff; margin-top: 5px; } /* ----- Make left menu font bigger ----- */ .theleftmenu a {font-size:14px !important;}