body{margin: 0 auto auto auto;text-align:center;font-family: Arial, Verdana, sans-serif;font-size: 11pt;color:#000000;text-align:left;background-image:url(../images/background8.jpg);}

/* Colours
Carbon Heat Orange - #ff9900
Dark Grey - #6d6e71
Darker Orange - #c77600
Lighter Orange - #f3c075
Mid Orange - #fcbf66
*/

.carbonorange {color:#ff9900;}
.murky {color:#ae997f;}
.carbonheatbeige {color:#E1B146;}
.darkerorange {color:#c77600;}
.lighterorange {color:#f3c075;}
.midorange {color:#fcbf66;}
.beige {color:#c5b197;}

.carbonorangeb {background-color:#ff9900 ! important;}
.darkerorangeb {background-color:#c77600 ! important;color:#ffffff ! important;}
.lighterorangeb {background-color:#f3c075 ! important;}
.lighterorange2b {background-color:#f6ddb6 ! important;}
.midorangeb {background-color:#fcbf66 ! important;}
.midorange2b {background-color:#f8bc61 ! important;}

a {color:#000000;}
a:hover {color:#fa9400;}
img {border:none;}

.div1 {margin:0 auto;max-width:1000px;}
.div2 {float:left;max-width:1000px;background-image:url(../images/banner4.jpg);background-repeat:no-repeat;background-color:#ffffff;}

/* Generic Styles */

ul, ol {margin:0;padding:0;list-style:none;float:left;}
ul li, ol li {background-repeat:no-repeat;float:left;}
ul li a, ol li a, ul li img {float:left;text-decoration:none;background-image:no-repeat;}
p {float:left;clear:left;}


.ticklistsmall li {background-image:url(../images/black-tick-small.png);padding:0 0 0 25px;}
.ticklistsmall li.alttickor {background-image:url(../images/orange-tick-small.png);}
.houselistsmall li {background-image:url(../images/house-bullet-point.gif);padding:0 0 0 25px;}
.padleft40 {padding-left:40px;}
.sbfcon {float:left;margin:10px 0 0 0;display:inline;width:268px;}
.sbfcon img {float:left;}
.sbfcon p {float:left;width:268px;padding:10px 0 0 0;color:#00539f;font-weight:bold;font-size:11pt;text-align:center;}
.sbfcon2 {float:left;margin:15px 0 0 0;display:inline;width:222px;}
.sbfcon2 img {float:left;max-width:100%;}
.simplecontainer .sbfcon2 p, .sbfcon2 p {float:left;padding:10px 0 0 0;color:#00539f;font-weight:bold;font-size:11pt;text-align:center;}
.f18 {font-size:18pt ! important;}
.f17 {font-size:17pt ! important;}
.f16 {font-size:16pt ! important;}
.f15 {font-size:15pt ! important;}
.f14 {font-size:14pt ! important;}
.f13 {font-size:13pt ! important;}
.f12 {font-size:12pt ! important;}
.f11 {font-size:11pt ! important;}
.f10 {font-size:10pt ! important;}
.f9 {font-size:9pt ! important;}

/* Main Styles */

.banner, .maincon, .footer, .text {float:left;width:100%;margin:15px 0 0 0;position:relative;}
.banner {margin:0;height:150px;}
.maincon {z-index:2;margin:0;}
.mainarea {float: left;padding: 10px 1%;width:98%;}
.text {padding:0 15px 0 15px;width:770px;}
.text h2, .text h3 {margin-top:0;}
.clear {clear:left;}
.width100 {width:100% ! important;}
.simplecontainer p.w770 {width:100% ! important;}
.simplecontainer img {float:left;margin-bottom:15px;max-width:100%;}

.logo {float:left;margin:10px 0 0 20px;}
.logo img {width:80%;}

.slogan {float:left;color:#000000;text-decoration:none;font-size:12pt;margin:25px 0 0 20px;clear:left;font-weight:normal;font-size:1.2em;width:280px;padding:0;padding:2px;}

/*--Main Navigation--*/

.navigation {float:left;width:98%;padding:0 1%;position:relative;color:#ffffff;margin:0;z-index:3;}
.navback {float:left;width:100%;height:38px;background-repeat:no-repeat;margin:15px 0 0 0;}
.standardpage .navback {border-bottom:1px solid #ffffff;width:623px;}
.navback li {margin-right:5px;}
.navback li.link5 {margin-right:0px;}
.navback li a, .navback .active1, .navback .active2, .navback .active3, .navback .active4 
{height:30px;color:#ffffff;font-size:13pt;padding:8px 8px 0 18px;margin-right:10px;float:left;}
.navback li a {background-position:0 -151px; }
.navback li a:hover {padding-bottom:10px;background-position:0px 0px;}
.navback li:hover {margin-top:-10px;background-position:right 0px;}
.navback li.link1,
.navback li.link2,
.navback li.link3,
.navback li.link4,
.navback li.link5
{background-image:url(../images/for-home-button-right.png);background-repeat:no-repeat;background-position:right -151px; }
.navback li.link1:hover,
.navback li.link5:hover
{background-position:right 0px;}
.navback li.link2 
{background-image:url(../images/for-home-button-right.png);}
.navback li.link2:hover {background-position:right 0px;}
.navback li.link3 
{background-image:url(../images/for-home-button-right.png);margin-right:0px;}
.navback li.link3:hover {background-position:right 0px;}
.navback li.link4
{background-image:url(../images/for-home-button-right.png);}
.navback li.link4:hover {background-position:right 0px;}
.domestic .navback li.link1 a,
.productinformation .navback li.link4 a, 
.trade_customers .navback li.link2 a
{background-position:0px 0px;padding-bottom:10px;}
.domestic .navback li.link1,
.productinformation .navback li.link4,
.trade_customers .navback li.link2
{margin-top:-10px;background-position:right 0px;padding-bottom:10px;}
.domestic .navback li.link1,.navback li.link4{margin-top:0px;padding-bottom:0px;}

.navback li.link1 a, .navback li.link5 a {background-image:url(../images/for-home-button-left.png);background-repeat:no-repeat;}
.navback li.link2 a, .navback li.link2 .active2 {background-image:url(../images/for-home-button-left.png);background-repeat:no-repeat;}
.navback li.link3 a, .navback li.link3 .active3 {background-image:url(../images/for-home-button-left.png);background-repeat:no-repeat;}
.navback li.link4 a, .navback li.link4 .active4 {background-image:url(../images/for-home-button-left.png);background-repeat:no-repeat;}
.subnav2 {float:left;width:100%;height:25px;padding:5px 0 0 0;}
.subnav2 li {padding:0 10px;}
.subnav2 li a {color:#ffffff;height:24px;float:none;display:block;}
.subnav2 li ul {position: absolute;width: 195px;left: -999em;background-color:#ffffff;border:1px solid #cccccc;float:left;top:80px;}
.subnav2 li ul li {clear:left;width:99%;}
.subnav2 li ul li a {color:#b8b5b5;margin:15px 0 0 0;height:auto;padding:3px;width:93%;}
.productinformation .subnav2 li.link1a ul {width:330px;}
.productinformation .subnav2 li.link1a ul li.link1aj, 
.productinformation .subnav2 li.link1c ul li.link1cb,


.domestic .subnav2 li.link1b ul li.link1be,
.domestic .subnav2 li.link1c ul li.link1cc
{padding-bottom:15px;}
.use {font-size:9pt;}
.subnav2 li:hover ul {left:auto;}
.subnav2 li a:hover {color:#000000 ! important;}
.woodpecker .subnav2 li.link1c ul li.link1ca a,
.quickstep .subnav2 li.link1c ul li.link1cb a,
.mat .subnav2 li.link1a ul li.link1aa a,
.cable .subnav2 li.link1a ul li.link1ab a,
.inscreed .subnav2 li.link1a ul li.link1ac a,
.ice .subnav2 li.link1a ul li.link1ak a,
.film .subnav2 li.link1a ul li.link1ad a,
.ceilingheat .subnav2 li.link1a ul li.link1af a,
.filmpro .subnav2 li.link1a ul li.link1ae a,
.dualboard .subnav2 li.link1a ul li.link1ag a,
.ecomax .subnav2 li.link1a ul li.link1ah a,
.ecomaxlite .subnav2 li.link1a ul li.link1ai a,
.dthermo .subnav2 li.link1a ul li.link1aj a,
.euhinstallpage .subnav2 li.link1ba a,
.testimonials .subnav2 li.link1bc a,
.casestudy1 .subnav2 li.link1bd a,
.casestudy2 .subnav2 li.link1be a,
.woodflooringinstallation .subnav2 li.link1c ul li.link1ca a,
.tileflooringinstallation .subnav2 li.link1c ul li.link1cb a,
.corkflooringinstallation .subnav2 li.link1c ul li.link1cc a,
.subnav2 li ul li a:hover 
{background-image:url(../images/subnavbackfade.png);background-repeat:no-repeat;color:#000000;}
.subnav2 li.listdiv {padding:0 16px;}
.homepage .subnav2 li.link1a a,
.flooringproducts .subnav2 li.link1c a,
.uhinstallpagelink .subnav2 li span.link1b a,
.flooringinstallation .subnav2 li span.link1c a,
.otherservices .subnav2 li.link1d a,
.woodflooringinstallation .subnav2 li span.link1c a ul li.link1ca a,
.electricproducts .subnav2 li.link1a a, 
.downloads .subnav2 li.link1d a,
.wateruhhome .subnav2 li.link1b a,.floortileshome .subnav2 li.link1e a
{color:#000000;}
.woodflooringinstallation .subnav2 li span.link1c a {color:#ffffff;}
.productinformation .subnav2 li.link1a ul li a,
.productinformation .subnav2 li.link1c ul li a
{color:#686565;}
.domestic .subnav2 {background-image:url(../images/for-home-sub-navigation-3.png);background-repeat:no-repeat;}
.trade_customers .subnav2 {background-image:url(../images/for-home-sub-navigation-3.png);}
.productinformation .subnav2 {background-image:url(../images/for-home-sub-navigation-3.png);}
.floorlogos {position:absolute;left:410px;top:-138px;}
.nav-divider {float:left;height:27px;width:3px;background-image:url(../images/nav-divider.png);background-position:bottom;}

/*--Sub Navigation--*/

.subnav {float:left;width:211px;padding-left:5px;margin-bottom:40px;}
.subnav ul {position:relative;background-image:url(../images/toppart.png);padding:16px 0 0 16px;width:195px;background-repeat:no-repeat;}
.productinformation .subnav ul {background-image:url(../images/toppart.png);}
.subnav ul ul {background-image:none;width:180px;padding:10px 0 0 5px;}
.subnav ul ul li {width:180px;margin-bottom:10px;}
.subnav ul ul ul {padding:10px 0 0 20px;width:168px;}
.arrows {color:#b8b5b5;}
.subnav ul li, 
.subnav ul li a,
.subnav ul ul ul li, 
.subnav ul ul ul li a
{color:#929292;text-decoration:none;width:96%;}
.subnav ul li a {padding:3px;}
.subnav ul ul ul li, 
.subnav ul ul ul li a 
{width:96%;}
.subnavbottom {float:left;width:211px;height:12px;position:absolute;background-image:url(../images/bottomcap.png);bottom:-12px;left:0px;}
.parent {margin-bottom:10px;}
.parent2 {padding-left:9px;padding-top:3px;display:inline-block;}
.subparent {padding-left:6px;width:92% ! important;}

.subnav ul li a:hover,
.subnav ul li .maintitle a,
.waterbenefits .subnav ul li.sublink2 a,
.electric .subnav ul li,
.euhinstallpage .subnav ul li.sublink1 a,
.wuhinfopage .subnav ul li.sublink3 a,
.wuhinstallpage .subnav ul li.sublink1 a,
.euhinfo .subnav ul li.sublink3 a,
.electricbenefits .subnav ul li.sublink2 a,
.woodflooringinstallation .subnav ul li.sublink1 a,
.tileflooringinstallation .subnav ul li.sublink2 a,
.corkflooringinstallation .subnav ul li.sublink3 a,
.thirdlink .sublink3 a,
.fourthlink .sublink4 a,
.sixthlink .sublink6 a,
.seventhlink .sublink7 a
{color:#ffffff;background-image:url(../images/subnavbackfade.png);}
.productinformation .subnav ul li a:hover {background-image:url(../images/subnavbackfade.png);}

.subnav ul li a:hover .arrows {color:#ffffff;}

/*-- Basic Navigation --*/
.basicnav ul {margin-top:11px;border-bottom:1px solid #ffffff;width:572px;}
.basicnav ul li a {height:32px;padding:5px 18px 0 18px;background-color:#B8B5B5;font-size:16pt;text-align:center;margin-right:5px;}
.basicnav ul li.link1 a:hover {background-color:#ff9900;}
.trade .basicnav ul li.link3 a {background-image:url(../images/gradient-3.jpg);}
.basicnav ul li.link2 a:hover {background-color:#b2963d;background-image:url(../images/gradient-3.jpg);}
.shop .basicnav ul li.link3 a {background-image:url(../images/gradient-2.jpg);}
.basicnav ul li.link3 a:hover {background-color:#c77600;background-image:url(../images/gradient-2.jpg);}
.basicnav ul li.link4 a {margin-right:0px;}
.basicnav ul li.link4 a:hover {background-color:#fcbf66;}
.basicnav ul li a:hover,
.productinformation .basicnav ul li.link4 a
{height:38px;padding-top:11px;-webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px;-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;margin-top:-12px;}
.productinformation .basicnav ul li.link4 a {background-color:#fcbf66;background-image:url(../images/gradient-1.jpg);}

.mainarea {float:left;max-width:100%;padding:10px;}
.mainleft, .mainleftbottom {float:left;width:702px;}
.mainleftbottom {margin:15px 0 0 0;}
.mainright, .mainright2 {float:left;width:268px;padding-left:10px;}
.mainright2 {padding:15px 0 0 10px;width:258px;}
.quote {font-weight:bold;font-size:15pt;color:#6d6e71;margin:0 0 10px 0;}
.quotesmall {font-size:11pt;}
.person {font-size:9pt;width:248px;margin:0;}
.person a {float:right;text-decoration:none;font-weight:bold;}
.linedivide {margin:10px 0 5px 0;}
.whycarbonheat {float:left;width:264px;height:510px;font-size:11pt;}
.whycarbonheat h2 {margin:20px 0 0 25px;font-size:16pt;font-weight:normal;margin-bottom:25px;}
.whycarbonheat ul {margin:0 0 0 20px;}
.whycarbonheat ul li {margin:0 0 20px 0;color:#fa9c14;width:195px;background-image:url(../images/black-tick.png);padding:0 0 0 35px;}
.whycarbonheat ul li.changetick {background-image:url(../images/orange-tick.png);}
.whycarbonheat .secondarytitle {color:#6d6e71;width:195px;display:inline-block;}
.mainright2 h2 {margin:0 0 15px 0;font-weight:normal;font-size:14pt;text-decoration:underline;}

.hometextleft {float:left;width:702px;margin-top:15px;}
.hometextlefttop {background-image:url(../images/hometexttop.png);width:702px;height:15px;float:left;}
.hometextleftcentre {background-image:url(../images/hometextcentre.png);width:682px;float:left;padding:0 10px;font-size:11pt;}
.hometextleftcentre h2 {margin:0 0 15px 0;font-weight:normal;}
.hometextleftbottom {background-image:url(../images/hometextbottom.png);width:702px;float:left;height:23px;}
.hometextleftcentre p {margin-bottom:15px;width:100%;}

.homebox {float:left;width:224px;margin-right:4px;height:350px;padding:1px 6px 0px 1px;background-image:url(../images/homebox.png);}
.homebox img {float:left;}
.homeboxtext {float:left;width:204px;padding:10px;}
.homebox h2, .homeboxintro {font-size:13pt;margin:0 0 10px 0;}
.homebox ul {list-style:disc;margin:0 0 0 15px;}
.homebox ul li {margin-bottom:5px;width:204px;}
.discount {float:left;width:159px;height:43px;background-image:url(../images/star.jpg);background-repeat:no-repeat;margin:0 0 0 -10px;padding:15px 0 0 55px;font-weight:bold;}

.footer {padding:10px;width:980px;text-align:center;background-color:#b8b5b5;color:#ffffff;}
.footer p {margin:0 0 10px 0;font-size:9pt;}
.footer a {color:#ffffff;}
.footer a:hover {color:#fa9400;}

.gameslist span {float:left;width:180px;margin:5px 0 0 0;text-align:center;}
.gameslist li {width:180px;margin:0 0 15px 15px;}

.adcon, .adcon2 {float:left;width:800px;}
.adcon {margin-bottom:15px;}
.home .adcon, .home .adcon2 {margin-left:15px;display:inline;}

.section1, .section2 {float:left;width:800px;margin-right:10px;}
.section2 {float:left;width:180px;margin-right:10px;}

.tags li {margin-right:10px;}
.tags a {color:#666666;}
.tags a:hover {color:#000000;}

.topnav, .ticklist, .getintouch {float:right;margin:15px;}
.getintouch {font-weight:bold;width:410px;background-image:url(../images/getintouchback.png);padding:0 0 0 40px;}
.ticklist {margin:0 5px 0 0;font-weight:bold;width:321px;}
.ticklist li {margin:0 5px 0 0;background-image:url(../images/orangetick.png);padding:0 0 0 20px;}
.topnav li, .topnav li a, .ticklist li {float:left;}
.topnav li a {width:98px;height:29px;color:#000000;text-align:center;padding:9px 0 0 0;background-image:url(../images/toplink.png);background-position:right;}
.topnav li a:hover {color:#fa9400;}
.bannergroup1 {float:left;width:40%;}
.bannergroup2 {float:right;width:50%;}

.get {font-size:16pt;color:#ffffff;width:140px;text-align:center;line-height:40px;}
.intouch {color:#000000;font-size:24pt;width:216px;font-weight:normal;padding:2px 0 0 0;}

#advertslider {width:698px;height:247px;padding:3px 0 0 4px;}

.actionlink a, .actionlink2 a, .actionlink3 a, .actionlink4 a {width:175px;height:31px;color:#000000;font-size:11pt;font-weight:bold;padding:15px 0 0 34px;text-align:center;background-image:url(../images/actionbutton.png);float:left;text-decoration:none;}
.actionlink a:hover {background-position:0px -46px;}
.actionlink2 a {width:150px;font-size:9pt;background-image:url(../images/actionbutton2.png);padding:8px 0 0 23px;height:30px;line-height:13px;float:right;}
.actionlink3 a, .actionlink4 a {width:110px;font-size:9pt;background-image:url(../images/actionbutton3.png);padding:8px 0 0 23px;height:21px;line-height:13px;float:left;margin:5px 0 0 0;}
.actionlink4 a {height:27px;padding-top:2px;font-size:10pt;}
.actionlink2 a:hover {background-position:0px -38px;}
.actionlink3 a:hover, .actionlink4 a:hover {background-position:0px -29px;}
.actionlink2 span, .actionlink3 span, .actionlink4 span {text-align:left;}

/* Navigation Highlights */

/* Sub Page */
.left {float:left;width:222px;}
.right {float:right;width:758px;}
.right p {margin:0 0 10px 0;}
.rightbanner {float:left;width:750px;padding-left:8px;position:relative;z-index:1;}

.rightcontentframe {float:left;width:703px;background-image:url(../images/main-box-frame.jpg);background-position:bottom;background-repeat:no-repeat;margin:22px 0 0 25px;z-index:0;position:relative;}
.rightcontentframe p {margin:0 0 20px 0;line-height:1.6em;}
.rightcontentframe h2, .rightcontentframe h3 {float:left;margin:0 0 10px 0;}
.rightcontentframe h3 {width:100%;}
.rightcontentframe ul {margin:0 0 20px 0;float:left;}
.rightcontentframe li {width:100%;margin-bottom:5px;}
.rightcontentbottom {float:left;width:695px;height:766px;position:absolute;bottom:10px;right:7px;}
.rightcontentbordertop {border-top:1px solid #b1acac;float:left;width:700px;height:1px;position:absolute;top:-1px;}

.leftbox {float:left;width:212px;margin-bottom:15px;}
.leftbox p, .leftbox h2 {margin:0 0 5px 0;font-weight:bold;font-size:11pt;}
.leftbox h2 {color:#ffffff;font-size:13pt;}
.blackh h2 {color:#000000;background-image:url(../images/leftheadergrey.jpg);height:28px;padding:10px 0 0 10px;margin-bottom:10px;}
.blackh p {font-weight:normal;padding-left:10px;line-height:1.6em;}
.leftboxbasic p {padding:0 5px 5px 5px;font-weight:normal;}
.leftboxbasic img {padding:0 0 5px 5px;clear:left;float:left;}
.leftboxbasic h2 {font-size:10pt;padding:5px;}
.leftboxbasic p {font-size:10pt;}
.beigebox, .blackbox, .greybox, .bluebox, .goldbox, .blackbox2, .bluebox2 {width:220px;}
.beigebox p a:hover {color:#c5b197;}
.blackbox p a:hover {color:#666666;}
.blackbox2 p a:hover {color:#ff9900;}
.greybox p a:hover {color:#6e6d72;}
.bluebox p a:hover {color:#005dbc;}
.bluebox2 p a:hover {color:#4d85cf;}
.goldbox p a:hover {color:#c0cb1a;}
.beigebox {border:1px solid #c5b197;}
.blackbox, .blackbox2 {border:1px solid #000000;}
.greybox {border:1px solid #6e6d72;}
.bluebox {border:1px solid #005dbc;}
.bluebox2 {border:1px solid #4d85cf;}
.goldbox {border:1px solid #c0cb1a;}
.beigebox h2 {background-color:#c5b197;}
.blackbox h2 {background-color:#000000;color:#ffffff;}
.blackbox2 h2 {background-color:#000000;color:#ff9900;}
.greybox h2 {background-color:#6e6d72;color:#ffffff;}
.bluebox h2 {background-color:#005dbc;color:#ffffff;}
.bluebox2 h2 {background-color:#4d85cf;color:#ffffff;}
.goldbox h2 {background-color:#c0cb1a;}
.leftboxbasic p a {font-weight:bold;text-decoration:none;}
.leftboxcenter {float:left;width:182px;background-image:url(../images/left-box-top.jpg);padding:20px 15px 0 15px;}
.leftboxbottom {float:left;width:212px;background-image:url(../images/left-box-bottom.jpg);height:29px;}
.pleasenote {font-size:9pt;}

/*--You May Also Like--*/
.also {float:left;width:190px;padding:0 15px 15px 10px;}
.also h2 {margin-top:0;font-size:11pt;color:#666666;}
.also a {font-size:10pt;color:#929292;}
.also a:hover {color:#000000;}
.productinformation .also a:hover {color:#E1B146;}
.also li {margin-bottom:10px;}

.buybutton {overflow:hidden;width:100%;text-align:center;margin-bottom:20px;}
.bigorangebutton a {background:url(https://www.carbonfilmheating.co.uk/images/big-orange-button.png) no-repeat;height:43px;font-size:14pt;color:black;text-decoration:none;display:inline-block;padding:20px 0 0 100px;text-align:left;width:313px;}
.bigorangebutton a:hover {background-position:0 -65px;color:black ! important;}

.leftbox p.font10 {font-size:10pt;}
.orange-title-back a, .orange-title-2-back, .orange-title-3-back a, .orange-title-4-back {float:left;width:87%;height:33px;margin:0 0 10px -2%;color:#ffffff;font-weight:bold;padding:9px 0 0 12%;background-image:url(../images/orange-title-back.png);background-repeat:no-repeat;}
.orange-title-2-back {background-image:url(../images/orange-title-2-back.png);height:55px;color:#000000;margin: 0 0 10px -5px;padding-left:25px;width:291px;}
.orange-title-4-back {background-image:url(../images/orange-title-4-back-b.png);height:38px;color:#000000;margin: 10px 0 0 -6%;width:90%;background-repeat:no-repeat;padding:9px 10px 0 4%;position:relative;}
.orangecap {position:absolute;right:-14px;top:0px;height:42px;background-repeat:no-repeat;width:14px;background-image:url(../images/orange-title-4-back-cap.png);}
.orange-title-3-back a {width:256px;background-image:url(../images/orange-title-3-back.png);}
.orange-title-back a, .orange-title-3-back a {color:#ffffff;text-decoration:none;}
.orange-title-back a:hover, .orange-title-3-back a:hover {color:#000000;} 

.hbullet {font-weight:bold;font-size:15pt;color:#ff9900;}

/* Flooring Installation Page */

.rightbanner .p1 {position:absolute;top:35px;left:30px;width:171px;font-style:italic;font-size:13pt;}
.perfect {font-size:20pt;}
.uhinstallpage .rightbanner .p1,
.euhinstallpage .rightbanner .p1 
{left:493px;top:18px;background-image:url(../images/fade.png);padding:5px;border:1px dashed #ffffff;}
.name {font-size:10pt;font-weight:bold;display:block;margin:5px 0 0 0;}
.quotes1 {position:absolute;top:20px;left:20px;}
.quotes2 {position:absolute;top:146px;left:160px;}
.bannertitlefloorinstallation {background:url(../images/banner-title-floor-installation.png) no-repeat;width:756px;height:40px;color:#ffffff;float:left;position:absolute;top:239px;left:2px;color:#ffffff;padding:22px 0 0 25px;font-size:15pt;z-index:2;margin:0;text-align:center;}
.woodflooringinstallation .bannertitlefloorinstallation {font-size:13pt;padding-top:24px;height:38px;text-align:center;}
.electrictitlefloorinstallation {background-image:url(../images/electric-underfloor-heating-installation-title.png);}
.watertitlefloorinstallation {background-image:url(../images/water-underfloor-heating-installation-title.png);}
.flooringinstallation .rightcontentmain {float:left;width:703px;}
.flooringinstallation .rightcontent1 {float:left;width:320px;margin-left:30px;padding:20px 10px 0 10px;display:inline;position:absolute;height:1311px}
.flooringinstallation .rightcontent1bottom, .flooringinstallation .rightcontent2bottom {float:left;width:340px;background-image:url(../images/rightcontent1bottom.png);height:42px;position:absolute;bottom:-42px;left:0px;}
.flooringinstallation .rightcontent1 h2 {color:#c5b197;font-size:11pt;width:100%;}

.flooringinstallation .rightcontent2 {float:left;width:305px;position:absolute;left:380px;top:25px;padding:0 0 10px 0;}
.flooringinstallation .rightcontent2 h2 {font-size:13pt;font-weight:normal;margin:39px 0 0 15px;width:265px;display:inline;}
.flooringinstallation .rightcontent2 h2.adjust {margin:10px 0 0 15px;}
.flooringinstallation .rightcontent2 p {font-size:10pt;width:265px;margin:0 0 20px 15px;display:inline;}
.adustp2 {margin-top:40px ! important;}
.flooringinstallation .rightcontent2 p.callus {background-color:#c5b197;padding:10px;width:241px;color:#ffffff;font-size:12pt;font-weight:bold;margin-bottom:10px;}
.adustf2 {font-size:22pt;color:#000000;font-weight:normal;}
.flooringinstallation .rightcontent2bottom {background-image:url(../images/rightcontent2bottom.png);height:10px;width:291px;bottom:-10px;}
.flooringinstallation .rightcontentframe {min-height:2135px;}
.workman {position:absolute;top:1093px;right:-52px;z-index:3;}
.workman2 {position:absolute;top:-28px;right:88px;z-index:3;}

/* Sub Flooring Installation Page */
.subfloorpage {float:left;width:565px;height:500px;background-color:#ffffff;margin:0 0 0 45px;padding:20px;}

.rightcontentsub {float:left;width:634px;margin:20px 0 0 26px;background-image:url(../images/rightcontent3background.png);height:700px;position:absolute;bottom:30px;padding:15px 10px 10px 15px;left:0px;}
.rightcontentsub h2 {font-weight:normal;}
.rightcontentsub ul li {float:left;width:308px;border:1px solid #d6d3d3;height:145px;}
.rightcontentsub ul li p {clear:none;}
.rightcontentsub h3 {font-size:12pt;margin:5px 0 0 5px;float:left;display:inline;width:auto ! important;}
.rightcontentsub p {float:left;width:165px;font-size:10pt;margin:0 0 0 5px;font-size:9pt;}
.adustf3 {font-size:13pt;}
.plainlink a {float:none;text-decoration:underline;color:#000000;}
.plainlink a:hover {color:#FF6600;}
.seeourrange a {clear:left;float:left;color:#000000;font-weight:bold;text-decoration:none;display:block;margin:2px 0 0 0;}
.seeourrange a:hover {color:#FF6600;}

.gettinganewfloor {float:left;width:980px;margin-top:10px;height:245px;background-repeat:no-repeat;position:relative;}
.getbottomcap {position:absolute;bottom:0px;left:5px;float:left;height:1px;width:960px;background-image:url(../images/line-grey.gif);}
.gettinganewfloor h2 {color:#ffffff;font-size:28pt;font-weight:normal;padding:0;margin:19px 0 0 14px;height:33px;float:left;text-transform:uppercase;display:inline;background-color:#fa9401;}
.whynotget {font-size:12pt;font-weight:bold;float:left;display:inline;margin:36px 0 0 44px;color:#ffffff;background-color:#fa9401;}
.whynotget a {color:#ffffff;text-decoration:none;}
.whynotget a:hover {color:#000000;}
.gettinganewfloorsub {color:#9e8c74;float:left;width:417px;margin:20px 0 0 3px;display:inline;}
.gettinganewfloorsub h3 {margin:0 0 10px 0;}
.gettinganewfloorsub p {margin:0 0 10px 0;}
.gettinganewfloorsub ul {list-style:disc;margin: 0 0 0 10px;width:414px;}
.gettinganewfloorsub ul li {width:417px;margin-bottom:5px;font-size:10pt;}
.gettinganewfloorsub ul li a {float:none;color:#786a57;text-decoration:underline;}
.gettinganewfloorsub ul li a:hover {color:#ff9900;}
.newfloor1 {float:left;width:520px;}
.newfloor2 {float:left;width:460px;}

/*--Water and Electric Underfloor Heating Benefits Page --*/

.fittingafloor h2 {color:#000000;background-image:url(../images/headerback1.jpg);margin:0 -5px 7px -5px;padding:7px 5px 5px 7px;width:178px;}
.fittingafloor p {margin-left:3px;display:inline;color:#ffffff;clear:left;width:100%;}
.fittingafloor img {margin:10px 0 20px 0;}
.smallheaderadj img {margin-left:15px;display:inline;}
.callusfreebox .leftboxcenter {padding:45px 15px 15px;background-image: url(../images/left-box-top-2.jpg);}
.callusfreebox .leftboxbottom {background-image: url(../images/left-box-bottom-2.jpg);height:31px;}
.callusfreebox p, .callusfreebox h2 {margin-left:3px;display:inline-block;color:#000000;}
.callusfreebox p {font-weight:normal;}
.waterbenefits .rightcontentbottom, .electricbenefits .rightcontentbottom {height:713px;background-position:bottom;}
.waterbenefits .rightbanner .p1 {width:287px;}
.electricbenefits .rightbanner .p1 {width:355px;}
.waterbenefits .quotes1, .electricbenefits .quotes1 {top:17px;}
.waterbenefits .quotes2 {top:123px;left:187px;}
.electricbenefits .quotes2 {top:111px;;left:149px;}
.waterbenefits .bannertitlefloorinstallation, .electricbenefits .bannertitlefloorinstallation {background-image: url("images/banner-title-water-benefits.png");top:299px;}
.electricbenefits .bannertitlefloorinstallation {top:380px;}
.waterbenefits .rightcontentmain, .electricbenefits .rightcontentmain {width:575px;margin:20px 0 0 55px;position:relative;}
.waterbenefits .rightcontentmain ul li, .electricbenefits .rightcontentmain ul li {margin-bottom:10px;}
.rightcontentmain ul li {clear:left;}
.waterbenefits .rightcontentmain ul li span, .electricbenefits .rightcontentmain ul li span {display:inline-block;background-color:#fdc472;color:#000000;padding:8px 28px;color:#000000;width:90.5%;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
.waterbenefits .rightcontentmain ul li em, .electricbenefits .rightcontentmain ul li em {font-weight:bold;}
.electricbenefits .rightcontentmain ul li em {display:block;margin-bottom:10px;}
.waterbenefits .rightcontentmain ul li, .electricbenefits .rightcontentmain ul li {line-height:1.4em;}

/*--Simple Container--*/

.simplecontainer, .quotecontainer {float:left;width:608px;padding:10px;background-color:#ffffff;border:1px solid #cccccc;}
.quotecontainer {width:958px;}
.simplecontainer h1, .quotecontainer h1 {margin:0 0 15px 0;font-size:15pt;color:#ff9900;}
.electricproducts .simplecontainer h1, .flooringproducts .simplecontainer h1
{padding:0 0 0 125px;}
.woodpecker .simplecontainer h1, .quickstep .simplecontainer h1 {padding:0 0 0 211px;}
.flooringsubpage .simplecontainer h1 {padding:0 0 0 321px;}
.downloads .simplecontainer h1 {padding:0 0 0 160px;}
.simplecontainer h2, .simplecontainer h3, .simplecontainer .newh1, .simplecontainer h4 {font-size:18pt;color:#ff9900;float:left;width:100%;margin:0 0 15px 0;background:none;}
.simplecontainer h3 {font-size:12pt;}
.simplecontainer h3.adjusth3 {font-size:17pt;color:#999999;}
.simplecontainer h4.adjusth4 {font-size:15pt;}
.simplecontainer p {margin:0 0 15px 0;line-height:1.6em;color:#333333;width:100%;}
.simplecon2 {float:left;width:608px;}
.halfsection {float:left;width:304px;}
.simplecontainer2 {width:958px;float:left;position:relative;}
.simplecontainer3 {width:870px;padding:0 44px 0 44px;float:left;}
.simplecontainer4 {width:726px;margin-bottom:15px;float:left;}
.simplecontainer4 ul li {color:#333333;line-height:1.4em;}

/*--Contact Form--*/
.contactrow, .quoterow {float:left;width:608px;margin-bottom:20px;}
.quoterow {width:100%;}
.td1, .td1a {float:left;width:135px;}
.td1a {width:47%;}
.td2, .td2a {float:left;width:473px;}
.td2a {width:50%;}

/*--Bulleted List--*/
.bulletlist, .bulletlist2 {float:left;width:608px;}
.bulletlist2 {width:304px;}
.bulletlist li, .bulletlist2 li {clear:left;margin-bottom:10px;}
.bulletlist3 {font-size:9pt;color:#666666;margin:15px 0 15px 0;}
.widthchange {width:190px;}

/*--Product Information--*/

.productinfo {margin-top:15px;clear:left;width:100%;}
.productinfo img {margin-bottom:0px;}
.productinfo li {border:1px solid #cccccc;width:423px;margin-bottom:20px;}
.productinfo li.alt {border:1px solid #cccccc;width:868px;margin-bottom:20px;}
.productinfo li span a, .productinfo li.alt span a {height:40px;background-image:url(../images/viewproduct.jpg);background-repeat:no-repeat;background-position:top right;color:#ffffff;padding:5px 0 0 10px;width:413px;font-size:10pt;font-weight:bold;background-color:#ff9900;}
.productinfo li.shoplink span a {background-image:url(https://www.carbonfilmheating.co.uk/images/viewproduct-2.jpg);}

.productinfo li.alt span a {background-repeat:repeat-x;background-repeat:repeat-x;height:32px;padding:13px 0 0;text-align: center;width:868px;}
.productinfo li span a:hover {background-position:right -45px;}
.productinformation .left {margin-right:10px;}
.productinformation .productinfo .left {margin-right:20px;}
.productinfodeep h1, .productinfodeep .titleexposed {float:left;width:595px;color:#ffffff ! important;padding:9px 15px 9px 347px;background-image:url(../images/gradient-1.jpg);background-color:#ff9900;font-size: 15pt;margin: 0 0 15px;font-weight:bold;line-height:normal;}
.wateruhsystems .titleexposed, .wateruhsystems h1 {padding-left:137px;width:805px;}
.productinfodeep .simplecontainer .right .newh1 {color:#E1B146 ! important;}
.productlink, .productlink2 {position:absolute;top:22px;left:20px;}
.productlink li, .productlink2 {margin-right:5px;color:#ffffff;font-weight:bold;}
.productlink a, .productlink2 a {color:#ffffff;font-size:11pt;font-weight:bold;text-decoration:none;border-bottom:1px dashed #ffffff;}
.productlink2, .productlink3, .productlink4 {top:24px;left:55px;}
.productlink3 {left:185px;}
.productlink4 {left:295px;}
.productlink2 a {color:#686565;border-bottom:1px dashed #686565;}
.productlink a:hover
{color:#FFE2BB;border-bottom:1px dashed #FFE2BB;}
.productlink2 a:hover
{color:#E1B146;border-bottom:1px dashed #E1B146;}
.productinformation .leftboxcenter h2, .smallheaderadj h2 {margin: 0 -5px 7px;width: 178px;color:#000000;font-size:11pt;}
.smallheaderadj h2 {padding:7px 5px 5px 7px}
.productinformation .also h2 {font-size:11pt;}
.productinformation .leftbox p, .smallheaderadj p {margin: 0 0 5px;color: #333333;line-height: 1.6em;width: 100%;font-weight:bold;}
.productinformation .subnav li {clear:left;margin-bottom:10px;font-size:12pt;width:97%;}
.productinformation .subnav ul li.sublink5 a {background-image:url(../images/subnavbackfade4.png);background-repeat:no-repeat;}
.productinformation .subnav ul li.sublink5 a:hover {background-position:0 -39px;}
.overview .sublink1 a, 
.floorconstruction .sublink2 a,
.productcodes .sublink3 a
{color:#ffffff;background-image:url(../images/subnavbackfade.png);}
.productinformation .right {float:right;width:726px;background-repeat:no-repeat;}
.noback .right {background-image:none;}
.greyslogan {font-size:13pt;font-weight:bold;color:#999999 ! important;margin: 136px 0 0 296px ! important;width: 330px ! important;text-align:center;}
.productlogo {margin:20px 0 0 140px;}
.simplecontainer h2.greytitle {float:left;width:706px;padding:5px 10px;color:White;font-weight:bold;backgroundhttp://localhost:13342/newsite 0.2/css/styles.css-image:url(../images/description-back.jpg);font-size:12pt;margin:15px 0 15px 0;background-color:#999999;}
.simplecontainer h3.orangetitle, .simplecontainer h2.orangetitle {color:#E1B146;font-size:11pt;padding-bottom:15px;border-bottom:1px solid #cccccc;width:100%;margin:0 0 15px 0;}
.twocolumn {float:left;width:348px;}
.simplecontainer .right ul li {clear:left;margin-bottom:10px;}
.simplecontainer .newh1 {color:#E1B146;font-size:18pt;padding:0;margin:0;}
.backoverride .right {background:none;}
.twocolumn ul {color:#333333;}
.simplecontainer4 a {color:#333333;}
.simplecontainer4 a:hover {color:#E1B146;}
.simplecontainer4 ul li a {float:none;text-decoration:underline;color:#666666;}
.simplecontainer4 ul li a:hover {color:#E1B146;}

/* Code Table */
table.codetable {width:726px;border-width: 1px;
	border-spacing: 2px;
	border-style: hidden;
	border-color: gray;
	border-collapse: separate;
	background-color: white;}
	
table.codetable td {
	border-width: 1px;
	padding: 6px;
	border-color: gray;
	border-style:dashed;
}

table tr td table tr td {border-collapse:collapse;}
table tr td table {width:100%;}

/*--Downloads--*/

.downloads .simplecontainer3 ul {float:left;width:100%;clear:left;}
.downloadlist li h2 {font-size:13pt;}
.downloadlist li a {padding:19px 15px 18px 50px;border:1px solid #cccccc;background-image:url(../images/pdf.jpg);background-repeat:no-repeat;margin:0 10px 10px 0;width:285px;min-height:25px;}
.downloads .listtitle {width:100%;padding:0;border:none;background:none;}

/*
-webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px;-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;
*/

/* Ecomax Duo Dual Overlay */
.ecomax .productlogo, .ecomaxlite .productlogo, .nomarginproduct .productlogo {margin:20px 0 0 0;}
.ecomax .greyslogan, .ecomaxlite .greyslogan, .nomarginproduct .greyslogan {margin: 20px 0 0 0 !important;width:726px ! important;}

/* Underfloor Heating Installation */
.uhinstallpage .rightcontentframe {margin-top:27px;}
.uhinstallpage .rightcontentbottom {background-image: url(../images/main-box-background-3.jpg);height:930px;}
.wuhinstallpage .rightcontentbottom, .wuhinfopage .rightcontentbottom {height:565px;}
.uhinstallpage .bannertitlefloorinstallation {top:251px;}
.wuhinstallpage .bannertitlefloorinstallation {top:261px;}
.wuhinfopage .bannertitlefloorinstallation {top:303px;}
.euhinfo .bannertitlefloorinstallation {top:239px;}
.euhinstallpage .bannertitlefloorinstallation {top:241px;}
.uhinstallpage .rightcontentmain {float:left;width:703px;position:relative;height:1581px;}
.wuhinfopage .rightcontentmain {height:840px;}
.wuhinstallpage .rightcontentmain {height:1480px;}
.euhinstallpage .rightcontentmain {height:850px;}
.uhinstallpage .rightcontent1 {float:left;width:593px;margin-left:30px;padding:20px;display:inline;position:absolute;background-image:url(../images/curved-bottom.png);background-position:bottom;}
.euhinfo .rightcontentmain {height:1010px;}

.uhinstallpage .rightcontent2 {float:left;width:305px;position:absolute;left:380px;top:25px;}

.curvedcon {float:left;width:639px;bottom:20px;position:absolute;margin-left:30px;}
.curvedcontop, .curvedconbottom {float:left;width:599px;background-image:url(../images/curved-box-top.png);background-repeat:no-repeat;padding:10px 20px 0 20px;}
.curvedcon2 {width:599px;float:left;}
.uhitype2 {float:left;width:286px;min-height:200px;}
.uhitype2 h2 a {color:#ffffff;font-size:11pt;padding:10px 0 0 36px;margin:0;text-decoration:none;float:left;}
.uhitype2 h2 a:hover {color:#000000;}
.uhitype2 ul {color:#ffffff;list-style:disc;margin:5px 0 0 15px;width:286px;}
.uhitype2 ul li {margin:0 0 10px 25px;}
.uhitype2 .actionlink3 a {margin:20px 0 0 20px;}
.uhitype2 .actionlink5 a {margin:32px 0 0 20px;}
.homepage .actionlink5 a {padding-top:14px;height:24px;}
.uhitype {float:left;width:286px;background:url(../images/uhi-type-top-cap.png) no-repeat;position:relative;}
.uhitypebottom {position:absolute;bottom:-10px;left:0px;background-image:url(../images/uhi-type-bottom-cap.png);background-repeat:no-repeat;width:286px;height:10px;}
.curvedconbottom {background-image:url(../images/curved-box-bottom.png);height:7px;width:639px;}
.orangearrow {position:absolute;width:37px;height:34px;background-image:url(../images/orangearrow.png);top:30px;left:31px;}
.uhinstallpage .relativecon {width:599px;}
.uhinstallpage .rightcontentframe p {width:100%;}
.wuhinstallpage .rightcontentframe {min-height: 1480px;}
.euhinfo .rightcontentframe {min-height: 1010px;}
.uhinstallpage .maintitle
{background-image:url(../images/subnavbackfade5.png);color:#ffffff;}
.uhinstallpage .fittingafloor li {font-size:9pt;margin-bottom:7px;clear:left;width:180px;}
.whybox h2 {background-image: none;background-color:#c5af93;color:#ffffff;font-size:11pt;}
.whybox2 h2 {background-image:none;color:#000000;font-size:11pt;}
.whybox .leftboxcenter, .whybox2 .leftboxcenter {background-image: url(../images/left-box-top-2.jpg);}
.whybox2 p {color:#000000;}
.whybox .leftboxbottom, .whybox2 .leftboxbottom {background-image:url(../images/left-box-bottom-2.jpg);}
.plaintext .leftboxcenter {padding-top:40px;}
.plaintext .plainp {color:#000000;font-weight:normal;font-size:10pt;}

/* Electric Underfloor Heating Installation Page */
.euhinstallpage .plaintext .leftboxcenter {padding-top:20px;}
.euhinstallpage .plaintext .leftboxcenter ul {list-style-type:disc;margin-left:15px;}
.euhinstallpage .rightcontentbottom, .euhinfo .rightcontentbottom {
    
    height: 695px;background-position:bottom;background-repeat:no-repeat;}
    .euhinfo .rightcontentbottom {height:1010px;}
.rightcontentframe ul.discs {list-style:disc;margin-left:15px;}
.euhinstallpage .rightcontentframe {min-height: 850px;}
.euhinstallpage .changeback2, .wuhinstallpage .changeback2 {background-image:url(../images/left-box-bottom-3.jpg);min-height:1300px;}
.left-box-bottom-cap {position:absolute;top:0px;left:0px;float:left;height:1px;width:696px;background-image:url(../images/left-box-bottom-3-cap.gif);background-repeat:no-repeat;}

.stepleft {float:left;width:360px;}
.stepright {float:right;width:343px;}

.uhinstallpage .rightcontentframe p.step1title1, .uhinstallpage .rightcontentframe h2.step1title2 {float:left;background-image:url(../images/step-1-back-title.png);height:51px;width:330px;font-size:13pt;background-repeat:no-repeat;padding:15px;margin:10px 0 0 15px;}

.wuhinstallpage .rightcontentframe p.step1title1 {margin:5px 0 0 10px;display:inline;font-size:11pt;width:203px;padding:20px 15px 15px 15px;height:46px;background-position:right;border-left:1px solid #cccccc;}

.uhinstallpage .rightcontentframe h2.step1title2 {width:325px;height:51px;margin:0 20px 0 5px;padding:10px;background-image:url(../images/step-1-back-title-2.png);background-position:right;font-size:16pt;font-weight:normal;}
.wuhinstallpage .rightcontentframe h2.step1title2 {background-image:url(../images/step-1-back-title-3.png);width:180px;height:98px;padding:20px 10px 10px 10px;}

.stepleft2 {float:left;background-image:url(../images/steps-box.png);background-repeat:no-repeat;width:276px;position:relative;padding:0 12px;margin:0 0 0 13px;display:inline;}
.steps-box-bottom {width:291px;height:18px;float:left;background-image:url(../images/steps-box-bottom.png);position:absolute;bottom:-18px;left:3px;}

.adjuststep {margin: 29px 0 20px -18px;width:270px;}
.adjuststeplink a {margin:0 0 10px -33px;background-image:url(../images/orange-title-5-back.png);width:350px;background-repeat:no-repeat;font-size:10pt;}

.fittingcon {float:left;width:980px;margin:15px 0 0 0;position:relative;}
.fittingcon p {    line-height: 1.6em;
    margin: 0 0 10px;clear:left;width:100%;}
.fittingyourself {background-image:url(../images/fitting-electric-underfloor-heating-yourself-title.png);height:47px;width:960px;position:absolute;top:0px;left:-4px;font-size:17pt;color:#ffffff;margin:0;padding:13px 0 0 20px;float:left;font-weight:normal;}
.fittingyourselfmain {float:left;width:920px;background-color:#f6eddf;margin:50px 10px 0 10px;padding:10px;}
.fittingimg {float:right;margin:-7px -10px 0 10px;}
.pwadj {width:665px ! important;}
.pwadj2 {width:634px ! important;}
.adjustlink2 a {margin:0 0 10px 0;background-image:url(../images/orange-title.png);position:relative;}
.orangecap {float:left;position:absolute;right:-15px;top:0px;background-image:url(../images/orange-cap.png);width:15px;height:42px;}
.adjuststeplink2 a {margin:0 0 10px 0;}
.adjuststeplink3 a {margin:0 20px 10px 0;width:392px;}
.adjuststeplink4 a {margin:0 0 10px 0;width:418px;}
.adjuststeplink5 a {width:192px;}
.adjuststeplink6 a {width:288px;}
.adjuststeplink7 a {width:168px;}
.adjuststeplink8 a {width:227px;}
.fullspan {width:665px;float:left;}
.fittingcon h3 {clear:left;float:left;margin:0 0 10px 0;width:100%;}

.listfitting {list-style:disc;margin:10px 0 15px 25px ! important;}
.listfitting li {width:890px;}


.diy {float:left;width:81px;height:79px;background-image:url(../images/diy.png);background-repeat:no-repeat;position:absolute;top:15px;right:-10px;}

/* Simpler Styles */
.alt .rightcontentframe {  background-image: none;
    border: 1px solid #CCCCCC;
    width: 696px;}
    
.alt h2, .alth3 {width:100%;}

.strip span {background:none ! important;padding:0 ! important;width:auto ! important;}

/* Electric Underfloor Heating Information Page */

.centrep {width:583px ! important;padding:20px 60px 0 60px;}
.rightcontent3 {float:left;width:634px;background-image:url(../images/curved-box-top-2.png);margin:0 0 0 20px;display:inline;padding:23px 13px 0 13px;}
.rightcontent3 .productbox {float:left;width:632px;border:1px solid #bfaca2;margin:0 0 15px 0;padding:0 0 10px 0;}
.rightcontent3 .productbox img {float:left;margin-right:10px;}
.rightcontent3 .productbox h2 {color:#fa9400;margin:5px 0 0 0;font-size:13pt;text-transform:uppercase;width:400px;}
.rightcontent3 .productbox p {color:#000000;margin:10px 0 10px 0;text-align:left;width:478px;clear:none;}
.rightcontent3 .productbox p.productlinked {margin:0;display:inline;width:245px;} 
.rightcontent3 .productbox p.productlinked a {color:#000000;text-decoration:none;font-weight:bold;float:none;clear:left;}
.rightcontent3 .productbox p.productlinked a:hover {color:#fa9400;}

/* Water Underfloor Heating Installation Page */
.cheapheat {position:absolute;bottom:-80px;right:10px;z-index:2;}
.floattitlebox, .floattitlebox2 {position:absolute;top:172px;left:-239px;background-color:#eae9e9;border-left:1px solid #cccccc;border-top:1px solid #cccccc;width:240px;height:95px;border-bottom:1px solid #cccccc;}
.floattitlebox2 {width:200px;height:140px;top:267px;left:-199px;border-top:none;}

/* Carbon Heat Blog */
.blogadhead a {width:258px;text-align:center;margin-bottom:0;float:left;}

/* Full Page */
.full .right, .full .rightbanner {width:100%;}
.full .rightcontentframe, .full .rightcontentmain  {width:922px;background-repeat:repeat-x;}
.full .rightcontentframe {}
.full .rightcontent1 {width:820px;}
.full .bannertitlefloorinstallation {width:955px;padding-left:25px;}
.full .rightcontentmain {margin-top:0px;}

/* Testimonials Page */
.testimonials .bannertitlefloorinstallation {background-image:url(../images/banner-title-testimonials.png);}
.testimonials .bannertitlefloorinstallation {top:361px;}
.testimonialphrase {position:absolute;top:140px;left:165px;font-style:italic;font-size:38pt;width:650px;}
.testaltphrase {color: #000000;
    font-size: 17pt;
    font-style: normal;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 650px;}
.testbox {float:left;width:100%;margin-bottom:15px;position:relative;}
.textbox2 {float:left;border:2px dashed #cccccc;padding:10px;margin-bottom:15px;}
.tphrase {float:left;width:90% ! important;padding-left:5%;position:relative;}
.tname, .tphrase {font-weight:bold;}
.tname {margin-bottom:25px ! important;border-bottom:1px dashed #cccccc;}
.marks, .marks2 {position:absolute;color:#d9d7d7;font-weight:bold;font-size:40pt;line-height:20px;float:left;background-image:url(../images/speechmarks.gif);height:35px;width:39px;}
.marks {top:-18px;left:-1px;}
.marks2 {top:29px;background-image:url(../images/speechmarks-2.gif);right:-32px;width:42px;}
.testimonials .rightcontentmain {height:2900px;}
.testframe {position:absolute;top:0px;left:0px;border:1px solid #cccccc;width:960px;height:180px;}

/* Case Study Page */
.casestudy .bannertitlefloorinstallation {background-image:url(../images/banner-tick.png);}
.casestudy1 .bannertitlefloorinstallation, .casestudy2 .bannertitlefloorinstallation  {top:384px;font-size:14pt;padding-top:23px;height:39px;}
.casestudy2 .bannertitlefloorinstallation {font-size:12pt;padding-top:25px;height:37px;}
.cleft {float:left;width:180px;}
.cleft2 {width:154px;padding:40px 13px 30px 13px;float:left;background-image:url(../images/case-study-left-box.jpg);background-repeat:no-repeat;position:relative;}
.cleft3 {float:left;width:170px;margin-top:100px;padding:0 5px;text-align:center;position:relative;}
.cleftbottom {background-image:url(../images/case-study-left-bottom.jpg);float:left;position:absolute;bottom:0px;left:0px;height:14px;width:180px;}
.cright {width:620px;float:right;}

.casestudy1 .rightcontentmain {height:1720px;}
.casestudy2 .rightcontentmain  {height:1160px;}

.casep1 {font-size:18pt;margin-top:0px;line-height:1em ! important;}
.casep2 {font-size:18pt;}
.reducefont {font-size:13pt;}
.increasefont {font-size:24pt;}
.increasefont2 {font-size:16pt;}
.quotes3 {left:-12px;position: absolute;top:-9px;}
.quotes4 {position:absolute;bottom:2px;left:149px;}

.casestudy h2 {font-size:13pt;color:#ff9900;}
.casestudy .grey2 {color:#ae997f;}

/* Other Services Page */
.otherservices .bannertitlefloorinstallation {background-image:url(../images/banner-tick.png);}
.otherservices .bannertitlefloorinstallation {top:231px;}
.otherservices .rightcontentmain {height:4250px;}

.marginbottonnone {margin-bottom:0 ! important;}

.orange {color:#ff9900;}
.white {color:#ffffff;}
.darkerorange {color:#FF6600;}
.darkerorangebold {font-weight:bold;color:#FF6600;}
.orangebold {font-weight:bold;color:#ff9900;}
.ceramic {color:#800000;}
.lightgrey {color:#8a8383;}
.grey2 {color:#bfaca2;}
.beige2 {color:#D2BFA0;}
.beige3 {color:#887c6c;}
.beige4 {color:#aa8e66;}
.beige5 {color:#845b3f;}
.darkgold {color:#999324;}
.silver {color:#d6d3d3;}
.lightbrown {color:#b27f46;}
.tilegrey {color:#b9aa94;}
.gold2 {color:#b27f46;}
.un {text-decoration:underline;}
.nomarginright {margin-right:0 ! important;}
.center {text-align:center;}
.imgleft {float:left;margin:0 10px 0 0;}
.imgright {float:right;margin:0 0 0 10px;}
.width532 {width:532px ! important;}
.font10 {font-size:10pt ! important;}
.font11 {font-size:11pt ! important;}
.margin10 {margin:0 0 10px 0 ! important;}
.marginb15 {margin:0 0 15px 0 ! important;}
.marginr10 {margin:0 10px 0 0 ! important;}
.marginr15 {margin:0 15px 0 0 ! important;}
.marginr20 {margin:0 20px 0 0 ! important;}
.margint0 {margin-top:0 ! important;}
.margint10 {margin-top:10px ! important;}
.margint244 {margin-top:244px ! important;}
.relativecon {position:relative;float:left;}
.nobold {font-weight:normal ! important;}
.imageshadow {-moz-box-shadow: 2px 5px 5px #a49078;-webkit-box-shadow: 2px 5px 5px #a49078;box-shadow: 2px 5px 5px #a49078;}
.borderwhite {border:1px solid white;}
.black {color:#000000 ! important;}
.deepred {color:#990000;}
.nofloat, .nofloatlist li {float:none ! important;}
.noclear, .noclearlist li {clear:none ! important;}
.smallsup {font-size:8pt;}
.sheader {width:100%;font-size:12pt;}
.slist li {margin-bottom:10px;}
.enlarge {font-size:16pt ! important;}
.smaller {font-size:10pt ! important;}
.smaller2 {font-size:11pt ! important;}
.minheight1020 {min-height:1020px ! important;}
.specialhightlight {    background-color: #FDC472;
   -moz-box-shadow: 0 0 5px #888888;
-webkit-box-shadow: 0 0 5px #888888;
box-shadow: 0 0 5px #888888;
    color: #000000 ! important;
    display: inline-block;
    padding: 8px 28px;
    width: 90.5% ! important;}
    
    .stripeheader {background-color:#ffcd97;font-size:11pt;clear:left;}
    .clearfloat {clear:left;float:left;margin-bottom:15px;}
    .clearfloata a {clear:left;}
    
    .namelink a {text-decoration:underline;}
    
    .margintop40 {margin-top:40px ! important;}

/*for "trade custormers" home page*/
.tc_homebox { background-image: url(../images/tc_homebox.png);float: left; height: 305px; margin-right: 4px; padding: 1px 6px 0 1px; width: 224px; font-family: verdana !important;}
.tc_homebox_pad {padding: 0 6px 0 1px !important; font-size: 12px !important;}
.tc_homebox_ot_size { font-size: 13px; float: none !important;}
.tc_homebox_li_style_ex { list-style: none outside none; padding-left: 104px; }

.tc_homebox h2, .tc_homeboxintro {font-size:13px;margin:0 0 10px 0;}
.tc_homebox ul {list-style: disc outside none; padding-left: 17px;}
.tc_homebox ul li {margin-bottom:5px;width:204px;}

.homeboxtext_for_3 {padding-bottom: 4px !important;}
.tc_hombox_3but_pos {padding-top: 187px; *padding-top: 1px;}
.tc_hombox_1but_pos { padding-top: 188px; padding-right: 10px; *padding-top: 19px; }
.tc_hombox_2but_pos {padding-top: 188px; padding-right: 10px; *padding-top: 38px;}
.tc_homebox_star {float: left; display: block; padding-top: 2px; *padding-top: 15px; }
.tc_homebox_st_but {*padding-top: 8px; *padding-right: 10px; float: left; display: block; }

.tc_home_but_name {font-size: 11px !important; }
.tc_hombox_r_star_but {padding: 10px 0 0 58px !important; margin: 46px 0 0 -10px !important;}
.tc_discount_but {padding-top: 5px !important;}
.tc_shop_but_pos { padding-top: 10px !important; line-height: 19px !important; }

.tc_says_font_size {font-size: 16px; font-family: verdana !important;}
.tc_says_font_size_small {font-size: 12px; font-family: verdana !important;}

.tc_why_carbonheat {  float: left; font-size: 13px; height: 437px; width: 264px; font-family: verdana !important; }
.tc_why_carbonheat h2 { margin: 16px 0 25px 0; font-size:16pt; font-weight:normal; text-align: center; }
.tc_why_carbonheat ul {margin:0 0 0 20px;}
.tc_why_carbonheat ul li {margin:0 0 20px 0;color:#fa9c14;width:195px;background-image:url(../images/black-tick.png);padding:0 0 0 35px;}
.tc_why_carbonheat ul li.changetick {background-image:url(../images/orange-tick.png);}
.tc_why_carbonheat .secondarytitle {color:#6d6e71;width:195px;display:inline-block;}
.tc_carbonheat_feat_pos {margin: 0 0 14px !important;}

/*for "trade custormers" installation service*/

.tc_title_banner_text_pos { text-align: left; padding-left: 72px; }
.tc_installation_content_bg_up {
    background: url("images/tc_installation_content_bg_up.png") no-repeat;
    display: inline;
    float: left;
    /*height: 1311px;*/
    margin-left: 30px;
    /*padding: 20px 10px 0;*/
    position: absolute;
    width: 635px;
    height: 625px;
    font-family: verdana;
}

.tc_installation_content_bg_down {
    background: url("images/tc_installation_content_bg_down.png") no-repeat;
    bottom: -42px;
    float: left;
    height: 42px;
    left: 0;
    position: absolute;
    width: 635px;
}
.tc_rightcontentframe {margin: 0 0 10px;}
.tc_1st_title_cont { font-size:14px; padding: 20px 0 0 15px; height:38px;text-align:left; color: #000; margin: 0; }
.tc_quest_cont { font-size:13px; color: #FF9900; padding: 5px 0 5px 15px; margin: 0;}
.tc_simple_text_cont { font-family: verdana; font-size:13px; padding: 0 15px 0 15px; text-align: left; }
.tc_orange_title { background: url("images/tc_orange-title-back.png") no-repeat; float: left; height: 33px; margin-left: 10px; padding: 7px 0 0 35px; width: 451px; }
.tc_orange_title a {font-family: verdana; color: #FFF; font-size: 12px; text-decoration: none; font-weight: bold;}
.tc_cont_quest_pos { margin-top: 15px !important; float: left; display: block;}
.tc_simple_text_cont_li_style { list-style: disc outside none; margin: 0 0 5px !important; font-family: verdana; font-size:13px; }
.tc_simple_text_cont_ul_pos {display: block; float: left;}

.tc_text_float {float: left; display: block;}

.tc_rightcontentframe h2 {margin: 0 0 2px !important;}
.tc_rightcontentframe p {margin: 0 0 2px !important; }

.tc_choose_title{display: block; float: left; position: absolute; z-index: 8; top: 658px; font-family: verdana !important; font-size: 13px; color: #000; text-align: left; padding-left: 20px; padding-right: 25px; margin: 5px 0;}
.tc_choose_title_color {color: #FF9900; font-weight: bold; }
.tc_rightcontentsub {float:left;width:633px;margin: 46px 0 0 20px;background:url(../images/tc_rightcontent3_bg_n.png) repeat-x; height: 449px;position:absolute; top: 670px;padding:15px 10px 10px 15px;left:0px;}
.tc_rightcontentsub h2 {font-weight:normal;}

.tc_rightcontentsub p {float:left; width:165px; margin:0 0 0 5px; }
.tc_ranges_rows { width:625px; overflow:hidden; margin-bottom: 5px;}
.tc_ranges_left_box {border: 1px solid #d6d3d3; width: 305px; float: left; height: 135px; display: block; }
.tc_ranges_right_box {border: 1px solid #d6d3d3; width: 305px; float: right; height: 135px; display: block; }
.tc_ranges_img_wrap {display: block; float: left; width: 135px; height: 135px; }
.tc_ranges_text_wrapper {display: block; float: right; font-family: verdana; }
.tc_ranges_text_title { color: #FF9900; font-size: 13px; font-family: verdana; font-weight: bold; float: right; line-height: 1.5em !important;}
.tc_ranges_description { font-size: 10px; font-family: verdana; text-align: left; line-height: 1.5em !important;}

.tc_seeourrange a {clear:left; float:left;color:#000; font-weight:bold; text-decoration:none; display:block; margin:2px 0 0 0; font-size: 10px; line-height: 1.5em !important; margin: 0 !important; }
.tc_seeourrange a:hover {color:#FF6600;}
.tc_seeourrange_pos {margin-top: 9px !important; }

.tc_rightcontentframe_bg {
    
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    margin: 22px 0 0 25px;
    position: relative;
    width: 708px;
    /*height: 1285px;*/
    height: 1185px;
    z-index: 0;
}

.tc_rightcontentbottom {
    
    /*bottom: 10px;*/
    top: 411px;
    float: left;
    height: 766px;
    position: absolute;
    right: 12px;
    width: 696px;
}

.tc_work_proj {
    background-image: url("images/tc_work_proj_bg_n.png");
    font-family: verdana !important;
    background-repeat: no-repeat;
    padding: 2px 0 0 16px;
    position: relative;
    width: 195px;
    height: 210px;
    margin-bottom: 15px;
}

.tc_wp_title {color: #FF9900; font-size: 22px; font-weight: bold; float: left; margin-top: 6px;}
.tc_wp_discrip {color: #000; font-size: 12px; font-family: verdana !important; text-align: left; clear: both; margin-top: -5px; width: 190px; *margin-top: 13px;}
.tc_wp_but {line-height: 9px !important; margin: -10px 0 0 !important; *margin-top: 8px !important; *line-height: 13px !important; *font-size: 10px !important; }
.tc_l_bottom_text {margin-top: 1178px; margin-left: 15px; font-family: verdana; font-size: 11px; }

.tc_gettinganewfloor {
    
    background-repeat: no-repeat;
    float: left;
    height: 553px;
    margin-top: 10px;
    margin-left: 7px;
    margin-right: 7px;
    width: 945px;
}
.tc_bottom_title {font-size: 18px; font-family: verdana !important; margin-left: 20px; margin-top: 17px; }
.tc_why_carbonheat_cont { font-size:14px; color: #FF9900; padding: 0px 0 5px 25px; margin: 0;}

.tc_bottom_discrip {float: left; display: block; font-family: verdana; font-size: 13px; margin-left: 25px !important; width: 940px;}
.tc_bottom_discrip ul {margin: 6px 0px 10px 20px !important;  width: 940px; font-size: 13px; list-style: disc outside none !important;}
/*.tc_bottom_discrip ul {list-style: disc outside none; padding-left: 17px;}*/
/*.tc_bottom_discrip ul li {margin-bottom:5px;width:204px;}*/


.tc_bottom_floors_types {overflow:hidden; z-index: 10; position: absolute; bottom: 88px; left: 33px; font-family: verdana !important;}
.tc_bottom_floor { width: 215px; height: 252px; float: left; display: block; background-color: #FF9900; bottom: 20px; left: 20px; margin-left: 7px;}
.tc_bottom_floor_img {padding-left: 10px; padding-right: 10px; padding-top: 10px; }
.tc_bottom_floor_name {color: #fff !important; font-size: 11px; text-align: left; padding: 5px 12px; }
.tc_bottom_floor_name_ex {vertical-align: super; font-size: 5px;}
.tc_battom_calls {clear: both; z-index: 10; position: absolute; bottom: 42px; left: 33px; font-family: verdana !important; font-size: 17px; font-weight: bold; margin: 6px 9px; }
.tc_battom_calls_title {color: #FF9900; }
.tc_bottom_qest_pos {padding-left: 20px !important;}

.subnavlist {margin:10px 0;}
.subnavlist li a {border-bottom: 1px dashed #686565;
    color: #686565;font-weight:bold;font-size:11pt;}
    .subnavlist li {margin-right:10px;}
    .subnavlist li a:hover {color:#ff9900;}
    .subnavlist li h1 {float:left;padding:0 ! important;margin:0;text-align:left;line-height:14pt;font-size:13pt;}
    
    .standardlist li {margin-bottom:10px;}
    
    #gallery, #gallery2, #gallery3, #gallery4 {float:left;margin-bottom:20px;}
    .strip li {clear: left;
    margin-bottom: 10px;}
    
    .picturecomment, .smallcomment {font-weight:bold;margin-top:5px;font-size:9pt;font-style:italic;width:100%;text-align:center;}
    .smallcomment {margin-top:10px;}
    
.quickstep p a {text-decoration:underline;float:none;}

.tilebox {width:100%;float:left;}
.tilebox2 {width:30%;margin-right:5%;float:left;margin-bottom:15px;}
.tilebox3 {width:30%;float:left;margin-bottom:15px;}

.tilebox ul li {clear:left;margin-bottom:8px;}

.greybold {color:#515151;font-weight:bold;}

.makeenquiry input {font-size:12pt;padding:2px 5px;}

.iframeoverride .simplecontainer3 {padding:0 24px;width:910px;}

#swfiframe {float:left;width:100%;position:relative;overflow:hidden;height:640px;}
.changedimension {position:absolute;top:-195px;left:-50px;}

.enlarge{width:405px;}

@media only screen and (max-width:1000px){
.tc_why_carbonheat {}
.rightbanner img.cheapheat {max-width:0;}
.productlink a, .productlink2 a {color:black;}
.productlink li, .productlink2 {color:#999999;}
.uhinstallpage .uhitype2 {width:98%;padding:1%;}
.subnavlist li {margin-bottom:10px;}
.uhitype2 ul li {margin:0 0 10px 0;width:83%;}
.uhitype2 ul {margin-left:25px;}
.uhinstallpage .curvedcon {margin-left:0%;width:100%;}
.uhinstallpage .rightcontentframe, .uhinstallpage .rightcontent1 {width:100%;padding:0;}
.uhinstallpage .rightcontent1 {margin-left:0;}
.stepleft2 {margin:0;}
.productlink, .productlink2 {position:relative;margin-bottom:10px;display:block;top:auto;left:auto;}
.tc_homebox {background:no-repeat;margin-bottom:40px;}
.actionlink2 a {padding:9px 0 0 9%;}
.productinfo li span a, .productinfo li.alt span a {padding:10px 2%;width:96%;height:auto;}
body {background:none white;}
.div2 {overflow:hidden;}
.bannergroup1, .bannergroup2, .getintouch, .mainleft, .mainleftbottom, .homebox img, .right, .rightbanner, .rightbanner img, .rightcontentbottom, .curvedcon2, .flooringinstallation .rightcontentmain, .flooringinstallation .rightcontent2, .flooringinstallation .rightcontent2 h2, .flooringinstallation .rightcontent2 p, .full .rightcontentframe
{width:100% ! important;}
.flooringinstallation .rightcontent2 h2, .flooringinstallation .rightcontent2 p 
{margin:0 0 20px 0;}
.rightcontentframe {width:98.5%;margin-left:1.5%;}
.rightcontentframe ul .div2
{float:none;}
.actionlink a, .actionlink2 a, .actionlink3 a, .actionlink4 a {display:inline-block;float:none;clear:left;}
.tc_bottom_discrip {width:100%;margin-left:0;}
.tc_rightcontentbottom {height:auto;position:relative;width:100%;top:auto;bottom:auto;right:auto;left:auto;}
.also {padding:15px 15px 15px 10px;clear:left;}
.greyslogan {margin:0;width:100%;}
.productlogo {margin-left:0;}
.simplecontainer4 {width:100%;}
.maincon ul {clear:left;}
.bannertitlefloorinstallation, .uhinstallpage .bannertitlefloorinstallation {height:37px;}
.bannertitlefloorinstallation, .uhinstallpage .bannertitlefloorinstallation  {padding-left:23%;padding-right:0;width:77%;}
.uhinstallpage .rightcontentframe {margin-top:20px;}
.fittingyourself {position:relative;color:black;height:auto;font-weight:bold;margin-bottom:15px;}
.simplecontainer .leftboxcenter h2 {color:black;}
.euhinstallpage .rightcontentframe {min-height:auto;}
.tc_installation_content_bg_up {width:96%;padding:10px 2%;}
.tc_orange_title {width:auto;background:black;height:auto;padding:10px;}
.tc_quest_cont {font-size:12pt;}
.tc_choose_title, .tc_rightcontentsub {position:relative;top:auto;}
.tc_rightcontentsub {width:100%;margin-top:20px;}
.tc_rightcontentframe_bg, .tc_orange_title {background:none;}
.tc_ranges_left_box {height:auto;}
.tc_rightcontentsub p {width:100%;float:none;margin:0;padding:0 2%;}
.tc_ranges_text_wrapper {width:96%;padding:0 2%;}
.tc_rightcontentsub p {width:94%;margin:10px 0;}
.tc_wp_title, .tc_wp_discrip {width:100%;}
.actionlink3 a, .actionlink4 a {float:none;display:block;}
.leftbox {float:none;clear:left;}
.tc_rightcontentsub {height:auto;background:none;padding:0;}
.tc_ranges_right_box {height:auto;padding-bottom:10px;margin-bottom:15px;}
.tc_ranges_left_box {margin-bottom:20px;padding-bottom:10px;}
.tc_seeourrange a, .tc_ranges_description {font-size:10pt;}
.tc_1st_title_cont {padding-top:0;height:auto;padding-bottom:20px;}
.flooringinstallation .rightcontent1 {width:95%;padding:20px 1% 0 0;margin-left:0;height:auto;}
.curvedcon {width:94%;margin-left:6%;}
.bannertitlefloorinstallation {width:87%;padding-left:11%;padding-right:2%;text-align:left;height:auto;padding-bottom:36px;}
.tc_work_proj {background:none;height:auto;}
.tc_installation_content_bg_up {position:relative;height:auto;margin-left:1%;}
.tc_1st_title_cont, .tc_quest_cont {margin-left:0;}
.tc_simple_text_cont {padding-left:0;}
.tc_orange_title {padding:9px 0 1px 32px;margin-left:0;}
.tc_rightcontentsub, .tc_ranges_rows, .tc_ranges_left_box, .tc_ranges_right_box {width:100%;margin-left:0;}
.tc_bottom_floors_types {position:relative;}
.tc_l_bottom_text {margin-top:10px;}
.right {float:none;}
.curvedcontop {width:96%;padding:10px 2%;}
.uhinstallpage .rightbanner .p1 {left:20px;}
#advertslider, .lof-slidecontent, .lof-main-outer, .lof-main-wapper, ul.lof-main-wapper li img, .curvedconbottom, .rightcontentbottom,  .gettinganewfloor, .newfloor1, .newfloor2, .getbottomcap
{width:100% ! important;}
.mainarea, .homeboxtext,.div2,.right, .alt .rightcontentframe {width:98%;padding:10px 1%;position:relative;}
.bannergroup2 {margin-top:10px;}
.getintouch {padding:0;}
.slogan, .getintouch {margin:20px 0 0 1%;width:99%;}
.logo {margin:10px 0 0 1%;}
.banner {height:auto;}
.topnav {float:left;margin:0 0 10px 1%;}
.rightbanner {padding-left:0;}
.ticklist, .floorlogos, #advertslider, .curvedconbottom, .rightcontentbottom, .workman, .rightcontent2bottom, .gettinganewfloor, .newfloor1, .newfloor2, .getbottomcap
{position:absolute;top:-9999px;left:0px;width:10px;}
#advertslider {background-repeat:no-repeat;}
.homebox {height:421px;background-repeat:no-repeat;width:31%;background-image:none;border:1px solid #cccccc;padding:0;}
.homebox ul {margin-left:23px;}
.homebox ul li{width:auto;}
.homebox ul li{font-size:11pt ! important;}
.homebox h2, .homeboxintro {width:94%;padding:0 3%;}
.actionlink2 a {width:60%;background-repeat:no-repeat;padding:9px 0 0 22%;margin:10px 0 0 0;text-align:left;float:left;}
.uhinstallpage .rightcontentmain {height:auto;}
.uhinstallpage .bannertitlefloorinstallation {top:214px;}
.uhinstallpage .rightcontent1, .curvedcon {position:relative;}
.uhinstallpage .rightcontent1, .rightcontentframe, .uhinstallpage .rightcontentbottom, .curvedcontop, .curvedconbottom, .rightcontentbottom, .rightcontentsub, .flooringinstallation .rightcontent2, .orange-title-2-back
{background:none ! important;}
.uhinstallpage .rightcontentbottom, .rightcontentbottom{height:auto;}
.left {padding-left:15px;}
.bannertitlefloorinstallation, .uhinstallpage .bannertitlefloorinstallation, .rightcontentsub, .flooringinstallation .rightcontent1, .flooringinstallation .rightcontent2
{position:relative;top:0;left:0;}
.uhinstallpage .rightbanner .p1 {top:76px;}
.bannertitlefloorinstallation {background:url(../images/banner-title-floor-installation.png) black no-repeat;padding-top:18px;padding-bottom:24px;}
.tc_why_carbonheat_cont, .tc_bottom_title {margin-left:0;}
.domestic .subnav2 {background-color:orange;height:auto;}
.flooringinstallation .rightcontentframe {min-height:auto;}
.rightbanner img.quotes1, .rightbanner img.quotes2 {width:auto ! important;}
.rightbanner .p1 {top:80px;}
.quotes2 {top:193px;}
.rightcontentsub {width:100%;margin-left:0;padding:0;height:auto;}
.orange-title-2-back {background:orange ! important;float:none;margin:0 0 20px 0;padding:10px;width:100%;height:auto;}
.rightcontent2 p, .rightcontentframe h2, .flooringinstallation .rightcontent2 p, .rightcontentframe p, .orange-title-back a, .orange-title-2-back, .orange-title-3-back a, .orange-title-4-back, .rightcontent2 ul li, .rightcontentframe ul li, .flooringinstallation .rightcontent2 h2, ul li a
{float:none;display:block;}
.flooringinstallation .rightcontent2 p 
{font-size:11pt;}
.adustp2, .flooringinstallation .rightcontent2 h2.adjust {margin:0 0 20px 0 ! important;}
.flooringinstallation .rightcontent2 p.callus, .rightcontentsub ul li{width:auto ! important;}
.rightcontentsub ul li p {float:left; ! important;}
.maincon .homeboxtext ul {overflow:visible;}
.maincon ul {float:none;overflow:hidden;clear:both;}
.productlogo {margin:20px 0 0 0;}
.actionlink2 {display:block;overflow:hidden;width:100%;}
.uhitype2 h2 a, .uhitype, .uhitype2{float:none;display:block;}
.uhitype2 ul {margin-top:20px;}
.ticklistsmall li {margin-left:2%;width:98%;}
.orange-title-back a, .orange-title-2-back, .orange-title-3-back a, .orange-title-4-back {background-repeat:no-repeat;}
.rightbanner img {max-width:100%;}
.full .bannertitlefloorinstallation {width:90%;padding-left:8%;height:43px;padding-top: 19px;
    padding-bottom: 4px;font-size:12pt;}
.uhitype2 {min-height:auto;}
.uhitype2 h2 a {padding:10px 0 11px 36px;}
.full .rightcontentframe {width:100%;margin:0;}
.full .rightcontent1 {width:98%;margin-left:0;padding: 1%;margin-top:20px;}
.full .rightcontent1 img {margin-bottom:15px;max-width:100%;}
.full .orange-title-back a, .full .orange-title-2-back, .full .orange-title-3-back a, .full .orange-title-4-back {margin-left:0;}
.footer {padding:10px 2%;width:96%;}
.standardpage .navback {width:100%;}
.simplecontainer, .quotecontainer {width: 96%;padding: 10px 2%;border:none;}
.productinfo li a {float:none;overflow:hidden;}
.simplecontainer3 {
    width: 100%;
    padding: 0;margin-right:0;}
ul.productinfo li.left {padding-left:0;}
.productinformation .productinfo .left {margin-right:1%;}
.productinfo li {width:49%;border:none;}
.productinfo {width:100%;}
.productinfo li.alt {width:100%;border:none;}
.subnav2 {height:auto;}
.productlink2, .productlink3, .productlink4 {left:10px;}
.electricproducts .simplecontainer h1, .flooringproducts .simplecontainer h1 {padding-left:115px;}
.productinfo{width:98%;padding:1%;}
}

@media only screen and (max-width:820px){
.full .bannertitlefloorinstallation {width: 89%;padding-left: 9%;}
.productinfo li {width:100%;}

.productinformation .navback li.link4{padding-bottom:0;}
.navback li.link1 a, .navback li.link4 a {background-image: url("images/for-home-button-left.png");background-repeat: no-repeat;}
.productinformation .mainarea, 
.ecomax .greyslogan, .ecomaxlite .greyslogan, .nomarginproduct .greyslogan,.simplecontainer h2.greytitle, .simplecontainer4, .productinformation .right {max-width:97%;padding:1.5%;}
.productinformation .mainarea , .productinformation .simplecontainer, .quotecontainer {width:98%; padding:1%;margin:0;}
.waterbenefits .bannertitlefloorinstallation, .electricbenefits .bannertitlefloorinstallation{display:none;}
.productinfodeep h1, 
.rightcontent3, .rightcontent3 .productbox,.fittingcon, .mainarea,
.fittingyourselfmain,.pwadj, .fittingyourself {width:98%;padding:1%;}
.pwadj, .pwadj, .rightcontentframe{width:98% ! important;padding:1%;}

}

@media only screen and (max-width:730px){
.homebox {height:390px;}
.actionlink2 a {width: 67%;background-repeat: no-repeat;padding: 9px 0 0 22%;}
.full .bannertitlefloorinstallation {width: 87%;padding-left: 11%;}
.electricbenefits .bannertitlefloorinstallation {display:none;}
.waterbenefits .rightcontentmain, .electricbenefits .rightcontentmain, 
.productinfodeep h1, .productinfodeep .titleexposed, .productinformation .right, .productinformation .left, 
.simplecon2{width:98%;padding:1%;margin:0 0 15px 0;}
.subnav{display:none;}
.contactrow, .quoterow{max-width:100%;}
.productinfodeep h1, .rightcontent3, .rightcontent3 .productbox, .rightcontent3 .productbox p, .rightcontent3 .productbox h2,.rightcontent3 .productbox,.rightbanner, .fittingcon, .fittingyourself, .fittingyourselfmain 
{width:98%;padding:1%;margin:0;overflow:hidden;}
.productinfodeep h1 {margin:15px 0;}
.rightcontent3 .productbox{margin:0.5% 0;}
.uhinstallpage .rightbanner .p1 {display: none;}
.pwadj, .pwadj,.fittingyourselfmain, .subfloorpage {width:98% ! important;padding:1%;}
.fittingimg{display:none;}
.subfloorpage{margin:0;}
.diy{display:none;clear:left;}
.productinfo, .simplecontainer4, .twocolumn, .left,.tc_rightcontentframe_bg{width:98%;padding:1%;}
.tc_rightcontentframe_bg{height:auto; margin:0;}
.tc_gettinganewfloor,.uhitype2{width:86%;padding:1% 7%;height:auto;}
.rightcontentframe, .uhinstallpage .rightcontentbottom, .curvedcontop, .curvedconbottom, .rightcontentbottom, .rightcontentsub, .flooringinstallation .rightcontent2, .orange-title-2-back,.cright,.rightcontentframe,.uhinstallpage .rightcontentmain{width:98%;padding:1%;}
.uhinstallpage .rightcontentmain,.euhinstallpage .changeback2, .wuhinstallpage .changeback2{height:auto;}
.orangearrow{display:none;}
.orange-title-back a, .orange-title-2-back, .orange-title-3-back a, .orange-title-4-back{font-size:11pt;padding-left:34px;color:black;}
.bannertitlefloorinstallation{font-size:11pt;}
.stepleft2,.steps-box-bottom{background-image:none;}
.woodflooringinstallation .bannertitlefloorinstallation{font-size:10pt;}
.productinfo li span a, .productinfo li.alt span a{background-image:none;}
.productinfo{width:98%;padding:1%;}
}

@media only screen and (max-width:620px){
.homebox {height:421px;background-repeat:no-repeat;width:46%;background-position:right 0;margin-bottom:11px;}
.mainright {position: absolute;top: 454px;right: 23px;}
.actionlink2 a {width:70%;}
.bannertitlefloorinstallation {width: 81%;padding-left: 17%;padding-right: 2%;padding-top:12px;padding-bottom:11px;}
.full .bannertitlefloorinstallation {width: 84%;padding-left: 14%;}
.td1a, .td2a {width:100%;}
.subnav2 {display:none;clear:left;}
.waterbenefits .bannertitlefloorinstallation, .electricbenefits .bannertitlefloorinstallation {display:none;}

.fittingimg{display:none;clear:right;}
.rightcontentframe,.tc_homebox{width:98%;padding:1%;}
.tc_why_carbonheat,.stepleft2{width:98%;padding:1%;}
.mainleft, .mainleftbottom, .mainright, .mainright2,.left-box-bottom-cap,.stepleft,.stepright{width:98%;padding:1%;}
.right .greyslogan img,.workman2{display:none;}
.stepleft2{background-image:none;}
.productinfodeep .titleexposed{font-size: 15pt;}
.ecomax .productlogo, .ecomaxlite .productlogo, .nomarginproduct .productlogo{display:none;}

}

@media only screen and (max-width:570px){
.mainright {position:relative;top:auto;right:auto;padding-left:0;}
.borderwhite {border:none;}
.rightbanner .p1, .flooringinstallation .quotes2 {position:absolute;left:0px;width:10px;top:-9999px;}

.greyslogan {margin-left:80px !important;}
.adjuststeplink5 a,.adjuststeplink3 a,.adjuststeplink4 a{width:98%;padding:1%;}
.fittingyourself{background-image:none;font-size:15pt;width:100%;}

.diy{display:none;}
.full .bannertitlefloorinstallation{font-size:9pt;}
}

@media only screen and (max-width:500px){
.productinfo li span a, .productinfo li.alt span a {background-image:none;}
.subnav, 
.leftbox {width:48%;padding:1%;}
.ticklistsmall li{width:92%;font-size:9pt;}
.tc_homebox{height:auto;}
.stepleft2, .steps-box-bottom,.uhinstallpage .rightcontentframe p{width:98%;padding:1%;}
.domestic .navback li.link1, .productinformation .navback li.link4, .trade_customers .navback li.link2{margin-top:0;padding-bottom:0;}
}

@media only screen and (max-width:430px){
.homebox {width:98%;}
.actionlink2 a {width:135px;padding-left:43px;}
.nomarginright {height:570px;}
.bannertitlefloorinstallation {font-size:11pt;}
.orange-title-4-back {background-image:url(../images/orange-title-6-back.png);margin-bottom:5px;}
.orangearrow {width:29px;top:46px;left:0;}
.orangecap {height:100%;}
.padleft40 {padding-left:20px;}
.full .bannertitlefloorinstallation {width: 81%;padding-left: 17%;}
.full .rightcontentframe {margin-top:0;}
.twocolumn, .also,.subnav, .leftbox {width:98%;padding:1%;height:auto;overflow:hidden;}
.electricproducts .simplecontainer h1, .flooringproducts .simplecontainer h1{padding:0;}


.productinformation .right{width:98%;padding:1%;background-image:none;}
.greyslogan{display:none;}
.simplecontainer h2, .simplecontainer h3, .simplecontainer .newh1, .simplecontainer h4{font-size:15pt;}
.simplecontainer h3.adjusth3{font-size:14pt;}
.twocolumn{width:98%;padding:1%;}
.orangecap,.orangearrow{display:none;}

.uhitype2 h2 a, .uhitype, .uhitype2{font-size:10pt;}


}

@media only screen and (max-width:370px){
.full .bannertitlefloorinstallation {width: 78%;padding-left: 20%;}
.full .rightcontentframe {margin-top:0;}
.subnav{clear:left;}
.adjuststeplink5 a,.adjuststeplink3 a,.adjuststeplink4 a{display:none;}
.fittingcon h2.fittingyourself{font-size:15px;}
.domestic .navback li.link1 a,.navback li.link1, .navback li.link2, .navback li.link3, .navback li.link4, .navback li.link5{padding:15px;font-size:11px;}

.navback{width:98%;padding:1%;height:auto;}
.navback li.link1 a, .navback li.link4 a{font-size:11px;color:#fff;}
.productinformation .navback li.link4{margin-top:0;}

.euhinstallpage .rightcontentframe{height:auto;}
.fittingimg {display:none;}
.subnav, .leftbox{width:97%;padding:1%;}
.navback{display:none;}
}

@media only screen and (max-width:350px){
.homebox {width:96%;padding:1px 1% 0 1%;}
.getintouch {width:97% ! important;margin-left:1%;}
.nomarginright {height:460px;}
.mainright {width:100%;}
.uhitype, .uhitype2, .uhitypebottom {width:100%;}
.marginr15 {margin-right:0 ! important;}
.right, .left, .subnav, .leftbox{width:98%;padding:1%;}
.tc_homebox{height:auto;width:98%;padding:1%;background-image:none;}
.tc_why_carbonheat{width:98%;padding:1%;height:auto;}

.subnav,.leftbox{width:98%;padding:1%;}

}

.contactrow span {color:red;font-weight:bold;display:block;}
.contactrow input {padding:5px 10px;font-size:12pt;}


.shopbanner {float:left;max-width:100%;padding:10px;}
.shopbanner span.mobileonly img, .shopbanner span.mobileonly p {display:none;}
.shopbanner img {max-width:100%;border-top:5px solid #f59e15;border-bottom:5px solid #f59e15;}

@media only screen and (max-width:700px){
.shopbanner span.mobileonly img, .shopbanner span.mobileonly p {display:block;}
.shopbanner span.mobileonly img {margin-top:10px;}
.shopbanner span.mobileonly p {background:#4d331c;padding:10px;color:white;text-align:center;}
.shopbanner span.desktoponly img {display:none;}
}
/* ============================================================
   MODERN LAYER  —  2026 refresh (additive, presentation only)
   Preserves the legacy float / fixed-width layout skeleton.
   Modernises: type rendering, links, focus/a11y, forms,
   the Flooring dropdown, selection, smooth scroll.
   ============================================================ */
:root{
  --ch-orange:#ff9900; --ch-orange-dark:#c77600; --ch-orange-light:#f3c075;
  --ch-grey:#6d6e71; --ch-line:#e3e3e3; --ch-radius:8px;
  --ch-shadow:0 8px 24px rgba(0,0,0,.14);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
::selection{background:var(--ch-orange);color:#fff;}

/* links: smooth colour + keyboard-accessible focus rings */
a{transition:color .15s ease;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--ch-orange); outline-offset:2px; border-radius:3px;
}

/* readable body copy on the content + rebuilt pages (auto-height areas only) */
.simplecontainer3 p, .qsc-intro, .ck-intro, .mainarea .right p{line-height:1.55;}

/* modern form controls (scoped to real inputs; legacy widths untouched) */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],textarea,select{
  font-family:inherit; font-size:1rem; padding:10px 12px; border:1px solid #cfcfcf;
  border-radius:6px; background:#fff; color:#222; box-sizing:border-box; max-width:100%;
}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,textarea:focus,select:focus{
  outline:none; border-color:var(--ch-orange); box-shadow:0 0 0 3px rgba(255,153,0,.20);
}
button,input[type=submit]{
  cursor:pointer; font-family:inherit; font-weight:600; color:#fff;
  background:var(--ch-orange); border:0; border-radius:6px; padding:11px 22px;
  transition:background .15s ease, transform .05s ease;
}
button:hover,input[type=submit]:hover{background:var(--ch-orange-dark);}
button:active,input[type=submit]:active{transform:translateY(1px);}

/* modern Flooring dropdown — now holds 12 items with long labels */
.subnav2 li ul{
  width:auto; min-width:220px; top:38px; padding:6px 0;
  background:#fff; border:1px solid var(--ch-line); border-radius:var(--ch-radius);
  box-shadow:var(--ch-shadow); z-index:50;
}
.subnav2 li ul li{width:auto; float:none; clear:both;}
.subnav2 li ul li a{
  white-space:nowrap; width:auto; float:none; display:block;
  margin:0; padding:9px 18px; color:#444; transition:background .12s ease,color .12s ease;
}
.subnav2 li ul li a:hover{background:#fff6e8; color:#000;}

/* ===== MODERN LAYER 2 — nav tabs, dropdown alignment, buttons, hero ===== */
/* main navigation as tabs (same orange theme) */
.navback{height:auto !important;background:none !important;border-bottom:2px solid var(--ch-orange);padding:6px 0 0;margin:15px 0 0;}
.navback ul{float:left;}
.navback li{background:none !important;float:left;margin:0 4px 0 0 !important;padding:0 !important;}
.navback li a,.navback .active1,.navback .active2,.navback .active3,.navback .active4{
  background:#efedea !important;background-image:none !important;background-position:0 0 !important;
  color:#555 !important;height:auto !important;line-height:1.2 !important;
  padding:11px 20px !important;margin:0 !important;border:1px solid var(--ch-line);border-bottom:none;
  border-radius:8px 8px 0 0;font-size:12pt;font-weight:600;float:left;
  transition:background .15s ease,color .15s ease;}
.navback li a:hover{background:#fff6e8 !important;color:#000 !important;padding-bottom:11px !important;}
.navback li:hover{margin-top:0 !important;background-position:0 0 !important;}
.domestic .navback li.link1 a,.productinformation .navback li.link4 a,.trade_customers .navback li.link2 a{
  background:var(--ch-orange) !important;color:#fff !important;padding-bottom:11px !important;}
/* dropdowns align directly under their parent link */
.subnav2 li{position:relative;}
.subnav2 li ul{top:100% !important;left:-999em;margin-top:0;}
.subnav2 li:hover ul{left:0 !important;}
/* CTA buttons -> clean modern buttons (drop old sprite graphics) */
.actionlink a,.actionlink2 a,.actionlink3 a,.actionlink4 a{
  background-image:none !important;background-color:var(--ch-orange);background-position:0 0 !important;
  color:#fff !important;border-radius:6px;font-weight:700;text-align:center;text-decoration:none;
  width:auto !important;height:auto !important;line-height:1.2 !important;
  padding:11px 20px !important;display:inline-block;float:none;box-sizing:border-box;
  transition:background .15s ease;}
.actionlink a:hover,.actionlink2 a:hover,.actionlink3 a:hover,.actionlink4 a:hover{
  background-color:var(--ch-orange-dark) !important;background-position:0 0 !important;}
.actionlink a span,.actionlink2 a span,.actionlink3 a span,.actionlink4 a span{text-align:center;}
/* homepage static hero (replaces old slideshow) */
.homehero{position:relative;float:left;width:100%;margin:0 0 15px;border-radius:8px;overflow:hidden;}
.homehero img{display:block;width:100%;height:auto;max-width:100%;float:none;margin:0;}
.homehero-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;color:#fff;
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.72));}
.homehero-caption h2{margin:0 0 6px;color:#fff;font-size:20pt;}
.homehero-caption p{float:none;margin:0 0 12px;color:#fff;max-width:520px;font-size:12pt;}
@media(max-width:600px){.homehero-caption{position:relative;background:#333;}.homehero-caption h2{font-size:16pt;}}

/* ===== MODERN LAYER 3 — left sub-nav + left containers (modern + mobile-friendly) ===== */
/* left sub-navigation -> clean card (drops toppart/bottomcap images) */
.subnav ul{background:#fff !important;background-image:none !important;border:1px solid var(--ch-line);
  border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:8px !important;box-sizing:border-box;width:100% !important;}
.subnav ul li{float:none;clear:both;width:100% !important;margin:0 !important;}
.subnav ul li a{display:block;float:none;width:auto !important;box-sizing:border-box;color:#444 !important;
  background-image:none !important;background-color:transparent !important;padding:10px 14px !important;
  border-radius:7px;font-size:12pt;transition:background .12s ease,color .12s ease;}
.subnav ul li a:hover{background-color:#fff6e8 !important;color:#000 !important;}
.subnavbottom{display:none !important;}
.arrows{display:none !important;}
.subnav ul li .maintitle a,
.waterbenefits .subnav ul li.sublink2 a,.electricbenefits .subnav ul li.sublink2 a,
.euhinstallpage .subnav ul li.sublink1 a,.wuhinstallpage .subnav ul li.sublink1 a,
.wuhinfopage .subnav ul li.sublink3 a,.euhinfo .subnav ul li.sublink3 a,
.woodflooringinstallation .subnav ul li.sublink1 a,.tileflooringinstallation .subnav ul li.sublink2 a,
.corkflooringinstallation .subnav ul li.sublink3 a,
.thirdlink .sublink3 a,.fourthlink .sublink4 a,.sixthlink .sublink6 a,.seventhlink .sublink7 a{
  background:var(--ch-orange) !important;background-image:none !important;color:#fff !important;border-radius:7px;}
/* left promo boxes -> clean cards (drops the corner "page peel" bottom-cap) */
.leftboxcenter{background:#fff !important;background-image:none !important;border:1px solid var(--ch-line);
  border-top:3px solid var(--ch-orange);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);
  padding:16px !important;box-sizing:border-box;width:100% !important;float:none;}
.leftboxbottom{display:none !important;}
.leftbox h2,.fittingafloor h2,.productinformation .leftboxcenter h2{background:none !important;background-image:none !important;
  color:#222 !important;width:auto !important;margin:0 0 10px !important;padding:0 !important;font-size:14pt;}
.fittingafloor p,.leftbox p,.productinformation .leftbox p{color:#444 !important;width:auto !important;}
.leftbox img,.leftbox .imageshadow{max-width:100%;height:auto;border-radius:6px;}
/* "You may also like" -> clean card */
.also{background:#faf9f7;border:1px solid var(--ch-line);border-radius:10px;padding:16px !important;box-sizing:border-box;}
.also h2{margin:0 0 10px;font-size:13pt;color:#333;}
.also ul{float:none;width:100%;}
.also li{float:none;clear:both;margin-bottom:9px;width:100%;}
.also a{color:var(--ch-orange-dark) !important;font-size:11pt;}
.also a:hover{color:#000 !important;}
/* MOBILE: keep the left sub-nav visible (was display:none below 730px) */
@media only screen and (max-width:730px){
  .subnav{display:block !important;width:98% !important;padding:1% !important;float:left;clear:left;}
  .subnav ul{width:100% !important;}
  .left{width:98% !important;}
}

/* ===== MODERN LAYER 4 — containment, image shadows, subnav flatten, Brands flyout, grids, mobile ===== */
/* contain floated content inside left/content cards (fixes cards not wrapping their text) */
.leftboxcenter,.also,.subnav ul,.whycarbonheat,.mainright2,.homeboxtext{overflow:hidden;}
/* remove archaic image drop shadow */
.imageshadow{box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;}
.leftbox img,.leftboxcenter img{box-shadow:none !important;}
/* left sub-nav: ONE clean card, flatten nested lists, keep section titles readable */
.subnav ul ul{background:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:2px 0 2px 12px !important;width:auto !important;}
.subnav ul ul li{width:auto !important;margin:0 !important;}
.subnav ul li a{white-space:normal !important;}
.subnav .maintitle a,.subnav ul li.parent>a{font-weight:700;color:#222 !important;}
/* flooring dropdown: kill stray gaps + Brands second-level flyout */
.subnav2 li.link1c ul li{padding-bottom:0 !important;margin:0 !important;}
.subnav2 li ul li.hasbrands>ul{position:absolute;top:0;left:-999em !important;min-width:210px;margin:0;}
.subnav2 li ul li.hasbrands:hover>ul{left:100% !important;}
.subnav2 li.hasbrands>a::after{content:" \00BB";color:var(--ch-orange);font-weight:700;}
/* grids were collapsing to one column (float:left base) -> force full width */
.fp-grid,.qsc-wrap,.ck-row,.fp-brands{float:none !important;width:100% !important;clear:both;box-sizing:border-box;}
/* brand logos row on the flooring hub */
.fp-brands{list-style:none;display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 26px;padding:0;}
.fp-brands li{float:none !important;margin:0;}
.fp-brands a{display:flex;align-items:center;justify-content:center;width:150px;height:78px;padding:10px 16px;
  border:1px solid var(--ch-line);border-radius:10px;background:#fff;float:none;transition:box-shadow .15s,transform .15s;}
.fp-brands a:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px);}
.fp-brands img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;float:none;margin:0;}
/* MOBILE: stack containers full-width so they aren't squashed side-by-side */
@media only screen and (max-width:730px){
  .left,.right,.subnav,.leftbox,.also,.twocolumn{float:none !important;width:auto !important;max-width:100% !important;margin-left:0 !important;}
  .fp-brands a{width:42%;}
  .subnav2 li ul li.hasbrands>ul{position:static;left:auto !important;min-width:0;box-shadow:none;border:none;padding-left:14px;}
}

/* ===== MODERN LAYER 5 — banner H1 titles, buttons, "also" spacing ===== */
/* "You may also like" links: real spacing */
.also ul{margin:0;}
.also li{margin-bottom:12px !important;float:none;clear:both;}
.also li a{display:block;float:none;line-height:1.45;padding:3px 0;}
/* banner H1 titles -> clean caption bar pinned to the BOTTOM of the photo (kills hardcoded top + image graphic) */
.rightbanner{position:relative;}
.rightbanner img{display:block;max-width:100%;height:auto;border-radius:8px;}
.bannertitlefloorinstallation,[class*="bannertitle"]{
  position:absolute !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;
  width:100% !important;height:auto !important;min-height:0 !important;float:none !important;
  background:rgba(18,18,18,.62) !important;background-image:none !important;
  color:#fff !important;text-align:left !important;font-weight:700;
  padding:13px 22px !important;margin:0 !important;font-size:17pt !important;line-height:1.25 !important;
  box-sizing:border-box;z-index:3;border-radius:0 0 8px 8px;}
@media only screen and (max-width:600px){
  .bannertitlefloorinstallation,[class*="bannertitle"]{font-size:13pt !important;padding:10px 16px !important;}
}
/* big CTA button (was "Buy Online Now" sprite image) -> clean modern button */
.buybutton{text-align:center;margin:0 0 20px;overflow:hidden;}
.bigorangebutton a{
  background:var(--ch-orange) !important;background-image:none !important;background-position:0 0 !important;
  color:#fff !important;border-radius:8px;font-size:14pt;font-weight:700;text-align:center !important;
  width:auto !important;height:auto !important;padding:14px 28px !important;display:inline-block;text-decoration:none;
  transition:background .15s ease;}
.bigorangebutton a:hover{background:var(--ch-orange-dark) !important;background-position:0 0 !important;color:#fff !important;}

/* ===== MODERN LAYER 6 — subnav labels, banner polish, orange-title buttons, carousel->grid ===== */
/* left sub-nav: give section labels room (fixes squashed "Electric Floor Heating") */
.subnav .maintitle{display:block;margin:0 0 2px;}
.subnav .maintitle a{display:block;font-weight:700;color:#222 !important;font-size:12.5pt;padding:11px 14px !important;background:#f4f2ef;border-radius:7px;}
.subnav .parent2{display:block !important;float:none !important;font-weight:700;color:#333 !important;font-size:11.5pt;padding:12px 14px 5px !important;}
.subnav .subparent{display:block;}
.subnav .subparent>a{display:block;font-weight:700;color:#333 !important;padding:10px 14px !important;}
.subnav ul ul li a{padding:8px 14px 8px 24px !important;}
.subnav .arrows{display:none !important;}
/* banner H1 -> nicer gradient caption (was flat/ugly) */
.bannertitlefloorinstallation,[class*="bannertitle"]{
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)) !important;
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)) !important;
  padding:40px 26px 16px !important;font-size:19pt !important;
  text-shadow:0 1px 3px rgba(0,0,0,.55);letter-spacing:.2px;}
/* "Get your free estimate now" & similar orange-title links -> clean buttons */
.orange-title-back a,.orange-title-3-back a{
  background-image:none !important;background:var(--ch-orange) !important;
  color:#fff !important;border-radius:8px !important;font-weight:700 !important;
  width:auto !important;height:auto !important;float:none !important;display:inline-block !important;
  padding:12px 26px !important;margin:8px 0 14px !important;text-decoration:none !important;text-align:center !important;
  font-size:13pt !important;line-height:1.2 !important;box-sizing:border-box;transition:background .15s ease;}
.orange-title-back a:hover,.orange-title-3-back a:hover{background:var(--ch-orange-dark) !important;color:#fff !important;}
.orangecap{display:none !important;}
/* carousels -> clean responsive grid flowing DOWN the page (no scrollbar/arrows/bobbing) */
.qsc-track{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;
  gap:16px !important;overflow:visible !important;scroll-snap-type:none !important;padding:0 !important;}
.qsc-track figure{flex:none !important;width:auto !important;}
.qsc-btn{display:none !important;}
.qsc-wrap{overflow:visible !important;}

/* ===== MODERN LAYER 7 — subnav width, left boxes, main-body modernise, topnav ===== */
/* subnav: drop nested left padding, keep section titles on one line */
.subnav ul ul{padding-left:0 !important;}
.subnav ul ul li a{padding-left:14px !important;}
.subnav .parent2,.subnav .subparent,.subnav .subparent>a,.subnav .maintitle a{white-space:nowrap !important;}
/* "What we offer" box: title like the h2 boxes + bigger, spaced bullets */
.leftbox.plaintext .leftboxcenter>p{font-size:13pt !important;font-weight:700 !important;color:#222 !important;margin:0 0 12px !important;line-height:1.3;}
.leftbox.plaintext .leftboxcenter ul{margin:0 !important;padding:0 0 0 18px !important;float:none;list-style:disc;}
.leftbox.plaintext .leftboxcenter ul li{font-size:11pt !important;font-weight:normal !important;line-height:1.5 !important;margin:0 0 8px !important;color:#333 !important;float:none !important;display:list-item !important;list-style:disc !important;width:auto !important;}
.leftbox .leftboxcenter h2{font-size:13pt !important;margin:0 0 12px !important;}
.leftbox .leftboxcenter p.nobold{font-size:11pt !important;font-weight:normal !important;line-height:1.5 !important;color:#333 !important;}
/* MAIN BODY: strip archaic framed/fixed-height/absolute containers -> clean flowing card */
.rightcontentframe,.uhinstallpage .rightcontentframe,.euhinstallpage .rightcontentframe,.wuhinstallpage .rightcontentframe,.wuhinfopage .rightcontentframe,.euhinfo .rightcontentframe{
  background:#fff !important;background-image:none !important;width:auto !important;height:auto !important;min-height:0 !important;
  position:static !important;float:none !important;margin:22px 0 0 !important;padding:22px 26px !important;
  border:1px solid var(--ch-line) !important;border-radius:10px !important;box-shadow:0 2px 10px rgba(0,0,0,.05);box-sizing:border-box;overflow:hidden;}
.rightcontentmain,.rightcontent1,.uhinstallpage .rightcontentmain,.uhinstallpage .rightcontent1,.euhinstallpage .rightcontentmain,.wuhinstallpage .rightcontentmain,.wuhinfopage .rightcontentmain,.euhinfo .rightcontentmain{
  background:none !important;background-image:none !important;width:auto !important;height:auto !important;min-height:0 !important;position:static !important;float:none !important;margin:0 !important;padding:0 !important;}
.rightcontentbottom,.rightcontent1bottom,.rightcontent2bottom{display:none !important;}
.rightcontentframe p,.rightcontent1 p{float:none !important;width:auto !important;line-height:1.65 !important;margin:0 0 16px !important;font-size:11.5pt;color:#222;}
.rightcontentframe h2,.rightcontent1 h2,.sheader{float:none !important;width:auto !important;clear:both;margin:8px 0 12px !important;font-size:15pt !important;color:#222 !important;font-weight:700;background:none !important;}
.rightcontentframe ul,.rightcontent1 ul{float:none !important;width:auto !important;margin:0 0 18px !important;padding-left:0;list-style:none;}
.rightcontentframe li,.rightcontent1 li{float:none !important;width:auto !important;margin:0 0 8px !important;line-height:1.55;}
.rightcontentframe ul.discs,.rightcontent1 ul.discs{padding-left:20px !important;list-style:disc !important;}
.rightcontentframe ul.discs li,.rightcontent1 ul.discs li{display:list-item !important;list-style:disc !important;}
/* topnav links (About Us / Get a Quote / Contact Us / Delivery) -> clean */
.topnav li a{background-image:none !important;background:none !important;width:auto !important;height:auto !important;
  color:#444 !important;padding:6px 12px !important;font-weight:600;border-radius:6px;transition:background .12s ease,color .12s ease;}
.topnav li a:hover{background:#fff6e8 !important;color:var(--ch-orange-dark) !important;}

/* ===== MODERN LAYER 8 — topnav buttons, Brands flyout position ===== */
/* topnav: proper buttons on the photo header (cream default -> orange hover) */
.topnav{margin-top:12px;}
.topnav li{margin:0 3px !important;}
.topnav li a{background:#fff6e8 !important;background-image:none !important;color:var(--ch-orange-dark) !important;
  width:auto !important;height:auto !important;padding:8px 15px !important;border-radius:20px;font-weight:600;
  box-shadow:0 1px 5px rgba(0,0,0,.22);transition:background .13s ease,color .13s ease;}
.topnav li a:hover{background:var(--ch-orange) !important;color:#fff !important;}
/* Brands flyout was dropping to top:100% (too low/unreachable) -> pin to the item (desktop only) */
@media only screen and (min-width:731px){
  .subnav2 li ul{overflow:visible !important;}
  .subnav2 li ul li.hasbrands>ul{top:0 !important;left:-999em !important;}
  .subnav2 li ul li.hasbrands:hover>ul{left:100% !important;top:0 !important;}
}

/* ===== MODERN LAYER 9 — flatten legacy content layouts, card grids, headings, buttons ===== */
/* NUKE fragile positioned/framed/fixed-size content wrappers -> clean flow (fixes overlap & mess) */
.rightcontent1,.rightcontent2,.rightcontent3,.rightcontentsub,.rightcontentmain,
.flooringinstallation .rightcontent1,.flooringinstallation .rightcontent2,.flooringinstallation .rightcontentmain,.flooringinstallation .rightcontentframe,
.uhinstallpage .rightcontent1,.euhinstallpage .rightcontent1,
.stepleft,.stepleft2,.stepright,.fittingcon,.fittingyourselfmain,.curvedcon,.curvedcon2,.curvedcontop{
  position:static !important;float:none !important;width:auto !important;height:auto !important;min-height:0 !important;
  background:none !important;background-image:none !important;margin:0 0 4px !important;padding:0 !important;}
.rightcontentbottom,.rightcontent1bottom,.rightcontent2bottom,.steps-box-bottom,.left-box-bottom-cap,.curvedconbottom,.orangecap,.orangearrow,.diy,.workman{display:none !important;}
.rightcontent1 p,.rightcontent2 p,.rightcontentsub p,.stepleft p,.stepleft2 p,.stepright p,.fittingyourselfmain p,.pwadj{
  float:none !important;width:auto !important;line-height:1.65 !important;margin:0 0 14px !important;font-size:11.5pt;color:#222;}
.rightcontent1 h2,.rightcontent2 h2,.stepleft2 h3,.stepright h3,.fittingyourselfmain h3,.rightcontentsub>h2,.step1title1,.step1title2{
  float:none !important;width:auto !important;clear:both;margin:14px 0 10px !important;color:#222 !important;font-weight:700;background:none !important;background-image:none !important;}
.rightcontent1 h2,.rightcontent2 h2,.rightcontentsub>h2{font-size:15pt !important;}
.step1title1{font-size:16pt !important;color:var(--ch-orange-dark) !important;}
.step1title2{font-size:14pt !important;}
.fittingyourself{float:none !important;width:auto !important;background:none !important;background-image:none !important;color:#222 !important;font-size:17pt !important;margin:18px 0 12px !important;padding:0 !important;}
/* step headings (orange-title-4-back on h3) + flooring-install bars (orange-title-2-back) -> clean orange bars */
.orange-title-4-back,.orange-title-2-back{background:var(--ch-orange) !important;background-image:none !important;color:#fff !important;
  width:auto !important;height:auto !important;float:none !important;display:block !important;position:static !important;
  padding:11px 18px !important;margin:16px 0 12px !important;border-radius:8px !important;font-weight:700 !important;font-size:13pt !important;}
/* "Get A FREE Estimate" / fullspan -> clean button */
.enlarge a,.fullspan a{display:inline-block;background:var(--ch-orange) !important;color:#fff !important;border-radius:8px;padding:12px 24px !important;font-weight:700;text-decoration:none;margin:8px 0 14px;}
.enlarge a:hover,.fullspan a:hover{background:var(--ch-orange-dark) !important;}
.enlarge,.fullspan{width:auto !important;float:none !important;}
/* wonky photo -> clean float-right image */
.fittingimg{float:right !important;max-width:42% !important;height:auto !important;position:static !important;margin:0 0 14px 20px !important;border-radius:8px !important;display:block;}
/* TYPE / PRODUCT boxes -> clean card grid */
.rightcontent3{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:18px !important;width:auto !important;float:none !important;}
.productbox{border:1px solid var(--ch-line) !important;border-radius:10px !important;overflow:hidden !important;background:#fff !important;float:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;box-shadow:0 2px 10px rgba(0,0,0,.05);position:static !important;}
.productbox img{display:block !important;width:100% !important;height:170px !important;object-fit:cover !important;float:none !important;margin:0 !important;}
.productbox h2{font-size:14pt !important;margin:0 !important;padding:12px 14px 4px !important;color:#222 !important;float:none !important;background:none !important;}
.productbox p{padding:0 14px 10px !important;margin:0 !important;float:none !important;width:auto !important;}
.productbox .productlinked{padding:0 14px 14px !important;}
.productbox .productlinked a{color:var(--ch-orange-dark) !important;font-weight:700;}
/* flooring-install "types of floor" list -> clean card grid */
.rightcontentsub{width:auto !important;float:none !important;}
.rightcontentsub>ul{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;gap:18px !important;list-style:none !important;padding:0 !important;margin:0 !important;float:none !important;}
.rightcontentsub>ul>li{border:1px solid var(--ch-line) !important;border-radius:10px !important;overflow:hidden !important;background:#fff !important;float:none !important;width:auto !important;margin:0 !important;padding:0 !important;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.rightcontentsub>ul>li img{display:block !important;width:100% !important;height:150px !important;object-fit:cover !important;float:none !important;margin:0 !important;}
.rightcontentsub>ul>li h3{padding:10px 12px 2px !important;margin:0 !important;font-size:12pt !important;background:none !important;}
.rightcontentsub>ul>li p{padding:0 12px 8px !important;margin:0 !important;float:none !important;width:auto !important;}
.rightcontentsub>ul>li .seeourrange{padding:0 12px 12px !important;}

/* ===== MODERN LAYER 10 — installing-yourself section, step titles+icons, buttons ===== */
/* heading was position:absolute (jumped behind banner once parent went static) */
.fittingyourself{position:static !important;background:none !important;background-image:none !important;
  height:auto !important;width:auto !important;color:#222 !important;font-size:18pt !important;font-weight:700 !important;
  margin:20px 0 12px !important;padding:0 !important;float:none !important;}
/* the "installation techniques" box lost its padding -> proper padded card */
.fittingyourselfmain{background:#faf7f1 !important;border:1px solid var(--ch-line) !important;border-radius:10px !important;
  padding:22px 26px !important;margin:8px 0 0 !important;width:auto !important;box-sizing:border-box !important;overflow:hidden !important;}
.pwadj,.pwadj2{width:auto !important;}
.fittingyourselfmain h3{margin:16px 0 8px !important;color:#222 !important;font-size:13.5pt !important;}
/* step section titles -> clean (no image graphics) */
.step1title1{font-size:17pt !important;font-weight:700 !important;color:var(--ch-orange-dark) !important;margin:6px 0 2px !important;padding:0 !important;background:none !important;background-image:none !important;height:auto !important;width:auto !important;float:none !important;}
.step1title2{font-size:13pt !important;font-weight:600 !important;color:#333 !important;margin:0 0 16px !important;padding:0 !important;background:none !important;background-image:none !important;height:auto !important;width:auto !important;float:none !important;}
.step1title2 .white{color:#333 !important;}
/* step headers: add a wrench icon */
.orange-title-4-back::before{content:"\1F527";margin-right:10px;}
/* BUTTONS: kill the hardcoded 392/418/516px widths, refine size + hover */
.orange-title-back,.orange-title-3-back,.fullspan,.enlarge,.adjustlink2,
.adjuststeplink,.adjuststeplink2,.adjuststeplink3,.adjuststeplink4,.adjuststeplink5,.adjuststeplink6,.adjuststeplink7,.adjuststeplink8{
  width:auto !important;float:none !important;display:block !important;margin:0 0 10px !important;position:static !important;}
.orange-title-back a,.orange-title-3-back a,.fullspan a,.enlarge a{
  width:auto !important;height:auto !important;display:inline-block !important;padding:11px 22px !important;font-size:12pt !important;
  box-shadow:0 2px 6px rgba(0,0,0,.14);background-image:none !important;background:var(--ch-orange) !important;color:#fff !important;
  border-radius:8px !important;font-weight:700 !important;text-decoration:none !important;transition:background .15s ease;}
.orange-title-back a:hover,.orange-title-3-back a:hover,.fullspan a:hover,.enlarge a:hover{background:var(--ch-orange-dark) !important;color:#fff !important;}

/* ===== MODERN LAYER 11 — left-nav active highlight = cream (not orange), maintitle neutral ===== */
.subnav ul li a.active-here,
.waterbenefits .subnav ul li.sublink2 a,.electricbenefits .subnav ul li.sublink2 a,
.euhinstallpage .subnav ul li.sublink1 a,.wuhinstallpage .subnav ul li.sublink1 a,
.wuhinfopage .subnav ul li.sublink3 a,.euhinfo .subnav ul li.sublink3 a,
.woodflooringinstallation .subnav ul li.sublink1 a,.tileflooringinstallation .subnav ul li.sublink2 a,
.corkflooringinstallation .subnav ul li.sublink3 a,
.thirdlink .sublink3 a,.fourthlink .sublink4 a,.sixthlink .sublink6 a,.seventhlink .sublink7 a{
  background:#fff6e8 !important;background-image:none !important;color:var(--ch-orange-dark) !important;font-weight:700 !important;border-radius:7px;}
/* maintitle is a neutral header, not the always-on orange */
.subnav ul li .maintitle a{background:#f4f2ef !important;background-image:none !important;color:#222 !important;}

/* ===== MODERN LAYER 12 — active nav = BACKGROUND ONLY; kill stray top-margins/min-heights ===== */
.subnav ul li a.active-here,
.waterbenefits .subnav ul li.sublink2 a,.electricbenefits .subnav ul li.sublink2 a,
.euhinstallpage .subnav ul li.sublink1 a,.wuhinstallpage .subnav ul li.sublink1 a,
.wuhinfopage .subnav ul li.sublink3 a,.euhinfo .subnav ul li.sublink3 a,
.woodflooringinstallation .subnav ul li.sublink1 a,.tileflooringinstallation .subnav ul li.sublink2 a,
.corkflooringinstallation .subnav ul li.sublink3 a,
.thirdlink .sublink3 a,.fourthlink .sublink4 a,.sixthlink .sublink6 a,.seventhlink .sublink7 a{
  background:#fff6e8 !important;background-image:none !important;color:#000 !important;font-weight:normal !important;border-radius:7px;}
/* neutralise hardcoded top-margins / min-heights that leave text floating in mid-air */
[class*="margint"],[class*="minheight"]{margin-top:0 !important;min-height:0 !important;}

/* ===== MODERN LAYER 13 — un-bold "other section" link, float-title boxes -> flow ===== */
.subnav .subparent>a{font-weight:normal !important;}
.floattitlebox,.floattitlebox2{position:static !important;left:auto !important;top:auto !important;
  width:auto !important;height:auto !important;background:none !important;background-color:transparent !important;
  border:none !important;margin:0 !important;padding:0 !important;}

/* ===== MODERN LAYER 14 — accordion left-nav (Electric / Water sections) ===== */
.subnav .accnav{list-style:none;padding:0;margin:0;float:none;width:100%;}
.subnav .accnav>li{float:none;width:100%;margin:0 0 3px;list-style:none;}
.subnav .acc-head .maintitle a{display:block;background:#f4f2ef !important;color:#222 !important;font-weight:700;font-size:12pt;padding:11px 14px !important;border-radius:7px;text-decoration:none;margin-bottom:5px;}
.subnav .acc-toggle{display:block;width:100%;box-sizing:border-box;text-align:left;background:#f4f2ef !important;border:1px solid var(--ch-line);border-radius:7px;padding:11px 38px 11px 14px !important;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:12pt;color:#222 !important;cursor:pointer;position:relative;margin:0 0 3px;box-shadow:none;transition:background .13s ease;}
.subnav .acc-toggle::after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:17pt;font-weight:400;line-height:1;color:var(--ch-orange);}
.subnav .acc-section.open>.acc-toggle::after{content:"\2212";}
.subnav .acc-toggle:hover{background:#fff6e8 !important;}
.subnav .acc-panel{list-style:none;padding:0 !important;margin:0;overflow:hidden;max-height:0;transition:max-height .25s ease;background:none !important;border:none !important;box-shadow:none !important;width:auto !important;}
.subnav .acc-section.open>.acc-panel{max-height:340px;margin:2px 0 7px;}
.subnav .acc-panel li{float:none;width:100%;margin:0;list-style:none;}
.subnav .acc-panel li a{display:block;padding:9px 14px 9px 24px !important;color:#444 !important;text-decoration:none;border-radius:6px;font-weight:normal !important;background:none !important;white-space:normal;}
.subnav .acc-panel li a:hover{background:#fff6e8 !important;color:#000 !important;}
.subnav .acc-panel li a.active-here{background:#fff6e8 !important;color:#000 !important;}

/* ===== MODERN LAYER 15 — kill the orange fade behind the UH Installation maintitle SPAN ===== */
.subnav .maintitle,.acc-head .maintitle,.uhinstallpage .maintitle,.subnav ul li .maintitle{
  background:none !important;background-image:none !important;background-color:transparent !important;
  padding:0 !important;color:inherit !important;}

/* ===== MODERN LAYER 16 — accordion v2: clickable section link + separate + toggle, slower ===== */
.subnav .acc-head-row{display:flex;align-items:stretch;gap:4px;margin:0 0 3px;}
.subnav .acc-link{flex:1 1 auto;display:block;background:#f4f2ef !important;border-radius:7px;padding:11px 14px;font-weight:700;font-size:12pt;color:#222 !important;text-decoration:none;transition:background .13s ease;white-space:normal;}
.subnav .acc-link:hover{background:#fff6e8 !important;color:#000 !important;}
.subnav .acc-toggle{flex:0 0 42px;width:42px !important;background:#f4f2ef !important;border:none !important;border-radius:7px;cursor:pointer;position:relative;padding:0 !important;margin:0 !important;box-shadow:none !important;}
.subnav .acc-toggle::after{content:"+";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:18pt;font-weight:400;color:var(--ch-orange);line-height:1;}
.subnav .acc-section.open .acc-toggle::after{content:"\2212";}
.subnav .acc-toggle:hover{background:#fff6e8 !important;}
.subnav .acc-panel{transition:max-height .4s ease !important;}
.subnav .acc-section.open>.acc-panel{max-height:260px !important;}

/* ===== MODERN LAYER 17 — no open-animation on page load (only on user toggle) ===== */
.subnav .acc-panel{transition:none !important;}
.accnav.acc-ready .acc-panel{transition:max-height .4s ease !important;}

/* ===== MODERN LAYER 18 — benefits banner image (landscape carbon-film-heating.jpg) ===== */
.electricbenefits .rightbanner img.borderwhite{width:100% !important;height:auto !important;max-width:100% !important;max-height:none !important;border-radius:8px;}


/* ===== MODERN LAYER 19 — accordion header: single grey pill on one line, small + (no fat button) ===== */
.subnav .acc-head-row{display:flex;align-items:center;background:#f4f2ef;border-radius:7px;margin:0 0 3px;overflow:hidden;}
.subnav .acc-head-row:hover{background:#fff6e8;}
.subnav .acc-link{flex:1 1 auto;background:none !important;padding:11px 4px 11px 14px !important;font-weight:700;font-size:12pt;color:#222 !important;text-decoration:none;white-space:nowrap;border-radius:0 !important;}
.subnav .acc-link:hover{background:none !important;color:#000 !important;}
.subnav .acc-toggle{flex:0 0 auto;width:auto !important;min-width:0 !important;background:none !important;border:none !important;box-shadow:none !important;padding:0 13px 0 4px !important;margin:0 !important;cursor:pointer;position:static !important;color:var(--ch-orange) !important;font-size:17pt;line-height:1;}
.subnav .acc-toggle::after{content:"+";position:static !important;left:auto !important;right:auto !important;top:auto !important;transform:none !important;color:var(--ch-orange) !important;font-size:17pt;font-weight:400;}
.subnav .acc-section.open .acc-toggle::after{content:"\2212";}
.subnav .acc-toggle:hover{background:none !important;}

/* ===== MODERN LAYER 20 — installing-yourself: heading inside card, text wraps the float image ===== */
.fittingyourselfmain h3,.fittingyourselfmain .fullspan,.fittingyourselfmain .fittingyourself{clear:none !important;}
.fittingyourselfmain .fittingyourself{margin:0 0 12px !important;}

/* ===== MODERN LAYER 21 — homepage box images fit; CTA buttons equal-width + spaced ===== */
.homebox img{max-width:100% !important;height:auto !important;display:block;}
.homeboxtext .actionlink2{display:block !important;width:100% !important;float:none !important;margin:0 0 8px !important;}
.homeboxtext .actionlink2 a{display:block !important;width:100% !important;box-sizing:border-box;text-align:center !important;padding:11px 12px !important;margin:0 !important;}

/* ===== MODERN LAYER 22 — homepage boxes: stop CTA sitting behind bullets; consistent text ===== */
/* let each box grow to fit its content so nothing is forced to overlap */
.homepage .homebox{height:auto !important;overflow:visible !important;}
.homepage .homeboxtext{overflow:visible !important;position:static !important;}
/* consistent heading / intro / bullet sizing across all three boxes (kills .smaller / .smaller2 variance) */
.homepage .homebox h2,
.homepage .homebox h2.smaller2{font-size:15px !important;line-height:1.3 !important;margin:0 0 8px !important;padding:0 !important;}
.homepage .homeboxintro{font-size:13px !important;line-height:1.4 !important;margin:0 0 10px !important;}
.homepage .homebox ul{margin:0 0 12px 18px !important;padding:0 !important;list-style:disc !important;}
.homepage .homebox ul li,
.homepage .homebox ul li.smaller{font-size:13px !important;line-height:1.4 !important;margin:0 0 6px !important;width:auto !important;}
/* CTA buttons live in normal flow, always BELOW the bullets — never floated/positioned behind them */
.homepage .homeboxtext .actionlink2{display:block !important;width:100% !important;position:static !important;float:none !important;clear:both !important;overflow:visible !important;margin:0 0 8px !important;}
.homepage .homeboxtext .actionlink2 a{display:block !important;width:100% !important;position:static !important;float:none !important;clear:both !important;box-sizing:border-box !important;
  background-image:none !important;border-radius:6px !important;height:auto !important;min-height:0 !important;line-height:1.2 !important;
  font-size:12px !important;padding:11px 12px !important;margin:0 !important;text-align:center !important;}
.homepage .homeboxtext .actionlink2 a br{display:none !important;}
/* all homepage CTAs: white with orange border until hover, then fill orange */
.homepage .homeboxtext .actionlink2 a{background-color:#fff !important;color:var(--ch-orange-dark) !important;border:1px solid var(--ch-orange) !important;}
.homepage .homeboxtext .actionlink2 a:hover{background-color:var(--ch-orange) !important;color:#fff !important;border-color:var(--ch-orange) !important;}

/* ===== MODERN LAYER 23 — homepage boxes: CSS card (no repeating background image) ===== */
.homepage .homebox{background-image:none !important;background-color:#fff !important;border:1px solid var(--ch-line) !important;border-radius:8px !important;box-shadow:0 1px 3px rgba(0,0,0,.06) !important;box-sizing:border-box !important;padding:0 0 14px !important;overflow:hidden !important;}
.homepage .homebox img{border-radius:8px 8px 0 0 !important;margin:0 0 10px !important;}
.homepage .homeboxtext{padding:0 14px !important;}

/* ===== MODERN LAYER 24 — Web3Forms styling (contact-us + quote) ===== */
.web3form{max-width:640px;}
.web3form .reqnote{font-size:12px;color:#666;margin:0 0 16px;}
.web3form .contactrow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;margin:0 0 14px;}
.web3form .contactrow .td1{flex:0 0 190px;max-width:190px;padding-top:9px;font-weight:bold;font-size:13px;}
.web3form .contactrow .td2{flex:1 1 260px;min-width:200px;}
.web3form input[type=text],
.web3form input[type=email],
.web3form input[type=tel],
.web3form input[type=date],
.web3form select,
.web3form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#222;line-height:1.3;}
.web3form select{height:41px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px;}
.web3form input:focus,
.web3form select:focus,
.web3form textarea:focus{outline:none;border-color:var(--ch-orange);box-shadow:0 0 0 2px rgba(255,153,0,.18);}
.web3form textarea{resize:vertical;min-height:110px;}
.web3form .required_star{color:#d00;}
.web3form .contactsubmit{display:inline-block;background:var(--ch-orange);color:#fff;border:1px solid var(--ch-orange);border-radius:6px;font-size:14px;font-weight:bold;padding:11px 28px;cursor:pointer;transition:background .15s ease;}
.web3form .contactsubmit:hover{background:var(--ch-orange-dark);border-color:var(--ch-orange-dark);}
.web3form .formresult{margin:16px 0 0;font-size:14px;min-height:1em;line-height:1.5;}
.web3form .formresult.sending{color:#666;}
.web3form .formresult.ok{color:#1a7f37;font-weight:bold;}
.web3form .formresult.err{color:#c00;font-weight:bold;}
@media (max-width:560px){
  .web3form .contactrow .td1{flex:1 1 100%;max-width:100%;padding-top:0;}
}

/* ===== MODERN LAYER 25 — quote page intro + themed date picker (borrowed from EWF, orange accent) ===== */
.quotepage .quoteintro{max-width:640px;margin:0 0 22px;line-height:1.6;color:#333;}
:root{--sf-date-accent:#ff9900;--sf-dp-bg:#fff;--sf-dp-text:#222;--sf-dp-radius:10px;}
.sf-dp{position:absolute;z-index:10000;width:296px;padding:14px;background:var(--sf-dp-bg,#fff);color:var(--sf-dp-text,#222);border:1px solid color-mix(in srgb,var(--sf-date-accent,#ff9900) 22%,#d9d9d9);border-radius:var(--sf-dp-radius,10px);box-shadow:0 18px 44px rgba(0,0,0,.18);font-size:14px;line-height:1.4;animation:sf-dp-in .12s ease-out;}
@keyframes sf-dp-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.sf-dp{animation:none;}}
.sf-dp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;}
.sf-dp-title{font-size:15px;font-weight:700;letter-spacing:.01em;}
.sf-dp-nav{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;background:transparent;color:inherit;transition:background .12s ease,color .12s ease;}
.sf-dp-nav:hover:not(:disabled){background:var(--sf-date-accent,#ff9900);color:#fff;}
.sf-dp-nav:disabled{opacity:.25;cursor:default;}
.sf-dp-dows{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;}
.sf-dp-dows span{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.45;padding:4px 0;}
.sf-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.sf-dp-day{height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13.5px;cursor:pointer;transition:background .12s ease,color .12s ease;}
button.sf-dp-day:hover:not(:disabled):not(.is-selected){background:color-mix(in srgb,var(--sf-date-accent,#ff9900) 15%,transparent);}
.sf-dp-day:disabled{opacity:.25;cursor:default;}
.sf-dp-day--out{opacity:.22;cursor:default;}
.sf-dp-day.is-today{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sf-date-accent,#ff9900) 55%,transparent);font-weight:700;}
.sf-dp-day.is-selected{background:var(--sf-date-accent,#ff9900);color:#fff;font-weight:700;}
.sf-dp-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.07);}
.sf-dp-link{border:none;background:none;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:4px 6px;border-radius:6px;color:var(--sf-date-accent,#ff9900);}
.sf-dp-link:hover{background:color-mix(in srgb,var(--sf-date-accent,#ff9900) 12%,transparent);}
.sf-dp-input::-webkit-calendar-picker-indicator{display:none !important;}
.sf-dp-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px;padding-right:42px !important;}

/* ===== MODERN LAYER 26 — floating "Get a Free Quote" widget (desktop only) ===== */
.qw-root{position:fixed;right:24px;bottom:24px;z-index:9998;font-family:inherit;}
/* desktop launcher = 1.5x the mobile size; white text + icon on orange */
.qw-launch{display:flex;align-items:center;gap:11px;background:var(--ch-orange);color:#fff;border:none;border-radius:34px;padding:15px 23px;font-size:20px;font-weight:bold;font-family:inherit;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:background .15s ease,transform .15s ease;}
.qw-launch:hover{background:var(--ch-orange-dark);transform:translateY(-1px);}
.qw-launch-ic{flex:0 0 auto;width:25px;height:25px;}
.qw-panel{width:360px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);background:#fff;border:1px solid var(--ch-line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column;animation:qw-in .16s ease-out;}
.qw-panel[hidden]{display:none !important;}
@keyframes qw-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.qw-panel{animation:none;}}
.qw-head{display:flex;align-items:center;justify-content:space-between;background:var(--ch-orange);color:#fff;padding:12px 16px;flex:0 0 auto;}
.qw-title{font-size:16px;font-weight:bold;}
.qw-close{background:none;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 2px;opacity:.9;}
.qw-close:hover{opacity:1;}
.qw-body{padding:16px;overflow-y:auto;}
.qw-intro{margin:0 0 14px;font-size:13px;color:#555;line-height:1.5;}
.qw-form label{display:block;font-size:12.5px;font-weight:bold;color:#333;margin:0 0 4px;}
.qw-field{margin:0 0 11px;}
.qw-req{color:#d00;}
.qw-form input[type=text],.qw-form input[type=email],.qw-form input[type=tel],.qw-form input[type=date],.qw-form select,.qw-form textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#222;line-height:1.3;}
.qw-form select{height:38px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px 15px;padding-right:36px;}
.qw-form input:focus,.qw-form select:focus,.qw-form textarea:focus{outline:none;border-color:var(--ch-orange);box-shadow:0 0 0 2px rgba(255,153,0,.18);}
.qw-form textarea{resize:vertical;min-height:64px;}
.qw-cf{margin:2px 0 12px;}
.qw-send{width:100%;background:var(--ch-orange);color:#fff;border:1px solid var(--ch-orange);border-radius:6px;font-size:15px;font-weight:bold;font-family:inherit;padding:11px;cursor:pointer;transition:background .15s ease;}
.qw-send:hover{background:var(--ch-orange-dark);}
.qw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.qw-result{margin:11px 0 0;font-size:13px;line-height:1.5;min-height:1em;}
.qw-result.sending{color:#666;}
.qw-result.ok{color:#1a7f37;font-weight:bold;}
.qw-result.err{color:#c00;font-weight:bold;}
/* launcher is bigger on desktop, more compact on mobile */
@media (max-width:600px){
  .qw-root{right:14px;bottom:14px;}
  .qw-launch{padding:10px 15px;font-size:13px;gap:7px;}
  .qw-launch-ic{width:17px;height:17px;}
  .qw-panel{width:320px;}
}

/* ===== MODERN LAYER 27 — flooring-installation-service: unbreak the absolute-positioned legacy layout ===== */
/* the whole .right content was absolutely positioned with fixed pixel heights (1311/2135/700px) → overlap chaos. Flatten it all. */
.flooringinstallation .rightcontentframe,
.flooringinstallation .rightcontentmain,
.flooringinstallation .rightcontent1,
.flooringinstallation .rightcontent2,
.flooringinstallation .rightcontentsub{position:static !important;float:none !important;width:auto !important;height:auto !important;min-height:0 !important;background-image:none !important;left:auto !important;top:auto !important;bottom:auto !important;margin:0 !important;}
.flooringinstallation .rightcontentframe{padding:20px !important;margin:16px 0 0 !important;}
.flooringinstallation .rightcontent1,
.flooringinstallation .rightcontent2{padding:0 !important;}
.flooringinstallation .rightcontentframe p{line-height:1.6 !important;margin:0 0 14px !important;}
.flooringinstallation .rightcontentframe h2,
.flooringinstallation .rightcontentframe h3{float:none !important;width:auto !important;}
.flooringinstallation .rightcontent1 h2,
.flooringinstallation .rightcontent2 h2{color:var(--ch-orange-dark) !important;font-size:16px !important;font-weight:bold !important;width:auto !important;margin:16px 0 8px !important;display:block !important;}
.flooringinstallation .rightcontent2 p{width:auto !important;font-size:14px !important;margin:0 0 14px !important;display:block !important;}
.flooringinstallation .rightcontent2 p.callus{background:var(--ch-orange) !important;color:#fff !important;padding:12px 16px !important;width:auto !important;border-radius:6px !important;font-size:15px !important;}
.flooringinstallation .rightcontentframe ul.houselistsmall{float:none !important;list-style:none !important;margin:0 0 16px 0 !important;padding-left:0 !important;}
.flooringinstallation .rightcontentframe ul.houselistsmall li{float:none !important;width:auto !important;list-style:none !important;background:none !important;padding:0 0 0 26px !important;margin-bottom:6px !important;position:relative !important;min-height:17px;}
.flooringinstallation .rightcontentframe ul.houselistsmall li::before{content:"" !important;position:absolute !important;left:0 !important;top:3px !important;width:18px !important;height:16px !important;background:url(../images/house-bullet-point.gif) no-repeat left top !important;}
/* "we truly excel" / "we manage the whole process" sub-labels */
.flooringinstallation .orange-title-2-back{display:block !important;background:none !important;color:var(--ch-orange-dark) !important;font-size:15px !important;font-weight:bold !important;padding:0 !important;margin:14px 0 6px !important;}
/* hide decorative junk (workman png, frame caps, floating quote marks) */
.flooringinstallation .workman,
.flooringinstallation .rightcontentbottom,
.flooringinstallation .rightcontent1bottom,
.flooringinstallation .rightcontent2bottom,
.flooringinstallation .quotes1,
.flooringinstallation .quotes2,
.flooringinstallation .getbottomcap{display:none !important;}

/* ── hero banner: image fills, title = caption at bottom, testimonial dropped below full-width ── */
.flooringinstallation .rightbanner{width:auto !important;float:none !important;padding:0 !important;position:relative !important;border-radius:8px;overflow:hidden;}
.flooringinstallation .rightbanner img.borderwhite{width:100% !important;height:auto !important;display:block !important;border:0 !important;margin:0 !important;}
.flooringinstallation .bannertitlefloorinstallation{position:absolute !important;top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;width:auto !important;height:auto !important;background:linear-gradient(transparent,rgba(0,0,0,.72)) !important;color:#fff !important;padding:26px 18px 12px !important;font-size:20px !important;text-align:left !important;z-index:2 !important;margin:0 !important;}
.flooringinstallation .fis-quote{margin:12px 2px 6px !important;padding:12px 16px !important;background:#f7f2ea !important;border-left:3px solid var(--ch-orange) !important;border-radius:4px !important;}
.flooringinstallation .fis-quote p{font-style:italic !important;font-size:14px !important;margin:0 0 4px !important;line-height:1.5 !important;}
.flooringinstallation .fis-quote cite{font-style:normal !important;font-weight:bold !important;font-size:13px !important;color:#555;}

/* ── "Types of floor we install" → clean responsive card grid ── */
.flooringinstallation .rightcontentsub{margin:8px 0 0 !important;padding:0 !important;}
.flooringinstallation .rightcontentsub h2{font-weight:bold !important;font-size:17px !important;float:none !important;margin:8px 0 4px !important;}
.flooringinstallation .rightcontentsub h2 .adustf3{font-weight:normal;font-size:13px;color:#666;}
.flooringinstallation .rightcontentsub > p{float:none !important;width:auto !important;font-size:14px !important;margin:0 0 14px !important;}
.flooringinstallation .rightcontentsub ul{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr)) !important;gap:14px !important;float:none !important;list-style:none !important;margin:0 !important;padding:0 !important;}
.flooringinstallation .rightcontentsub ul li{float:none !important;width:auto !important;height:auto !important;display:flex !important;flex-direction:column !important;border:1px solid var(--ch-line) !important;border-radius:8px !important;overflow:hidden !important;background:#fff !important;margin:0 !important;}
.flooringinstallation .rightcontentsub ul li > a{display:block !important;line-height:0 !important;}
.flooringinstallation .rightcontentsub ul li img{display:block !important;width:calc(100% - 28px) !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:contain !important;margin:14px auto 8px !important;border:0 !important;border-radius:4px !important;}
.flooringinstallation .rightcontentsub ul li h3{float:none !important;width:auto !important;display:block !important;font-size:14px !important;font-weight:bold !important;color:#333 !important;margin:10px 12px 4px !important;}
.flooringinstallation .rightcontentsub ul li p{float:none !important;width:auto !important;font-size:12.5px !important;line-height:1.45 !important;margin:0 12px 10px !important;}
.flooringinstallation .rightcontentsub ul li p.seeourrange{margin-top:auto !important;}
.flooringinstallation .rightcontentsub ul li p.seeourrange a{color:var(--ch-orange-dark) !important;font-weight:bold !important;text-decoration:none !important;}

/* ── bottom "Getting A New Floor?" panel ── */
.flooringinstallation .gettinganewfloor{clear:both !important;background:none !important;border:1px solid var(--ch-line);border-radius:8px;padding:16px 18px !important;margin:18px 8px 0 !important;overflow:hidden !important;}
.flooringinstallation .gettinganewfloor .newfloor1,
.flooringinstallation .gettinganewfloor .newfloor2,
.flooringinstallation .gettinganewfloorsub{float:none !important;width:auto !important;position:static !important;background:none !important;padding:0 !important;margin:0 !important;color:#333 !important;}
.flooringinstallation .gettinganewfloor h2{float:none !important;display:block !important;background:none !important;background-color:transparent !important;color:#333 !important;font-size:19px !important;font-weight:bold !important;text-transform:none !important;height:auto !important;margin:0 0 8px !important;padding:0 !important;}
.flooringinstallation .gettinganewfloor .whynotget{float:none !important;display:block !important;background:none !important;background-color:transparent !important;color:var(--ch-orange-dark) !important;font-size:15px !important;font-weight:bold !important;margin:0 0 14px !important;}
.flooringinstallation .gettinganewfloor .whynotget a{color:var(--ch-orange-dark) !important;text-decoration:none !important;}
.flooringinstallation .gettinganewfloorsub h3{margin:0 0 6px !important;font-size:15px !important;font-weight:bold !important;color:#333 !important;}
.flooringinstallation .gettinganewfloorsub p{margin:0 0 8px !important;font-size:14px !important;color:#333 !important;}
.flooringinstallation .gettinganewfloorsub ul{list-style:disc !important;margin:0 0 0 20px !important;width:auto !important;}
.flooringinstallation .gettinganewfloorsub ul li{float:none !important;width:auto !important;font-size:13.5px !important;line-height:1.5 !important;margin-bottom:5px !important;color:#333 !important;list-style:disc !important;}
.flooringinstallation .gettinganewfloorsub ul li a{float:none !important;color:var(--ch-orange-dark) !important;}
/* "What times of the day we work" — space the three lines out */
.flooringinstallation .leftbox .leftboxcenter p.font10{line-height:2.1 !important;}

/* ===== MODERN LAYER 28 — /shop product + category pages ===== */
.shoppage .div2{width:100% !important;}
.shoppage .maincon{width:100% !important;float:none !important;margin:0 !important;}
.shoppage .mainarea{float:none !important;width:100% !important;max-width:100% !important;padding:0 !important;box-sizing:border-box !important;}
.shoppage .simplecontainer{width:100% !important;max-width:100% !important;box-sizing:border-box;padding:16px 22px 30px;}
.shoppage .shop-crumbs{font-size:12.5px;color:#777;margin:0 0 14px;}
.shoppage .shop-crumbs a{color:var(--ch-orange-dark);text-decoration:none;}
.shoppage .shop-crumbs a:hover{text-decoration:underline;}
.shoppage .shop-cats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--ch-line);}
.shoppage .shop-cats li{margin:0;}
.shoppage .shop-cats a{display:inline-block;padding:8px 14px;border:1px solid var(--ch-line);border-radius:20px;font-size:13px;font-weight:600;color:#444;text-decoration:none;background:#fff;transition:background .13s,color .13s,border-color .13s;}
.shoppage .shop-cats a:hover{border-color:var(--ch-orange);color:var(--ch-orange-dark);}
.shoppage .shop-cats li.on a{background:var(--ch-orange);border-color:var(--ch-orange);color:#fff;}
.shoppage h1{font-size:24px;margin:0 0 14px;}
.shoppage .shop-h2{font-size:19px;margin:26px 0 12px;}
.shoppage .shop-intro,.shoppage .shop-catdesc{max-width:760px;line-height:1.6;color:#333;margin:0 0 18px;}
.shoppage .shop-intro a{color:var(--ch-orange-dark);font-weight:bold;}
/* product grid */
.shoppage .shop-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 10px;padding:0;}
.shoppage .shop-grid>li{min-width:0;}
.shoppage .shop-card{margin:0;}
.shoppage .shop-card a{display:flex;flex-direction:column;height:100%;border:1px solid var(--ch-line);border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:box-shadow .15s ease,transform .15s ease;}
.shoppage .shop-card a:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px);}
.shoppage .shop-card-img{display:block;background:#f6f6f6;}
.shoppage .shop-card-img img{display:block;width:100%;height:180px;object-fit:contain;padding:12px;box-sizing:border-box;}
.shoppage .shop-card-t{display:block;padding:12px 14px 2px;font-weight:bold;font-size:14px;line-height:1.35;color:#222;}
.shoppage .shop-card-p{display:block;padding:0 14px 2px;color:var(--ch-orange-dark);font-weight:bold;font-size:14px;}
.shoppage .shop-card-btn{display:block;margin:10px 14px 14px;margin-top:auto;background:var(--ch-orange);color:#fff;text-align:center;border-radius:6px;padding:8px;font-size:13px;font-weight:bold;}
.shoppage .shop-card a:hover .shop-card-btn{background:var(--ch-orange-dark);}
.shoppage .shop-card-sub{display:block;padding:0 14px 2px;color:#777;font-size:13px;}
.shoppage .shop-catcard .shop-card-t{font-size:15px;}
/* product detail */
.shoppage .shop-product{display:flex !important;flex-wrap:wrap;gap:28px;align-items:flex-start;margin:0 0 24px;width:100%;box-sizing:border-box;}
.shoppage .shop-media{order:2;flex:0 1 360px;min-width:0;max-width:380px;box-sizing:border-box;float:none !important;border:1px solid var(--ch-line);border-radius:10px;background:#f8f8f8;padding:16px;align-self:flex-start;display:flex;align-items:center;justify-content:center;min-height:220px;overflow:hidden;}
.shoppage .shop-media img{display:block;max-width:100%;height:auto;}
.shoppage .shop-info{order:1;flex:1 1 340px;min-width:0;float:none !important;}
.shoppage .shop-cta{justify-content:flex-start;}
.shoppage .shop-cta .shop-btn{float:none !important;}
.shoppage .shop-info h1{margin:0 0 10px;}
.shoppage .shop-price{font-size:24px;font-weight:bold;color:var(--ch-orange-dark);margin:0 0 12px;}
.shoppage .shop-was{color:#999;font-weight:normal;text-decoration:line-through;font-size:17px;margin-right:6px;}
.shoppage .shop-stock{font-size:13px;font-weight:bold;margin:0 0 16px;}
.shoppage .shop-stock.in{color:#1a7f37;}
.shoppage .shop-stock.out{color:#b8860b;}
.shoppage .shop-sizes{background:#f6f2ea;border:1px solid #ece5d8;border-radius:8px;padding:11px 15px;font-size:14px;line-height:1.55;color:#333;margin:0 0 16px;}
.shoppage .shop-sizes strong{color:var(--ch-orange-dark);}
.shoppage .shop-sizechips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.shoppage .shop-sizechips span{display:inline-block;background:#fff;border:1px solid var(--ch-line);border-radius:14px;padding:3px 11px;font-size:12.5px;color:#444;}
.shoppage .shop-short{margin:0 0 14px;line-height:1.55;color:#333;}
.shoppage .shop-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;}
.shoppage .shop-btn{display:inline-block;background:var(--ch-orange);color:#fff;border:1px solid var(--ch-orange);border-radius:6px;padding:11px 22px;font-weight:bold;font-size:14px;text-decoration:none;transition:background .15s ease;}
.shoppage .shop-btn:hover{background:var(--ch-orange-dark);}
.shoppage .shop-btn2{background:#fff;color:var(--ch-orange-dark);}
.shoppage .shop-btn2:hover{background:var(--ch-orange);color:#fff;}
.shoppage .shop-phone{font-size:13px;color:#555;margin:0;}
/* variations table */
.shoppage .shop-variations{margin:0 0 24px;}
.shoppage .shop-variations h2,.shoppage .shop-desc h2{font-size:18px;margin:0 0 12px;}
.shoppage .shop-vartable{border-collapse:collapse;width:100%;max-width:460px;font-size:14px;}
.shoppage .shop-vartable th{text-align:left;background:#f6f2ea;padding:9px 14px;border:1px solid var(--ch-line);font-size:13px;}
.shoppage .shop-vartable td{padding:9px 14px;border:1px solid var(--ch-line);}
.shoppage .shop-vartable tbody tr:nth-child(even) td{background:#fafafa;}
.shoppage .shop-vartable td:last-child{color:var(--ch-orange-dark);font-weight:bold;white-space:nowrap;}
/* description */
.shoppage .shop-desc{max-width:820px;line-height:1.65;color:#333;}
.shoppage .shop-desc p{margin:0 0 14px;}
.shoppage .shop-kit{list-style:none;margin:0 0 16px;padding:0;}
.shoppage .shop-kit li{position:relative;padding:0 0 0 24px;margin:0 0 7px;line-height:1.5;}
.shoppage .shop-kit li::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;background:var(--ch-orange);border-radius:2px;}
/* the site-wide `ul li{float:left}` was floating the Kit Includes bullets inline — force them to stack */
.shoppage .shop-desc ul li,.shoppage .shop-kit li{float:none !important;display:list-item !important;width:auto !important;clear:both !important;}
@media (max-width:920px){.shoppage .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:640px){.shoppage .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
@media (max-width:560px){
  .shoppage .shop-product{gap:16px;}
  .shoppage .shop-media{order:0 !important;}
  .shoppage .simplecontainer{padding:12px 12px 26px;}
}

/* ===== MODERN LAYER 29 — flooring pages: combined Flooring + Underfloor Heating CTA band ===== */
.floor-cta{clear:both;box-sizing:border-box;width:94%;max-width:980px;margin:26px auto 8px;background:#faf7f1;border:1px solid var(--ch-line);border-radius:10px;padding:22px 26px;}
.floor-cta h2{margin:0 0 10px;font-size:20px;color:#222;font-weight:bold;}
.floor-cta p{margin:0 0 14px;line-height:1.6;color:#333;max-width:820px;}
.floor-cta-list{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 26px;}
.floor-cta-list li{position:relative;padding:0 0 0 22px;font-size:14px;color:#333;line-height:1.5;flex:1 1 240px;}
.floor-cta-list li::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;background:var(--ch-orange);border-radius:2px;}
.floor-cta-btns{clear:both;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
.floor-cta-btn{display:inline-block;background:var(--ch-orange);color:#fff;border:1px solid var(--ch-orange);border-radius:6px;padding:12px 24px;font-weight:bold;font-size:14px;text-decoration:none;transition:background .15s ease;}
.floor-cta-btn:hover{background:var(--ch-orange-dark);}
.floor-cta-btn2{background:#fff;color:var(--ch-orange-dark);}
.floor-cta-btn2:hover{background:var(--ch-orange);color:#fff;}

/* ===== MODERN LAYER 30 — product-information hub: .productinfo tiles -> aligned equal grid ===== */
.productrangehub .productinfo{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;width:100% !important;clear:both !important;margin:16px 0 0 !important;padding:0 !important;list-style:none !important;float:none !important;align-items:start !important;}
.productrangehub .productinfo li,
.productrangehub .productinfo li.alt,
.productrangehub .productinfo li.left{width:auto !important;margin:0 !important;float:none !important;border:1px solid var(--ch-line) !important;border-radius:10px !important;overflow:hidden !important;background:#fff !important;display:flex !important;flex-direction:column !important;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.productrangehub .productinfo li.alt{grid-column:1 / -1 !important;}
.productrangehub .productinfo li>a{display:block !important;line-height:0 !important;}
.productrangehub .productinfo li img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;object-position:center !important;margin:0 !important;border:0 !important;padding:0 !important;background:none !important;box-sizing:border-box;}
.productrangehub .productinfo li span{margin-top:auto !important;display:block !important;}
.productrangehub .productinfo li span a{display:block !important;width:auto !important;height:auto !important;background:var(--ch-orange) !important;background-image:none !important;color:#fff !important;padding:12px 14px !important;font-size:13px !important;font-weight:600 !important;line-height:1.35 !important;text-align:left !important;text-decoration:none !important;}
.productrangehub .productinfo li span a:hover{background:var(--ch-orange-dark) !important;background-position:0 0 !important;}
@media(max-width:560px){.productrangehub .productinfo{grid-template-columns:1fr !important;}}


/* ===== MODERN LAYER 31 — mobile: fixed sticky header + DROP-DOWN hamburger (twinshair-style) ===== */
.mnav-bar,.mnav-overlay{display:none;}
@media (max-width:768px){
  body.has-mnav{padding-top:54px;}
  .mnav-bar{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:54px;box-sizing:border-box;z-index:1000;background:#fff;border-bottom:1px solid var(--ch-line);box-shadow:0 2px 8px rgba(0,0,0,.10);padding:8px 14px;}
  .mnav-logo{flex:0 0 auto;line-height:0;}
  .mnav-logo img{height:36px;width:auto;display:block;}
  .mnav-title{display:none;}
  .mnav-burger{flex:0 0 auto;margin-left:auto;width:42px;height:38px;border:1px solid var(--ch-orange);border-radius:8px;background:var(--ch-orange);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;-webkit-tap-highlight-color:transparent;}
  .mnav-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center;}
  .mnav-bar.open .mnav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .mnav-bar.open .mnav-burger span:nth-child(2){opacity:0;}
  .mnav-bar.open .mnav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .banner .bannergroup1 .logo{display:none !important;}
  .navigation{display:none !important;}
  /* the drop-DOWN drawer, anchored to the bottom edge of the fixed bar */
  .mnav-panel{position:fixed;top:54px;left:0;right:0;background:#fff;border-top:1px solid var(--ch-line);box-shadow:0 12px 22px rgba(0,0,0,.18);max-height:calc(100vh - 54px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 40px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;}
  .mnav-bar.open .mnav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s;}
  .mnav-overlay{display:block;position:fixed;top:54px;left:0;right:0;bottom:0;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:opacity .22s;z-index:999;}
  body.mnav-open .mnav-overlay{opacity:1;visibility:visible;}
  body.mnav-open{overflow:hidden;}
  .mnav-list{list-style:none;margin:0;padding:0;float:none;}
  .mnav-list li,.mnav-panel li{float:none !important;width:100% !important;clear:both !important;background:transparent !important;}
  .mnav-item{border-bottom:1px solid #f0eee9;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;}
  .mnav-link,.mnav-row{background:transparent !important;}
  .mnav-bar.open .mnav-item{opacity:1;transform:none;}
  .mnav-bar.open .mnav-list>.mnav-item:nth-child(1){transition-delay:.05s;}
  .mnav-bar.open .mnav-list>.mnav-item:nth-child(2){transition-delay:.09s;}
  .mnav-bar.open .mnav-list>.mnav-item:nth-child(3){transition-delay:.13s;}
  .mnav-bar.open .mnav-list>.mnav-item:nth-child(4){transition-delay:.17s;}
  .mnav-bar.open .mnav-list>.mnav-item:nth-child(n+5){transition-delay:.2s;}
  .mnav-link{display:block;padding:13px 18px;color:#222;text-decoration:none;font-size:15px;font-weight:600;}
  .mnav-link:active{background:#f4f4f4;}
  .mnav-row{display:flex;align-items:stretch;}
  .mnav-row .mnav-link{flex:1 1 auto;min-width:0;}
  .mnav-sub-toggle{flex:0 0 52px;border:none;border-left:1px solid #f0eee9;background:#fff;font-size:22px;line-height:1;color:#888;cursor:pointer;transition:background .15s ease,color .15s ease;}
  .mnav-sub-toggle::before{content:"+";}
  .mnav-item.is-open>.mnav-row>.mnav-sub-toggle{background:var(--ch-orange);color:#fff;border-left-color:var(--ch-orange);}
  .mnav-item.is-open>.mnav-row>.mnav-sub-toggle::before{content:"\2212";}
  .mnav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;background:#fff;}
  .mnav-sub-inner{overflow:hidden;min-height:0;}
  .mnav-item.is-open>.mnav-sub{grid-template-rows:1fr;}
  .mnav-sub .mnav-link{padding-left:32px;font-size:14px;font-weight:500;color:#444;}
  .mnav-sub .mnav-sub .mnav-link{padding-left:48px;}
  .mnav-sub .mnav-sub .mnav-sub .mnav-link{padding-left:64px;}
  .mnav-secondary{border-top:1px solid var(--ch-line);}
  .mnav-call{display:block;margin:14px 14px 0;background:#f4f4f4;color:#333;border:1px solid var(--ch-line);text-align:center;border-radius:8px;padding:13px;font-weight:bold;text-decoration:none;font-size:15px;}
  .topnav li a{font-size:9pt !important;padding:6px 10px !important;}
  .getintouch li{white-space:nowrap;}
}
@media (max-width:400px){
  .topnav li:nth-child(2){display:none !important;}
  .getintouch li.get,.getintouch li.intouch{font-size:8.5pt !important;white-space:nowrap;}
}
@media (max-width:600px){
  .homehero img,.rightbanner img.borderwhite,.fis-hero img,.rightbanner img{height:220px !important;width:100% !important;object-fit:cover !important;display:block;}
  .bannertitlefloorinstallation{font-size:16px !important;padding:20px 14px 10px !important;}
  .homehero-caption h2{font-size:15pt !important;}
  .homebox ul li,.floor-cta-list li,.shop-kit li{font-size:13px !important;line-height:1.45 !important;}
  .homepage .homeboxtext .actionlink2 a{font-size:12px !important;padding:11px 8px !important;white-space:normal !important;}
}

/* ===== MODERN LAYER 32 — user-supplied mobile refinements ===== */
@media only screen and (max-width: 1000px) {
    .slogan, .getintouch {
        font-size: 11pt;
		margin:0 0 0 10px;
    }
}
@media (max-width: 400px) {
    .getintouch li.get, .getintouch li.intouch {
        font-size: 11.5pt !important;
    }
	.get, .intouch {width:auto;}
	.get {margin-right:10px;}
	.getintouch {line-height:40px;margin-top:3px;}
}
@media only screen and (max-width: 820px) {
    .productinformation .mainarea, .productinformation .simplecontainer, .quotecontainer {
        width: 96%;
        padding: 2%;
        margin: 0;
    }
}

/* ===== MODERN LAYER 33 — get-in-touch gradient + user tweaks (mobile) ===== */
@media (max-width: 768px) {
  ul.getintouch {
    background: linear-gradient(90deg, rgba(255,153,0,.90) 0%, rgba(255,255,255,.35) 100%);
    border-radius: 8px;
    padding: 4px 14px !important;
    display: inline-block;
  }
}
@media (max-width: 400px) {
  .get { margin-left: 10px; }
  .getintouch li.intouch { font-size: 14pt !important; font-weight: bold; }
}

/* ===== user update — get-in-touch label indent (≤700px) ===== */
@media (max-width: 700px) {
  .getintouch li.get { margin-left: 20px; }
}

/* ===== flooring page hero banners — landscape crop mask ===== */
/* the container fixes a wide landscape ratio; the image fills & crops to it (object-fit:cover),
   so portrait/near-square source photos are masked into a proper landscape hero. clear:both drops
   it cleanly below the floated breadcrumb + title. */
.floor-hero{clear:both;width:100%;margin:16px 0 22px;border-radius:10px;overflow:hidden;background:#f2f2f2;aspect-ratio:21/9;max-height:440px;}
.floor-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
@media (max-width:600px){ .floor-hero{aspect-ratio:auto;height:210px;max-height:none;} }

/* Parador hero: bias the crop to the bottom of the photo to expose the wood floor */
.parador .floor-hero img{object-position:center bottom;}

/* ===== grid fade-in (drop from top on scroll) + in-grid CTA ===== */
.fx-ready .qsc-track figure,.fx-ready .ck-grid li{opacity:0;transform:translateY(-22px);transition:opacity .55s ease,transform .55s ease;}
.fx-ready .qsc-track figure.fx-in,.fx-ready .ck-grid li.fx-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.fx-ready .qsc-track figure,.fx-ready .ck-grid li{opacity:1 !important;transform:none !important;transition:none !important;}}
/* enquiry CTA relocated into the product grid (spans full width, ~3 rows down) */
.qsc-track .floor-cta-ingrid{grid-column:1 / -1 !important;max-width:none !important;width:auto !important;margin:14px 0 16px !important;}

/* services list (defeats the global ul li{float:left}) */
.svc-list{list-style:none;margin:6px 0 18px;padding:0;max-width:760px;}
.svc-list li{float:none !important;width:auto !important;clear:both;display:block;position:relative;padding:0 0 0 24px;margin:0 0 9px;line-height:1.5;}
.svc-list li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;background:var(--ch-orange);border-radius:2px;}