@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800";html{-webkit-text-size-adjust:100%;min-height:100%}.carousel-right .generic-carousel{padding-top:7px}body{min-height:100%;padding:0;margin:0;font-family:Open Sans}#desktopheader{position:absolute;width:100%;height:54px;color:#fff;display:block;z-index:4444;background:#fff}#desktopHeader img{height:100%;float:left;max-height:54px}@media (max-width: 767px){#desktopHeader img{display:none}}#desktopheader a{float:right;width:173px;display:block;height:54px;background:#387f83;font-weight:600;font-family:open sans;text-decoration:none;color:#fff;font-size:12px;padding-left:10px;padding-right:10px;padding-top:10px;box-sizing:border-box}#desktopheader a:hover{background:#000}#desktopheader a img{height:auto;display:inline-block;vertical-align:middle;margin-top:5px;-webkit-text-size-adjust:100%}#desktopheader a span{text-align:center;vertical-align:middle;display:inline-block;width:98px;text-align:left;font-size:10px;padding-top:3px;padding-left:8px;color:#fff}.notify{font-size:13px;padding-top:11px;display:block}.designercontainer{width:100%;float:left}.designernav{width:18%;position:absolute;top:0;left:0;bottom:78px;width:0}.designernav h1{width:90%;display:inline-block;font-size:15px;font-weight:600;color:#b9b9b9;text-transform:uppercase;padding:30px 5% 20px;border-bottom:2px solid #f3f3f3;margin:0}.designernav h1 img{vertical-align:middle}.designernav a{width:90%;display:inline-block;font-size:13px;color:#323233;font-weight:600;line-height:18px;text-transform:uppercase;padding:16px 5%;text-decoration:none;border-bottom:2px solid #f3f3f3}.designernav img{vertical-align:text-bottom;margin-right:6px}.designernav .greencircle{display:none}.designernav a.complete{color:#387f83}.designernav a.complete .greycircle{display:none}.designernav a.complete .greencircle{display:inline-block}.designernav a.active{background:#f7f7f7 url(/images/sgnav-active.png) right no-repeat}.designernav a.disabled{color:#3232335e;cursor:not-allowed}.mobile-only{display:none}.big-summary{width:18%;display:inline-block}.designer-bg-container{position:absolute;width:100%;height:100%;display:block;background:gray none repeat scroll 0% 0%}.designerright{width:82%;position:absolute;top:0;right:0;bottom:66px;background-position:center;background-size:cover;width:100%;background-image:url(/images/woodgrain-bg.jpg)}.designerintro{width:100%;position:absolute;top:0;left:0;bottom:235px}.step-doortype{background-image:url(/images/step-doortype-bg.jpg)}.step-hardware{background-image:url(/images/step-hardware-bg.jpg)}.step-colour{background-image:url(/images/step-colour-bg.jpg)}.step-handles{background-image:url(/images/step-handles-bg.jpg)}#notify{position:absolute;bottom:10px;top:72%;left:2%;color:#9edb13;font-size:12px}.doorimg{width:33%;height:100%;float:left;text-align:center;display:inline-block}.doorimg img{width:auto;height:90%;max-height:488px;margin:66px 0 0;max-width:491px;height:94%;max-height:525px}.details{display:inline-block;width:22%;float:left;padding-left:18%;margin-top:111px}.details p{max-width:100%;color:#fff}.details h1{color:#fff;font-size:40px;font-weight:600;line-height:1.2em;margin:0}.viewbuttons{display:block;width:100%}.tooltip{position:absolute;top:-184px;left:13px;display:block;background:#387f83 none repeat scroll 0% 0%;padding:11px;box-sizing:border-box;height:172px;width:325px;color:#fff;font-size:17px;opacity:.9;border:1px solid #898989;display:none}.tooltip h4{padding:0;margin:0;font-weight:400}.tooltip p{font-weight:400;font-size:17px}.tooltip img{margin-top:29px}.viewbuttons a.active{background:#aaaba7 none repeat scroll 0% 0%}.viewbuttons a{background:#6e6b6b none repeat scroll 0px center;border:1px solid white;color:#fff;text-decoration:none;margin-bottom:51px;border-left:0;border-radius:0;border-right:0;border-top:0;border-bottom:0;float:left;margin-right:0;margin-left:0;box-sizing:border-box;text-align:center;width:50%;padding:10px 0 12px;font-size:12px}.mobimg{display:block;width:50%;margin-left:auto;margin-right:auto}.mobimg img{width:80%}.designer-viewdoor-mobile{display:none}.details .lg{font-size:26px}#closesum{color:#fff;float:right;padding-right:9px;text-decoration:none;padding-top:6px}.designeroptions{width:98%;height:178px;position:absolute;bottom:0;left:0;background:url(/images/designeroptions-bg.png);padding:0 1%}.styleoptions{float:left;width:100%;white-space:nowrap;margin-top:17px;overflow:auto}.styleoptions div{width:323px;display:inline-block;white-space:normal;margin-right:22px;vertical-align:top}.styleoptions div a{width:325px;display:inline-block;text-align:left;background:#fff;text-decoration:none;padding-left:3%;border:1px solid #aaa99f}.styleoptions div a.active{border:3px solid #387f83}.styleoptions img{float:right;border:0;height:136px}.styleoptions .span1{width:auto;display:inline-block;font-size:17px;color:#387f83;font-weight:600;line-height:1.2em;margin:15px 0 10px;width:143px}.styleoptions .span2{font-size:11px;color:#686868;line-height:1.2em}.styleoptions div a:hover{background:#ccc}.designerbuttons{width:78%;height:32px;position:absolute;left:0;bottom:0;background:#323233;padding:14px 2% 20px 20%}.hwstyles div{width:323px;display:inline-block;white-space:normal;margin-right:22px;vertical-align:top}.hwstyles div a{width:325px;display:inline-block;text-align:left;background:#fff;text-decoration:none;padding-left:3%;border:3px solid #aaa99f}#quote img{border:0}.hwstyles div a.active{border:3px solid #387f83}.hwstyles img{float:right;border:0;height:136px}.hwstyles .span1{width:auto;display:inline-block;font-size:17px;color:#387f83;font-weight:600;line-height:1.2em;margin:15px 0 10px;width:143px}.hwstyles .span2{font-size:11px;color:#686868;line-height:1.2em}.hwstyles div a:hover{background:#ccc}.designerbuttons a{width:200px;height:41px;display:inline-block;font-size:14px;color:#fff;font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none;line-height:41px;background:#387f83;border:1px solid #ffffff}.designerbuttons a:hover{background:#000}.designerbuttonsl{width:auto;float:left;position:absolute;left:15px;top:23px}.designerbuttonsl .small{color:#898989;font-size:13px;padding-left:20px}.designerbuttonsl a{color:#9b9b9b;width:auto;height:auto;display:initial;font-weight:400;text-align:initial;text-transform:initial;line-height:initial;background:none;border:none}.designerbuttonsl a:hover{background:none}.designerbuttonsr{width:auto;float:right;margin-top:-3px}.designerbuttonsr a{margin-left:12px}.generic-carousel{width:100%;float:left;padding-top:7px}.mobnav-fixed,.summary-close{display:none}.generic-carousel h2{width:202px;height:31px;position:absolute;top:-43px;left:0;font-size:13px;color:#fff;text-transform:uppercase;text-align:center;background:url(/images/colourstitle-bg.png);padding-top:12px;margin:0}.generic-carousel div{float:left;position:relative}.generic-carousel .slider{width:100%;overflow:auto;white-space:nowrap;padding:0 0 3px}.carousel-left{width:66%}.carousel-right{width:29%;background:url(/images/colourbreak.jpg) left repeat-y;padding-left:2%;margin-left:2%;position:relative}.w-100,.tab-100{width:100%}.name{display:block}.generic-carousel a{width:98px;height:130px;display:inline-block;font-size:12px;color:#686868;text-align:center;line-height:1.1em;white-space:normal;text-decoration:none;background:#fff;padding:4px;vertical-align:top;margin:2px 12px 2px 2px;position:relative;border:4px solid rgba(192,192,192,.8)}.generic-carousel a img{margin-bottom:5px;max-height:104px;max-width:98px}::-webkit-scrollbar{-webkit-appearance:none;width:7px;height:5px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.generic-carousel a.active{border:4px solid #387f83}.generic-carousel a.active>.overlay{position:absolute;height:100%;width:100%;top:0;left:0;transition:background .1s ease-in-out;background:0}.handleoptions{width:100%;float:left}.handleoptions h2{width:202px;height:31px;position:absolute;top:-43px;left:0;font-size:13px;color:#fff;text-transform:uppercase;text-align:center;background:url(/images/colourstitle-bg.png);padding-top:12px;margin:0}.handleoptions div{float:left;position:relative}.handleoptions .slider{width:100%;overflow:auto;white-space:nowrap;padding:15px 0 10px}.handleoptions .handletype{width:78%}.handleoptions .handletype a{width:270px;display:inline-block;text-align:left;background:#fff;text-decoration:none;white-space:normal;padding-left:3%;border:1px solid #aaa99f;margin:1px 8px 1px 1px}.handleoptions .handletype img{float:right;margin-left:10px}.handleoptions .handletype .span1{width:auto;display:block;font-size:17px;color:#387f83;font-weight:600;line-height:1.2em;margin:15px 0 10px}.handleoptions .handletype .span2{font-size:11px;color:#686868;line-height:1.2em}.handleoptions .handletype a img{max-height:130px;margin:5px 20px}.handleoptions .handletype a:hover{border:2px solid #cccccc;margin:0 7px 0 0}.handleoptions .handletype a.active{border:2px solid #387f83;margin:0 7px 0 0}.handleoptions .handlecolour{width:18%;background:url(/images/colourbreak.jpg) left repeat-y;padding-left:2%;margin-left:2%}.handleoptions .handlecolour div{width:100%;float:left;margin-top:15px}.handleoptions .handlecolour a{display:block;margin-bottom:3px}.handleoptions .handlecolour a:last-child{margin:0}.handleoptions .handlecolour img{background:#fff;padding:3px;border:1px solid #aaa99f;margin:1px}.handleoptions .handlecolour img:hover{border:2px solid #cccccc;margin:0}.handleoptions .handlecolour a.active img{border:2px solid #387f83;margin:0}form{margin:0}#loading-menu{background:#efefef;position:absolute;z-index:21477;width:100%;height:100%;top:0}#loading-padder{position:relative;width:100%;height:100%;text-align:center}.loader{position:absolute;top:32%;left:15%;right:15%;text-align:center}.loader h6{color:#387f83;text-transform:uppercase;font-size:18px;margin-top:8px;font-weight:400}.slider a{cursor:pointer}.sum-content{font-weight:300;color:#fff;padding:0 10px 10px 23px}.sum-table{width:95%;color:#fff;font-size:13px}.sum-title{color:#387f83;padding-top:10px}.sum-label{color:gray}.float-bottom{position:absolute;bottom:0;display:block;width:100%;height:156px;background:#31373d}.whathappens{position:absolute;bottom:157px;width:100%;display:block;text-align:center}.whathappens h1{color:#ffffffe6;font-weight:400}.whathappens-container{position:relative;width:100%;height:125px}.central{width:76%;display:block;margin-left:auto;margin-right:auto;text-align:center}.unit{width:32.3%;display:inline-block;font-size:15px;text-align:center;color:#898989;padding-top:10px;box-sizing:border-box;position:relative}.unit p{text-align:center;max-width:174px;display:block;margin-left:auto;margin-right:auto}.unit img{margin-top:-42px;margin-bottom:4px}.quote-box{display:block;position:absolute;width:377px;height:497px;background:#fff none repeat scroll 0% 0%;right:83px;top:55px;padding:15px;border-radius:10px}.quote-box label{color:#387f83;font-weight:400;width:100%;display:block;font-size:15px;padding:4px 4px 4px 0}.quote-box input{height:45px;width:100%;border:1px solid rgba(128,128,128,.56);border-radius:3px;padding:14px;margin-bottom:15px}.thankyou{position:absolute;top:15px;left:15px}.thankyou img{display:inline-block}.thankyou h2{font-weight:700;color:#fff;margin:109px 0 0 108px;vertical-align:top;display:block;max-width:441px;font-size:47px}.thankyou h2 span{padding-top:10px;font-size:17px;display:block}.thankyou h4{display:block;margin:0;font-weight:700;color:#fff;vertical-align:top}.solidor-button{display:block;width:100%;padding:10px;color:#fff;background:#387f83 none repeat scroll 0% 0%;font-size:14px;box-sizing:border-box;margin-left:auto;margin-right:auto;font-weight:400;font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none}.solidor-button:hover{background:#000}.xnav{position:absolute;left:0;top:125px;z-index:14444;letter-spacing:.2px}.xnav ul{list-style-type:none;margin:0;padding:0;text-align:left}.coolflip{transform-style:preserve-3d;transition:all 1s ease-in-out;transform:rotateY(180deg)}.coolflip-back{transform-style:preserve-3d;transition:all 1s ease-in-out;transform:rotateY(360deg)}.nav-menu>li{padding:8px 36px 8px 15px;font-weight:700;color:#6f6f6f;text-transform:uppercase;font-size:11px;background:#fff}.sub-menu.inactive{display:none}li.sub-menu{background:#387f834d}li.sub-menu .menu-element{color:#000}li.sub-menu .menu-element.activex{color:#fff}.sub-menu>li{padding:0}.xnav a{color:#6f6f6f;padding:0;margin:0;text-decoration:none;font-size:11px;font-weight:600}.menu-element{padding-top:4px;padding-bottom:4px}.menu-element.activex{color:#387f83}.nav-menu>li{border-bottom:2px solid #e4e4e4}li.active{background:#387f83}li.active a{color:#fff}.sub-menu ul>li{font-size:11px;font-size:10px;padding-top:3px;font-weight:700;padding-bottom:3px}.designer-tabs{margin-top:-42px;display:block;width:100%}.designer-tabs a{text-decoration:none;color:#fff;font-weight:400;padding:11px 50px;font-size:16px;display:inline-block;background:#3030308f none repeat scroll 0% 0%;margin-right:6px;border-radius:1px}.designer-tabs a.active{background:#387f83}.summary{top:0;position:absolute;display:block;width:20%;background:#2f2f2f none repeat scroll 0% 0%;z-index:1000000;height:100%}.summary img{width:75px}.sum-content{padding:10px}.control-panel{position:absolute;z-index:1453000;right:0;top:68px;width:76px;height:144px;display:block}.control-block span{display:none;color:#fff;vertical-align:top;margin-top:9px;margin-left:13px;font-size:12px;text-transform:uppercase;color:#e0e0e0;color:#dcdcdc;font-weight:600}.control-block{background:#4a4a4a none repeat scroll 0% 0%;display:block;padding:16px 0 16px 12px;margin-bottom:2px;transition:margin .5s ease 0s;white-space:nowrap;height:40px;width:64px;overflow:hidden}.control-block:hover{margin-left:-129px;cursor:pointer;width:auto}.control-block:hover span{display:inline-block}.pricetag{background:#387f83;text-decoration:none}.thankyou p{display:block;max-width:396px;margin:4px 0 0 108px;color:#fff}.xbutton{width:90%;display:block;margin-left:auto;margin-right:auto;padding-top:8px;padding-bottom:9px;text-align:center;background:#387f83 none repeat scroll 0% 0%;margin-top:9px;text-transform:uppercase;color:#fff;text-decoration:none;border:1px solid #FFF;font-weight:600;font-size:14px}.summary-max{width:100%;background:#fff;z-index:1454000;position:absolute;left:-100%;height:100%;background:url(/images/backgrounds/summary-bg.png);background-size:cover;color:#fff}.leftbox{float:left;width:50%}.rightbox{float:left;display:inline-block;width:50%}.tablet-under{display:none}.summary-internal-wrapper{width:90%;margin-left:auto;margin-right:auto;margin-top:5%;height:74%;box-sizing:border-box;overflow:auto}.summary-left{float:left;width:40%;display:inline-block;box-sizing:border-box}.summary-right{float:left;width:60%;display:inline-block;box-sizing:border-box}.summary-left h1{font-weight:600}.summary-left p{font-size:14px}.summary-list{display:block;width:100%}.listnode{width:50%;float:left;display:inline-block;box-sizing:border-box}.listnode:last-of-type{border-left:1px solid #6C6C6C;float:right}@media (min-width: 768px){.listnode:last-of-type{padding-left:60px}}.summary-list .title{display:block;font-weight:700;font-size:14px}.sub{float:right}.summary-list .value{display:block;padding-top:4px;padding-bottom:4px;font-size:11px}.image-left,.image-right{float:left;display:inline-block;width:50%}.image-left img,.image-right img{width:58%}.row{display:block;height:auto;padding-left:10%;float:left;box-sizing:border-box;width:100%}.quote-sum-box{background:#aaa;border:1px solid white;box-sizing:border-box;margin-top:10px;padding-left:15px;padding-top:7px;padding-bottom:7px;float:right;width:50%;margin-right:8%}.quote-sum-box h4{margin:0;color:#fff;font-size:19px;font-weight:600}.quote-sum-box p{margin:0;font-size:11px;color:#fff}.restart-box{float:left;width:24%}.restart-box a{float:left;margin-top:27px}@media only screen and (max-width: 1407px){.summary-internal-wrapper{width:100%;padding-left:10px}.row{padding-left:3%}.designeroptions.itemdiv{height:400px}.styleoptions{white-space:normal;text-align:center}.styleoptions div{white-space:normal;width:50%;float:left;margin:0 0 24px;box-sizing:border-box}.styleoptions div a{width:85%}}@media only screen and (max-width: 1096px){.image-right{display:none}.image-left{width:100%}.quote-sum-box{margin-right:5%}.summary-left{width:52%;padding-left:4px}.summary-right{width:48%;text-align:center}}@media only screen and (max-width: 1008px){.restart-box{float:right;width:100%}.quote-sum-box{float:left;width:90%}.leftbox,.rightbox{text-align:center;width:100%}.quote-sum-box{width:90%}.sum-wrap{overflow:auto;padding-bottom:15px}.summary-internal-wrapper{height:auto}}@media only screen and (max-width: 709px){.summary-left{width:91%;display:block}.summary-list{text-align:center}.summary-internal-wrapper{margin-top:0}.summary-right{width:91%;display:block}.image-left,.image-right{width:50%;display:inline-block}.summary-internal-wrapper h1,.summary-internal-wrapper p{text-align:center}.quote-sum-box{text-align:center;padding-left:0}}.sum-wrap{position:relative;width:100%;height:100%;box-sizing:border-box}.designer-container-right{overflow:hidden;position:relative;height:100%}@media screen and (max-width: 1575px){.infobanner-target{display:none!important}.doorimg{width:51%}}@media screen and (max-width: 1173px){.xnav{display:none}.details{padding-left:5%!important;width:28%}}@media screen and (max-width: 1033px){.xnav{display:none}.details{padding-left:5%;width:36%}}@media screen and (max-width: 990px){.xnav{display:none}.details{width:90%;text-align:center;padding:0;margin:0}.doorimg{text-align:center;width:100%;display:block;margin-top:25px}.doorimg img{margin-top:0;max-height:316px;max-height:380px}.details h1 br{display:none}.details p{text-align:center;max-width:90%;margin-left:auto;margin-right:auto;display:block}.designerintro{top:4%;bottom:5%}html{position:fixed;width:100%;height:100%}}@media screen and (max-width: 1000px){.summary{width:33%}.brochure{max-width:80%;text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;display:block!important}.designer-container-left{display:inline-block;width:216px}}@media screen and (max-width: 1100px){.infobanner{display:none}}@media screen and (max-width: 1060px){.thankyou h2{font-size:14px;font-weight:700;vertical-align:top;display:block;max-width:441px;color:#000;font-size:19px;display:inline-block;margin:4px 0 0 16px;color:#3c3c3c}.thankyou h2 span{padding-top:10px;font-size:13px;display:block;margin-bottom:11px}.designer-tabs{display:block;width:101%;float:left;margin-left:-1%}.xnav{display:none}.designer-tabs a{float:left;margin-right:0;margin-left:0;box-sizing:border-box;text-align:center;width:50%;padding-left:0;padding-right:0;font-size:12px}.carousel-right>.designer-tabs a{width:100%}.designer-tabs a.tab-100,a.tab-100{width:100%}}@media screen and (max-width: 1045px){.quote-box{position:static!important;display:inline-block;float:left;width:50%;box-sizing:border-box;border-radius:0;border-left:1px solid #aaa}.quote-box h4{text-align:left}.quote-wrapper{float:left;overflow:scroll}.thankyou form{display:none}.thankyou{position:static;top:15px;left:15px;float:left;background:#fff;width:100%;border-bottom:1px solid #aaa;height:58px}.thankyou span{display:none!important}.thankyou h2{padding-top:4px}}@media screen and (max-width: 767px){.thankyou{left:0;right:0}.tooltip{display:none}.designeroptions.savewidth{height:inherit}.designerbuttonsr{padding-left:0;padding-right:0;width:100%;float:left;margin-top:-11px}.details{padding-left:0!important}.designerbuttons{width:100%;padding-left:0;padding-right:0}.designerbuttons a{width:46%;text-align:center;float:left}.designerintro{left:0}.designerintro{top:0;bottom:0}.details p{display:none}.details{max-width:100%}.designerbuttons{background:#f0f0f0}.mobnav-fixed{display:block;position:fixed;z-index:1494919293;right:-198px;top:0;width:199px;background:#387f83}.mobnav-fixed ul{list-style-type:none;display:block;width:100%;padding-left:10px}.mobnav-fixed li{display:block;width:100%;color:#f5f5f5;padding-bottom:9px;padding-top:9px;text-align:left;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.21);font-size:14px}.mobnav-fixed li a{color:inherit;text-decoration:none}.pad-100 .styleoptions div img{height:93px}.pad-100 .styleoptions .span1{font-size:13px}.pad-100 .styleoptions .span2{font-size:10px;display:block}.pad-100 .hwstyles div img{height:93px}.pad-100 br{display:none}.pad-100 .hwstyles .span1{font-size:13px}.pad-100 .hwstyles .span2{font-size:10px;display:block}.pad-100{height:100%!important}.summary{width:100%}.designer-tabs a.active{background:#abada4 none repeat scroll 0% 0%}.sum-responsive-wrapper{width:100%;height:62%;overflow-y:auto;display:block}.summary-close{display:block;position:relative;bottom:37px;text-align:center;width:100%;height:11%}.summary-close a{width:90%;height:41px;display:inline-block;font-size:14px;color:#fff;font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none;line-height:41px;background:#387f83 none repeat scroll 0% 0%;border:1px solid #FFF;bottom:0;position:absolute;left:2%}.summary-close{display:block;position:absolute;bottom:37px;text-align:center;width:100%}.designer-tabs a{border-top:0;background:0;background:#c3c1c1;font-size:15px}.styleoptions{overflow-y:auto;height:90%;overflow-x:hidden}.control-panel{position:absolute;z-index:21470000;right:0;width:76px;height:144px;display:block;width:100%;left:0;top:55px;background:#4e4e4e;height:74px}.control-panel a{display:inline-block;width:25%;float:left;text-align:center;padding-top:7px;position:relative;padding-bottom:25px;transition:none 0s ease 0s;box-sizing:border-box;height:74px}.control-block:hover{width:23%;margin:0}.control-block:hover span{margin:0;position:absolute;transition:none;bottom:0;left:0;width:100%;text-align:center;float:right;display:block}.doorimg{display:none!important}.generic-carousel{text-align:center;position:relative;height:100%}.designeroptions{overflow:hidden;height:79%;height:94%;top:42px;background:#fff none repeat scroll 0% 0%;border-top:1px solid #BDBDBD}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blink_me{-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-moz-animation:blink normal 1s infinite ease-in-out;-webkit-animation:blink normal 1s infinite ease-in-out;-ms-animation:blink normal 1s infinite ease-in-out;animation:blink normal 1s infinite ease-in-out}.generic-carousel .slider{white-space:normal}.generic-carousel a{width:20%!important;background:#898989 none repeat scroll 0% 0%;border:2px solid white;height:63px;width:18%!important;text-align:center;margin:0 1% 45px;box-sizing:border-box;background:#ffffff12 none repeat scroll 0% 0%;border:2px solid rgba(111,102,102,.7);background:#fff;padding:0;height:92px;width:23%!important;border:4px solid rgba(228,222,222,.1)}.carousel-area.carousel-left{margin-top:51px}.carousel-area.carousel-right{margin-top:0}.generic-carousel a img{height:100%;margin-bottom:9px}img.fillimage{height:100%;width:100%}body{width:100%;position:fixed;overflow:hidden}.designerbuttons a{float:left;display:inline-block;width:48%;box-sizing:border-box;margin:1%}.designer-tabs{display:block;width:100%;margin-left:0;margin-top:0;position:absolute;left:0;border-top:2px solid #DDD}.hwstyles div{width:100%;display:block;margin-bottom:10px}.hwstyles.locks div,.styleoptions.locks div{border:1px solid #AAA99F}.hwstyles div img{width:50%}.hwstyles{width:100%;padding:19px;box-sizing:border-box;overflow:auto;height:90%}}@media screen and (max-width: 767px) and (max-width: 767px){.hwstyles div img{min-width:115px;height:115px}}@media screen and (max-width: 767px){.styleoptions div{width:100%;display:block;margin-bottom:10px}.styleoptions div img{width:50%}.control-panel{display:none!important}.details h1{color:#000;line-height:1.2em;margin:5px 0 0;font-size:17px;font-weight:400;text-align:center}.mobnav-left{text-align:left}.normalize{width:100%;display:block;float:left;height:50%;padding-left:0;padding-right:0}.carousel-right.normalize{height:40%}.carousel-left.normalize{height:60%;border-bottom:3px solid rgba(242,242,242,.07)}.styleoptions div,.hwstyles div{width:100%;display:block;margin-bottom:10px}.details{width:100%;position:absolute;left:0;background:#353636;margin-top:0;top:0;height:34px;padding-top:9px;background:#387f83}.styleoptions div img,.hwstyles div img{width:23%;min-width:127px}.styleoptions div a,.hwstyles div a{width:100%;display:inline-block;text-align:left;background:#fff none repeat scroll 0% 0%;text-decoration:none;padding-left:3%;box-sizing:border-box;border:3px solid transparent}.name{color:#fff;vertical-align:top;font-size:11px;text-align:center;display:block;color:#5a5a5a}.generic-carousel .slider{overflow:hidden;box-sizing:border-box;overflow-y:scroll;overflow:auto;padding:18px 0 100px;position:absolute;top:0;white-space:nowrap;width:100%;bottom:15px;white-space:normal;text-align:left;float:left}.carousel-right .generic-carousel{top:50px}.carousel-right .slider{padding-top:0;white-space:nowrap;overflow-y:hidden}.carousel-right{background:0;margin-left:0}.details h1{display:none}.mob-nav{display:block;width:100%;position:absolute;z-index:9999;top:0;right:0}.mob-nav .mob-logo{display:inline-block;padding:5px;height:30px}#desktopheader{background:none}#desktopheader a{display:none}.details{padding:0;height:42px}.mobile-show{display:block!important}.doorloc{top:42px;position:absolute;display:block;height:94%;background:#fff none repeat scroll 0% 0%;width:100%}.mob-nav img{height:86%;margin-top:3px}.mob-nav a:first-of-type{border-left:0}.mobnav-right a{height:41px;display:inline-block;padding-left:10px;padding-right:10px;text-align:center;border-left:1px solid white}.mobnav-right a:first-of-type{border-left:1px solid white}.mobnav-right a:last-of-type{border-right:0}.mobnav-right{float:right}.mobnav-left{font-size:19px;float:left;color:#fff;padding-left:15px;font-size:15px;margin:0;height:100%;padding-top:9px;border-right:1px solid rgba(96,96,96,.06);padding-right:18px;position:relative;overflow:hidden;width:65%}.mobnav-left span{display:block;padding-left:10px}.mobnav-left br{display:none}.adjust-door{height:36px;padding-left:10px;padding-right:10px;padding-top:3px}}@media only screen and (max-height: 741px){.quote-btn{display:none}.xnav{top:40px}.infobanner{display:none}}@media only screen and (max-width: 400px){.carousel-right .generic-carousel a{width:auto!important}.carousel-right .generic-carousel a img{width:100%!important}}@media only screen and (max-width: 355px){.generic-carousel a{width:22%!important}.carousel-right .generic-carousel a{width:auto!important}.carousel-right .generic-carousel a img{width:100%!important}}@media only screen and (min-height: 666px){.carousel-right.normalize{height:40%}.carousel-left.normalize{height:60%;border-bottom:3px solid rgba(242,242,242,.07)}}@media only screen and (min-height: 746px){.carousel-right.normalize{height:33%}.carousel-left.normalize{height:67%;border-bottom:3px solid rgba(242,242,242,.07)}.summary-internal-wrapper{margin-top:0;height:90%}}@media only screen and (min-height: 434px){.mobnav-left{width:59%;padding-left:0;box-sizing:border-box}}@media only screen and (max-height: 650px){.carousel-right .generic-carousel a{max-width:80px!important;max-height:61px!important}.carousel-right .generic-carousel{top:57px}}@media only screen and (max-height: 612px){.carousel-left.normalize{height:49%}}.visualiser_modal{display:flex;flex-direction:column;justify-content:center;position:absolute;inset:0;background:#0009;z-index:999999999;font-family:open sans,sans-serif;text-align:center;padding:5px;font-size:14px;color:#515151}.visualiser_modal .visualiser_modal-inner{background:#f5f5f4;width:100%;max-width:950px;margin:0 auto;overflow:scroll}.visualiser_modal .visualiser_modal-header{color:#000;position:relative;overflow:hidden}.visualiser_modal .visualiser_modal-header img{width:70px;height:60px;position:absolute;left:0;top:0}.visualiser_modal .visualiser_modal-header h1{color:#387f83;margin:20px 65px 0 100px}.visualiser_modal .visualiser_modal-header .visualiser_modal-close{color:#515151;font-size:38px;cursor:pointer;position:absolute;right:10px;top:-6px}.visualiser_modal .visualiser_modal-content{padding:0 30px 30px;overflow:hidden}.visualiser_modal .visualiser_modal-content .border{border:2px solid #e9e9e9;padding:30px}.visualiser_modal .visualiser_modal-content .border h1:first-child{margin-top:0}@media (max-width: 400px){.visualiser_modal .visualiser_modal-content .border{padding:0;border:none}}.visualiser_modal h1{font-weight:600}.visualiser_modal .intro-text{margin:15px 0}.visualiser_modal .visualiser_stock-images{display:inline-flex;flex-wrap:wrap;justify-content:center;cursor:pointer}.visualiser_modal .visualiser_stock-image{padding:10px}.visualiser_modal .visualiser_btn{display:block;color:#fff;font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none;background:#387f83;cursor:pointer;padding:10px 25px;border:none;width:100%}.visualiser_modal .visualiser_btn:hover{background:#000}.visualiser_modal .visualiser_upload{max-width:450px;margin:0 auto}.visualiser_modal .visualiser_upload .visualiser_upload-input{overflow:auto;margin-bottom:5px;display:flex;border:1px solid grey;padding:5px}.visualiser_modal .visualiser_upload .visualiser_upload-input .visualiser_btn{width:100px;padding:10px;font-size:12px}.visualiser_modal .visualiser_upload .visualiser_upload-input #file_chosen{flex:1;padding:7px}.visualiser_modal #visualiser_send-message{position:relative;top:1000px;margin:30px auto}.visualiser_modal #visualiser_send-message img{opacity:.3}.visualiser_modal #visualiser_send-message h1{position:relative;margin-top:50px;margin-bottom:0}.visualiser_modal #visualiser_send-message h1.overlay-loader{margin:-60px 0 0}.visualiser_modal .visualiser_send{position:relative}.visualiser_modal .visualiser_send .visualiser_send-intro{margin-top:16px;text-align:left}.visualiser_modal .visualiser_send .visualiser_send-intro img{width:72px;height:50px;float:left}.visualiser_modal .visualiser_send .visualiser_send-intro h1,.visualiser_modal .visualiser_send .visualiser_send-intro p{margin:0 0 0 80px}.visualiser_modal .visualiser_send .visualiser_send-intro h1{color:#387f83;font-weight:400;font-size:23px}.visualiser_modal .visualiser_send .visualiser_send-intro:after{content:"";display:table;clear:both}@media (max-width: 650px){.visualiser_modal .visualiser_send .visualiser_send-intro{text-align:center}.visualiser_modal .visualiser_send .visualiser_send-intro img{display:none}.visualiser_modal .visualiser_send .visualiser_send-intro h1,.visualiser_modal .visualiser_send .visualiser_send-intro p{margin:0}}.visualiser_modal .visualiser_send .visualiser_send-form{margin-top:15px;display:flex;flex-wrap:wrap;justify-content:space-between}.visualiser_modal .visualiser_send .visualiser_send-form label{width:300px;color:#387f83;font-size:15px}.visualiser_modal .visualiser_send .visualiser_send-form input{padding:10px;margin-left:10px;width:225px;border:1px solid rgba(128,128,128,.56);border-radius:3px}.visualiser_modal .visualiser_send .visualiser_send-form button{width:200px}@media (max-width: 992px){.visualiser_modal .visualiser_send .visualiser_send-form{display:block;width:295px;margin-left:auto;margin-right:auto}.visualiser_modal .visualiser_send .visualiser_send-form label{display:block;margin-bottom:10px}.visualiser_modal .visualiser_send .visualiser_send-form label span{width:50px;display:inline-block}.visualiser_modal .visualiser_send .visualiser_send-form button{width:225px;float:right}}@media (max-width: 375px){.visualiser_modal .visualiser_send .visualiser_send-form,.visualiser_modal .visualiser_send .visualiser_send-form label{width:auto}.visualiser_modal .visualiser_send .visualiser_send-form label span{display:block;width:auto}.visualiser_modal .visualiser_send .visualiser_send-form button{width:100%}.visualiser_modal .visualiser_send .visualiser_send-form input{width:100%;margin-left:0;margin-top:5px}}.visualiser_modal #visualiser_error_holder{padding-top:15px;color:red;font-size:.8rem}.residor-intro-page{display:flex;flex-direction:column;justify-content:center;position:absolute;inset:0;text-align:center;height:calc(100vh - 66px);background-image:url(/images/woodgrain-bg.jpg);background-position:center;background-size:cover}.residor-intro-page .intro-title{font-weight:400}.residor-intro-page .intro-title strong{display:block}.residor-intro-page .intro-title strong span{color:#387f83}@media (max-width: 767px){.residor-intro-page .intro-title{font-size:1.2rem}}.residor-intro-page .intro-image img{max-width:1000px;width:100%}.residor-intro-page .intro-text-item:before{content:"✓";color:#387f83;font-size:1.5rem;top:3px;position:relative}.residor-intro-page .intro-text-item:nth-child(1),.residor-intro-page .intro-text-item:nth-child(2){display:inline-block}.residor-intro-page .intro-text-item:nth-child(1){margin-right:20px}.infobanner-target{box-sizing:border-box;position:absolute;top:70px;right:150px;width:300px;height:472px;background:#fff;padding:10px;overflow:hidden;color:#fff}.infobanner-target .side-banner{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.infobanner-target .side-banner img{position:absolute;inset:0;width:300px;height:472px;z-index:0}.infobanner-target .side-banner p,.infobanner-target .side-banner h1{position:relative;z-index:2;margin:0}.infobanner-target .side-banner h1{font-family:serif;max-width:240px;font-style:italic;line-height:30px;margin-bottom:10px}.infobanner-target:after{content:"";position:absolute;left:-430px;bottom:0;right:0;transform:skew(55deg);height:75%;width:200%;background:#387f83;opacity:.95;z-index:1}.side-banner{display:none}span.highlight{color:#387f83;padding:0}.site-logo{position:absolute;top:0;left:0;height:75px;z-index:10000000000000000000}@media screen and (max-width: 768px){span.highlight{color:#fff;display:inline}.site-logo{display:none}}#enter-ral-code{position:absolute;inset:0;background:#000c;display:flex;z-index:10000000000000000000000}#enter-ral-code .enter-ral-code-inner{max-width:300px;margin:auto;background:#fff;border-radius:4px;position:relative;padding:40px}#enter-ral-code label{margin-bottom:10px;display:block}#enter-ral-code input{display:inline-block;height:40px;width:75%;float:left}#enter-ral-code a{cursor:pointer;float:right;background:#387f83;font-size:14px;color:#fff;font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none;height:40px;width:20%;line-height:40px}#enter-ral-code span{display:block;position:absolute;top:-25px;right:-15px;color:#fff;font-weight:600;font-size:26px;cursor:pointer}@media (max-width: 767px){.hwstyles div img{min-width:115px;height:115px}}
