/*
Do not use nested reference parent selectors (&) unless clarity is maintained.
eg
#configurator {
&.skin-tgo .current-price,
&.skin-tgo .current-price .currency,
&.skin-tgo .current-price .value {
color: black;
}
}
Could be condensed to:
#configurator {
&.skin-tgo .current-price {
&,
& .currency,
& .value {
color: black;
}
}
}
However this is harder to read (when in the middle of a long scss file), and makes it harder to search for specific selectors.
*/
@import "reset.css";
@import url("https://use.typekit.net/krb3jgb.css");
/***********************************************************
*** Must be declared after the mixins that it can call. ***
***********************************************************/
/*
@font-face {
font-family: 'aleobold';
src: url('../../fonts/configurator.4506/Aleo-Bold-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-Bold-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-Bold-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-Bold-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-Bold-webfont.svg#aleobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleobolditalic';
src: url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-BoldItalic-webfont.svg#aleobolditalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleolight';
src: url('../../fonts/configurator.4506/Aleo-Light-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-Light-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-Light-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-Light-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-Light-webfont.svg#aleolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleolightitalic';
src: url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-LightItalic-webfont.svg#aleolightitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleoregular';
src: url('../../fonts/configurator.4506/Aleo-Regular-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-Regular-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-Regular-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-Regular-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-Regular-webfont.svg#aleoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleoitalic';
src: url('../../fonts/configurator.4506/Aleo-Italic-webfont.eot');
src: url('../../fonts/configurator.4506/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/configurator.4506/Aleo-Italic-webfont.woff2') format('woff2'),
url('../../fonts/configurator.4506/Aleo-Italic-webfont.woff') format('woff'),
url('../../fonts/configurator.4506/Aleo-Italic-webfont.ttf') format('truetype'),
url('../../fonts/configurator.4506/Aleo-Italic-webfont.svg#aleoitalic') format('svg');
font-weight: normal;
font-style: normal;
}
*/
.clear {
clear: both;
}
body {
-webkit-print-color-adjust: exact;
font-family: omnes-pro;
font-weight: normal;
font-style: normal;
}
body * {
-webkit-print-color-adjust: exact;
}
.omnes-pro {
font-family: omnes-pro;
font-weight: normal;
font-style: normal;
}
.omnes-pro {
font-family: omnes-pro;
font-weight: normal;
font-style: normal;
}
/* viewer */
@-webkit-keyframes spin {
from {
-webkit-transform: rotateY(405deg);
}
to {
-webkit-transform: rotateY(45deg);
}
}
#configurator {
min-width: 1280px;
max-width: 1280px;
margin: 0 auto 215px auto;
/* 55px to allow space for the livechat widget */
padding: 0;
border-radius: 0;
border-width: 0;
/*
&.o-e-pack-none #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-none,
&.o-e-pack-none #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-none {
background-image: url('../../images/configurator.4506/pack-chooser-remote-natural-active.png?20260521203846');
} */
/*
&.skin-tgo .current-price,
&.skin-tgo .current-price .currency,
&.skin-tgo .current-price .value {
color: black;
}
&.skin-tgo .toolbar .current-price,
&.skin-tgo .toolbar .current-price .currency,
&.skin-tgo .toolbar .current-price .value {
color: white;
}
&.gsp .current-price,
&.gsp .current-price .currency,
&.gsp .current-price .value {
color: black;
}*/
/******************************************/
/******************************************/
/* always use configurator. */
/* always use configurator. */
/* always use configurator. */
/* always use configurator. */
/* always use configurator. */
/* always use configurator. */
/*
&.ta1.ta1.o-c-spruce-front #front-roof,
&.ta1.ta1.o-c-spruce-left #left-roof,
&.ta1.ta1.o-c-spruce-rear #rear-roof,
&.ta1.ta1.o-c-spruce-right #right-roof,
&.g2.g2.o-c-spruce-front #front-roof,
&.den.den.o-c-spruce-front #front-roof,
&.g2.g2.o-c-spruce-left #left-roof,
&.den.den.o-c-spruce-left #left-roof,
&.g2.g2.o-c-spruce-rear #rear-roof,
&.den.den.o-c-spruce-rear #rear-roof,
&.g2.g2.o-c-spruce-right #right-roof,
&.den.den.o-c-spruce-right #right-roof,
&.x1.x1.o-c-spruce-front #front-roof,
&.x1.x1.o-c-spruce-left #left-roof,
&.x1.x1.o-c-spruce-rear #rear-roof,
&.x1.x1.o-c-spruce-right #right-roof,
&.g3.g3.o-c-spruce-front #front-roof,
&.g3.g3.o-c-spruce-left #left-roof,
&.g3.g3.o-c-spruce-rear #rear-roof,
&.g3.g3.o-c-spruce-right #right-roof,
&.g5.g5.o-c-spruce-front #front-roof,
&.g5.g5.o-c-spruce-left #left-roof,
&.g5.g5.o-c-spruce-rear #rear-roof,
&.g5.g5.o-c-spruce-right #right-roof {
background-image: url('../../images/configurator.4506/fascia-tgox-composite-black.png?20260521203846')!important;
}
&.o-fascia-metal-graphite.ta1.ta1.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.ta1.ta1.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.ta1.ta1.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.ta1.ta1.o-c-spruce-right #right-roof,
&.o-fascia-metal-graphite.g2.g2.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.den.den.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.g2.g2.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.den.den.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.g2.g2.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.den.den.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.g2.g2.o-c-spruce-right #right-roof,
&.o-fascia-metal-graphite.den.den.o-c-spruce-right #right-roof,
&.o-fascia-metal-graphite.x1.x1.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.x1.x1.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.x1.x1.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.x1.x1.o-c-spruce-right #right-roof,
&.o-fascia-metal-graphite.g3.g3.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.g3.g3.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.g3.g3.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.g3.g3.o-c-spruce-right #right-roof,
&.o-fascia-metal-graphite.g5.g5.o-c-spruce-front #front-roof,
&.o-fascia-metal-graphite.g5.g5.o-c-spruce-left #left-roof,
&.o-fascia-metal-graphite.g5.g5.o-c-spruce-rear #rear-roof,
&.o-fascia-metal-graphite.g5.g5.o-c-spruce-right #right-roof {
background-image: url('../../images/configurator.4506/gr/misc-bg-metal-graphite.png?20260521203846')!important;
}
*/
/*
&.g2.g2.o-c-redwood-slatted-front #front-roof,
&.den.den.o-c-redwood-slatted-front #front-roof,
&.g2.g2.o-c-redwood-slatted-left #left-roof,
&.den.den.o-c-redwood-slatted-left #left-roof,
&.g2.g2.o-c-redwood-slatted-rear #rear-roof,
&.den.den.o-c-redwood-slatted-rear #rear-roof,
&.g2.g2.o-c-redwood-slatted-right #right-roof,
&.den.den.o-c-redwood-slatted-right #right-roof,
&.x1.x1.o-c-redwood-slatted-front #front-roof,
&.x1.x1.o-c-redwood-slatted-left #left-roof,
&.x1.x1.o-c-redwood-slatted-rear #rear-roof,
&.x1.x1.o-c-redwood-slatted-right #right-roof,
&.g3.g3.o-c-redwood-slatted-front #front-roof,
&.g3.g3.o-c-redwood-slatted-left #left-roof,
&.g3.g3.o-c-redwood-slatted-rear #rear-roof,
&.g3.g3.o-c-redwood-slatted-right #right-roof,
&.g5.g5.o-c-redwood-slatted-front #front-roof,
&.g5.g5.o-c-redwood-slatted-left #left-roof,
&.g5.g5.o-c-redwood-slatted-rear #rear-roof,
&.g5.g5.o-c-redwood-slatted-right #right-roof {
background-image: url('../../images/configurator.4506/fascia-tgox-composite-black.png?20260521203846')!important;
}
*/
/*
&.g2.g2.o-c-honey-slatted-front #front-roof,
&.den.den.o-c-honey-slatted-front #front-roof,
&.g2.g2.o-c-honey-slatted-left #left-roof,
&.den.den.o-c-honey-slatted-left #left-roof,
&.g2.g2.o-c-honey-slatted-rear #rear-roof,
&.den.den.o-c-honey-slatted-rear #rear-roof,
&.g2.g2.o-c-honey-slatted-right #right-roof,
&.den.den.o-c-honey-slatted-right #right-roof,
&.x1.x1.o-c-honey-slatted-front #front-roof,
&.x1.x1.o-c-honey-slatted-left #left-roof,
&.x1.x1.o-c-honey-slatted-rear #rear-roof,
&.x1.x1.o-c-honey-slatted-right #right-roof,
&.g3.g3.o-c-honey-slatted-front #front-roof,
&.g3.g3.o-c-honey-slatted-left #left-roof,
&.g3.g3.o-c-honey-slatted-rear #rear-roof,
&.g3.g3.o-c-honey-slatted-right #right-roof,
&.g5.g5.o-c-honey-slatted-front #front-roof,
&.g5.g5.o-c-honey-slatted-left #left-roof,
&.g5.g5.o-c-honey-slatted-rear #rear-roof,
&.g5.g5.o-c-honey-slatted-right #right-roof {
background-image: url('../../images/configurator.4506/fascia-tgox-composite-black.png?20260521203846')!important;
}
*/
/***** drag-helper START *****/
/* normal location: #configurator div.drag-helper p.guidance {, but briefly appended to #configurator to calculate width */
/** Corner preview images **/
/***** drag-helper END *****/
/*
form.contact button#find_address {
width: 204px;
border: 1px solid silver;
padding: 2px;
margin: 2px 0 2px 0;
background-color: #42787e;
color: white;
}
form.contact button#find_address {
width: 204px;
border: 1px solid silver;
padding: 2px;
margin: 2px 0 2px 0;
background-color: #42787e;
color: white;
}
*/
/****** jqueryui overrides START *******/
/* hide disabled tabs */
/****** jqueryui overrides END *******/
/****** configurator skins ******/
/*** PW specific styling for the configurator ***/
/************************************* panels ******************************************/
/*** /PW specific styling for the configurator ***/
/*** MP specific styling for the configurator ***/
/************************************* panels ******************************************/
/*** /MP specific styling for the configurator ***/
/*** GR specific styling for the configurator ***/
/* contains all GR specific styling for the configurator */
/************************************* panels ******************************************/
/*** /GR specific styling for the configurator ***/
/*** TGO specific styling for the configurator ***/
/*** /TGO specific styling for the configurator ***/
/*
&.ta1.o-d-size-extended div#viewer div#front-decking,
&.g2.o-d-size-extended div#viewer div#front-decking,
&.den.o-d-size-extended div#viewer div#front-decking,
&.x1.o-d-size-extended div#viewer div#front-decking {
transform: translateZ(210px)!important;
}
&.ta1.o-d-size-extended div#viewer div#decking-top,
&.g2.o-d-size-extended div#viewer div#decking-top,
&.den.o-d-size-extended div#viewer div#decking-top,
&.x1.o-d-size-extended div#viewer div#decking-top {
height: 34px!important;
}
*/
/*
not showing as a separate item on toolpalette - yet.
&.has-standard-aircon div#floorplanner .toolPalette .o-aircon-condenser,
&.has-designer-aircon div#floorplanner .toolPalette .o-aircon-condenser {
display: block;
}
*/
/*
&.o-heater-underfloor div#electrics .options .o-e-cu,
*/
/*
div.exterior-options .toolbar div.options-group div#dropdown-o-e-pack {
position: absolute;
bottom: -30px;
}
div.exterior-options .toolbar div.options-group div#dropdown-o-e-pack div.dd-select {
width: 275px!important;
margin-left: -6px;
}
div.exterior-options .toolbar div.options-group div#dropdown-o-e-pack div.dd-select a.dd-selected label.dd-selected-text {
padding-left: 6px;
}*/
/*
form.admin.showroom-voucher {
div.how-found-us-wrapper {
border: 1px solid white;
padding: 5px 5px 5px 5px;
h2 {
margin-top: 0;
background-color: white;
padding: 5px;
color: black;
}
}
div.how-heard-about-event-wrapper {
border: 1px solid white;
padding: 5px 5px 5px 5px;
margin-top: 15px;
margin-bottom: 15px;
h2 {
margin-top: 0;
background-color: white;
padding: 5px;
color: black;
}
}
}
*/
/* override standard fascias if required */
/*
&.g1.o-fascia-metal-black #roof-underside-left,
&.g1.o-fascia-metal-black #roof-underside-right,
&.g1.o-fascia-metal-black #roof-underside-front {
background-color: black;
}*/
/*
&.g1.o-fascia-metal-graphite #roof-underside-left,
&.g1.o-fascia-metal-graphite #roof-underside-right,
&.g1.o-fascia-metal-graphite #roof-underside-front {
background-color: #393939;
}*/
/* no #configurator on order forms because they are attached to the body */
/* div.output div.cost-per-month label {
color: black;
}*/
/*&.skin-gr div.output div.cost-per-month label {
color: black;
}*/
/*&.skin-tgo div.output div.cost-per-month label {
color: black;
}*/
/*&.skin-gs div.output div.cost-per-month label {
color: black;
}*/
/*&.skin-pw div.output div.cost-per-month label {
color: black;
}*/
/*&.skin-ta div.output div.cost-per-month label {
color: black;
}*/
}
#configurator.scale-big-building.basebox-derived {
max-width: 1400px;
}
#configurator, #configurator .panel-options {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
#configurator h1,
#configurator h2,
#configurator h3,
#configurator h4,
#configurator .panel-options h1,
#configurator .panel-options h2,
#configurator .panel-options h3,
#configurator .panel-options h4 {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
#configurator sup {
vertical-align: super;
font-size: smaller;
}
body #configurator p,
body #configurator span,
body #configurator h4 {
color: black;
}
body #configurator p.style-chooser span {
color: white;
}
body #configurator td {
color: black;
}
#configurator .load-error {
text-align: center;
font-size: 20px;
font-weight: bold;
color: red;
background-color: white;
}
#configurator .toolbar {
float: left;
/*background-image: url('../../images/configurator.4506/toolbar-bg.png?20260521203846');*/
position: relative;
padding: 0 15px 15px 0;
color: white;
width: 275px;
}
#configurator .toolbar h3.ui-button span.icon {
position: absolute;
right: 5px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
}
#configurator .skin-tgo .toolbar {
background-color: #434343;
}
#configurator img {
border-width: 0;
}
#configurator img.chooser {
border-width: 1px;
}
#configurator img.chooser.selected {
border-width: 3px;
}
#configurator .current-price {
text-align: center;
}
#configurator #door-sets-style-size-price,
#configurator #exterior-style-size-price {
text-align: center;
}
#configurator #door-sets-style-size-price div.container,
#configurator #exterior-style-size-price div.container {
display: inline-block;
margin: 15px 15px 15px 15px;
}
#configurator.costco #door-sets-style-size-price div.container, #configurator.costco #exterior-style-size-price div.container {
display: inline-block;
margin: 15px 15px 7px 15px;
}
#configurator #door-sets-style-size-price .current-price,
#configurator #exterior-style-size-price .current-price {
font-size: 18px;
}
#configurator #door-sets-style-size-price .additions,
#configurator #exterior-style-size-price .additions {
display: none;
}
#configurator.costco #door-sets-style-size-price .additions, #configurator.costco #exterior-style-size-price .additions {
display: block;
background-color: #757e85;
color: white;
padding: 5px 0 5px 0;
}
#configurator #door-sets-pack-chooser-control,
#configurator #exterior-pack-chooser-control {
text-align: center;
}
#configurator #door-sets-pack-chooser-control div.container,
#configurator #exterior-pack-chooser-control div.container {
display: inline-block;
margin: 15px 15px 15px 15px;
}
#configurator #door-sets-pack-chooser-control div.container ul.pack-option li.option,
#configurator #exterior-pack-chooser-control div.container ul.pack-option li.option {
display: inline-block;
width: 40px;
height: 40px;
margin: 3px 5px 3px 5px;
}
#configurator #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-none,
#configurator #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-none {
display: none;
/*
background-image: url('../../images/configurator.4506/pack-chooser-remote-natural.png?20260521203846');
*/
}
#configurator #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-black,
#configurator #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-black {
background-image: url("../../images/configurator.4506/pack-chooser-remote-black.png?20260521203846");
}
#configurator.o-e-pack-black #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-black, #configurator.o-e-pack-black #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-black {
background-image: url("../../images/configurator.4506/pack-chooser-remote-black-active.png?20260521203846");
}
#configurator #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-graphite,
#configurator #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-graphite {
background-image: url("../../images/configurator.4506/pack-chooser-remote-graphite.png?20260521203846");
}
#configurator.o-e-pack-graphite #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-graphite, #configurator.o-e-pack-graphite #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-graphite {
background-image: url("../../images/configurator.4506/pack-chooser-remote-graphite-active.png?20260521203846");
}
#configurator #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-natural,
#configurator #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-natural {
background-image: url("../../images/configurator.4506/pack-chooser-remote-natural.png?20260521203846");
}
#configurator.o-e-pack-natural #door-sets-pack-chooser-control div.container ul.pack-option li.option.o-e-pack-natural, #configurator.o-e-pack-natural #exterior-pack-chooser-control div.container ul.pack-option li.o-e-pack-natural {
background-image: url("../../images/configurator.4506/pack-chooser-remote-natural-active.png?20260521203846");
}
#configurator #door-sets-pack-chooser-control label.chosen-option span,
#configurator #exterior-pack-chooser-control label.chosen-option span {
font-size: 16px;
}
#configurator #door-sets-pack-chooser-control label.chosen-option span span.modified,
#configurator #exterior-pack-chooser-control label.chosen-option span span.modified {
display: inline;
}
#configurator.o-e-pack-black.o-fascia-metal-black.o-d-composite-black.o-cheek-inner-black #door-sets-pack-chooser-control label.chosen-option span span.modified, #configurator.o-e-pack-black.o-fascia-metal-black.o-d-composite-black.o-cheek-inner-black #exterior-pack-chooser-control label.chosen-option span span.modified, #configurator.o-e-pack-graphite.o-fascia-metal-graphite.o-d-composite.o-cheek-inner-black #door-sets-pack-chooser-control label.chosen-option span span.modified, #configurator.o-e-pack-graphite.o-fascia-metal-graphite.o-d-composite.o-cheek-inner-black #exterior-pack-chooser-control label.chosen-option span span.modified {
display: none;
}
#configurator #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-none,
#configurator #exterior-pack-chooser-control label.chosen-option span.o-e-pack-none, #configurator.o-e-pack-none #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-none #exterior-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-none #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-graphite, #configurator.o-e-pack-none #exterior-pack-chooser-control label.chosen-option span.o-e-pack-graphite, #configurator.o-e-pack-none #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-none #exterior-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-graphite #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-graphite #exterior-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-graphite #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-graphite #exterior-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-black #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-graphite, #configurator.o-e-pack-black #exterior-pack-chooser-control label.chosen-option span.o-e-pack-graphite, #configurator.o-e-pack-black #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-black #exterior-pack-chooser-control label.chosen-option span.o-e-pack-natural, #configurator.o-e-pack-natural #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-natural #exterior-pack-chooser-control label.chosen-option span.o-e-pack-black, #configurator.o-e-pack-natural #door-sets-pack-chooser-control label.chosen-option span.o-e-pack-graphite, #configurator.o-e-pack-natural #exterior-pack-chooser-control label.chosen-option span.o-e-pack-graphite {
display: none;
}
#configurator.costco #door-sets-pack-chooser-control div.container, #configurator.costco #exterior-pack-chooser-control div.container {
display: inline-block;
margin: 15px 15px 7px 15px;
}
#configurator #door-sets-pack-chooser-control .current-price,
#configurator #exterior-pack-chooser-control .current-price {
font-size: 18px;
}
#configurator #door-sets-pack-chooser-control .additions,
#configurator #exterior-pack-chooser-control .additions {
display: none;
}
#configurator.costco #door-sets-pack-chooser-control .additions, #configurator.costco #exterior-pack-chooser-control .additions {
display: block;
background-color: #757e85;
color: white;
padding: 5px 0 5px 0;
}
#configurator .costco-only {
display: none !important;
}
#configurator.costco .not-costco {
display: none !important;
}
#configurator.costco p.costco-only, #configurator.costco div.costco-only {
display: block !important;
}
#configurator.costco img.costco-only, #configurator.costco span.costco-only {
display: inline !important;
}
#configurator img.costco-logo {
position: absolute;
top: 20px;
right: 10px;
width: 223px;
height: 70px;
}
#configurator .finance-only {
display: none !important;
}
#configurator.finance p.finance-only, #configurator.finance div.finance-only {
display: block !important;
}
#configurator.finance img.finance-only, #configurator.finance span.finance-only {
display: inline !important;
}
#configurator img.finance-logo {
position: absolute;
top: 20px;
right: 10px;
width: 223px;
height: 70px;
}
#configurator .current-price {
font-size: 14px;
}
#configurator .current-price .currency,
#configurator .current-price .value {
font-size: 30px;
line-height: 30px;
}
#configurator .your-total.current-price .currency,
#configurator .your-total.current-price .value {
font-size: inherit;
line-height: inherit;
}
#configurator #door-sets-toolbar #door-sets-trim-colour p.label,
#configurator #exterior-options-toolbar #exterior-options-trim-colour p.label {
width: 137px;
padding: 10px 12px 10px 12px;
font-size: 15px;
line-height: 30px;
display: inline-block;
}
#configurator div.trim-colour-sample-wrapper {
display: inline-block;
margin: 0 0 0 0;
text-align: center;
width: 82px;
}
#configurator #door-sets-toolbar #door-sets-trim-colour p.label,
#configurator #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gr #door-sets-toolbar #door-sets-trim-colour p.label, #configurator.skin-gr #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo #door-sets-toolbar #door-sets-trim-colour p.label, #configurator.skin-tgo #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gs #door-sets-toolbar #door-sets-trim-colour p.label, #configurator.skin-gs #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw #door-sets-toolbar #door-sets-trim-colour p.label, #configurator.skin-pw #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-ta #door-sets-toolbar #door-sets-trim-colour p.label, #configurator.skin-ta #exterior-options-toolbar #exterior-options-trim-colour p.label {
background-color: #444743;
color: #ffffff;
}
#configurator > .header span.service-worker-icon {
display: none;
}
body.service-worker-active #configurator > .header span.service-worker-icon {
display: block;
position: absolute;
right: 5px;
bottom: 5px;
width: 25px;
height: 25px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 25px 25px;
background-image: url("../../images/configurator.4506/cog.svg?20260521203846");
}
body.service-worker-active #configurator.show-info-bar > .header span.service-worker-icon {
display: none;
}
#configurator div.service-worker-available-update-notification,
#configurator div.service-worker-available-update-caching-notification {
display: none;
background-color: red;
color: white;
line-height: 50px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100000;
}
#configurator div.service-worker-available-update-notification:hover {
cursor: pointer;
}
#configurator div.service-worker-available-update-caching-notification:hover {
cursor: default;
}
#configurator.show-update-available-notification div.service-worker-available-update-notification {
display: block;
}
#configurator.show-update-available-caching div.service-worker-available-update-caching-notification {
display: block;
}
#configurator.show-update-available-caching.show-update-available-notification div.service-worker-available-update-caching-notification {
display: none;
/* hide the caching notification once the "update available" notification is shown */
}
#configurator .right-click-prompt,
#configurator .panel-options {
float: left;
position: relative;
background-color: #666666;
border: 1px solid white;
padding: 10px 15px 15px 15px;
color: white;
width: 350px;
}
#configurator .skin-tgo .right-click-prompt,
#configurator .skin-tgo .panel-options {
background-image: none;
background-color: #666666;
}
#configurator .panel-options p {
color: white;
}
#configurator .panel-options p.threshold-advisory {
text-align: center;
font-size: 12px;
margin-top: 3px;
}
#configurator .panel-options .panel-alignment span.action {
text-decoration: underline;
color: white;
}
#configurator .panel-options .panel-alignment.left span.action.left,
#configurator .panel-options .panel-alignment.centre span.action.centre,
#configurator .panel-options .panel-alignment.right span.action.right,
#configurator .panel-options .panel-alignment.none span.action.none {
text-decoration: none;
color: #cfcfcf;
cursor: default;
}
#configurator.skin-pw .right-click-prompt, #configurator.skin-pw .panel-options {
background-color: #666666;
color: white;
}
#configurator .toolbar .footer {
background-image: url("../../images/configurator.4506/toolbar-bg.png?20260521203846");
background-image: none;
background-position: 50% 100%;
position: absolute;
bottom: 0;
left: 0;
width: 305px;
height: 10px;
margin-bottom: -10px;
}
#configurator h1,
#configurator h2,
#configurator h3 {
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
#configurator h1.viewer-title {
font-size: 32px;
}
#configurator div.size-chooser.ui-button,
#configurator h3.ui-button {
margin: 0px 0 0px 0;
font-weight: normal;
font-size: 16px;
}
#configurator div.size-chooser.ui-button,
#configurator h3.ui-button {
background-image: none;
background-color: #3078aa;
border: 1px solid #47b5ff;
text-transform: uppercase;
text-align: left;
}
#configurator h3.ui-button.active,
#configurator h3.ui-button.ui-state-hover {
border-width: 0px;
}
#configurator .toolbar .options-group,
#configurator .toolbar ul {
list-style: none;
width: 240px;
margin: 0px 0 0 0;
padding: 0 0 0 5px;
border-width: 0px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator .options h3.ui-button,
#configurator h3.ui-button.active,
#configurator #floorplanner #toolPalette h3.ui-button,
#configurator h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator .options h3.ui-button .ui-button-text,
#configurator h3.ui-button.active .ui-button-text,
#configurator h3.ui-button.active span.icon,
#configurator #floorplanner #toolPalette h3.ui-button .ui-button-text,
#configurator #floorplanner #toolPalette h3.ui-button span.icon,
#configurator #floorplanner #toolPalette h3.ui-button span.show-legend,
#configurator #floorplanner #toolPalette h3.ui-button span.hide-legend,
#configurator #floorplanner #toolPalette h3.ui-button span.zoom-in,
#configurator #floorplanner #toolPalette h3.ui-button span.zoom-out,
#configurator h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator .toolbar .options-group,
#configurator .toolbar ul {
background-color: #444743;
}
#configurator .exterior-options .toolbar .dd-container.odd,
#configurator .exterior-options .toolbar .dd-container.odd a.dd-selected,
#configurator .exterior-options .toolbar .dd-container.odd ul.dd-options,
#configurator #floorplanner #toolPalette ul.options-group li.odd,
#configurator #floorplanner #toolPalette ul.options-group li.odd select,
#configurator .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator .exterior-options .toolbar .dd-container.even,
#configurator .exterior-options .toolbar .dd-container.even a.dd-selected,
#configurator .exterior-options .toolbar .dd-container.even ul.dd-options,
#configurator #floorplanner #toolPalette ul.options-group li.even,
#configurator #floorplanner #toolPalette ul.options-group li.even select,
#configurator .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator .options h3 span,
#configurator .toolbar h3 span,
#configurator .options-group span.price,
#configurator .option-group h4 .price,
#configurator .option-group h4 .price *,
#configurator #floorplanner #tollPalette ul.options-group li.floorplanner-item h4,
#configurator .toolbar h4 {
color: #444743;
}
#configurator .options-group li.panel.even span.price,
#configurator .option-group li.panel.even h4 .price,
#configurator .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator #door-sets-toolbar .ui-widget-header,
#configurator #door-sets-toolbar .ui-dialog .ui-button,
#configurator #exterior-options-toolbar .ui-button.end-cap,
#configurator #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator #exterior-options-toolbar .ui-button,
#configurator #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator #exterior-options-toolbar .ui-button.end-cap,
#configurator #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator.skin-gr .options h3.ui-button, #configurator.skin-gr h3.ui-button.active, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button, #configurator.skin-gr h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator.skin-gr .options h3.ui-button .ui-button-text, #configurator.skin-gr h3.ui-button.active .ui-button-text, #configurator.skin-gr h3.ui-button.active span.icon, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button .ui-button-text, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button span.icon, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button span.show-legend, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button span.hide-legend, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button span.zoom-in, #configurator.skin-gr #floorplanner #toolPalette h3.ui-button span.zoom-out, #configurator.skin-gr h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator.skin-gr .toolbar .options-group, #configurator.skin-gr .toolbar ul {
background-color: #444743;
}
#configurator.skin-gr .exterior-options .toolbar .dd-container.odd, #configurator.skin-gr .exterior-options .toolbar .dd-container.odd a.dd-selected, #configurator.skin-gr .exterior-options .toolbar .dd-container.odd ul.dd-options, #configurator.skin-gr #floorplanner #toolPalette ul.options-group li.odd, #configurator.skin-gr #floorplanner #toolPalette ul.options-group li.odd select, #configurator.skin-gr .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator.skin-gr .exterior-options .toolbar .dd-container.even, #configurator.skin-gr .exterior-options .toolbar .dd-container.even a.dd-selected, #configurator.skin-gr .exterior-options .toolbar .dd-container.even ul.dd-options, #configurator.skin-gr #floorplanner #toolPalette ul.options-group li.even, #configurator.skin-gr #floorplanner #toolPalette ul.options-group li.even select, #configurator.skin-gr .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator.skin-gr .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator.skin-gr .options h3 span, #configurator.skin-gr .toolbar h3 span, #configurator.skin-gr .options-group span.price, #configurator.skin-gr .option-group h4 .price, #configurator.skin-gr .option-group h4 .price *, #configurator.skin-gr #floorplanner #tollPalette ul.options-group li.floorplanner-item h4, #configurator.skin-gr .toolbar h4 {
color: #444743;
}
#configurator.skin-gr .options-group li.panel.even span.price, #configurator.skin-gr .option-group li.panel.even h4 .price, #configurator.skin-gr .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator.skin-gr #door-sets-toolbar .ui-widget-header, #configurator.skin-gr #door-sets-toolbar .ui-dialog .ui-button, #configurator.skin-gr #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-gr #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator.skin-gr #exterior-options-toolbar .ui-button, #configurator.skin-gr #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator.skin-gr #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-gr #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator.skin-gr #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator.skin-gr .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator.skin-gr .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator.skin-tgo .options h3.ui-button, #configurator.skin-tgo h3.ui-button.active, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button, #configurator.skin-tgo h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator.skin-tgo .options h3.ui-button .ui-button-text, #configurator.skin-tgo h3.ui-button.active .ui-button-text, #configurator.skin-tgo h3.ui-button.active span.icon, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button .ui-button-text, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button span.icon, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button span.show-legend, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button span.hide-legend, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button span.zoom-in, #configurator.skin-tgo #floorplanner #toolPalette h3.ui-button span.zoom-out, #configurator.skin-tgo h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator.skin-tgo .toolbar .options-group, #configurator.skin-tgo .toolbar ul {
background-color: #444743;
}
#configurator.skin-tgo .exterior-options .toolbar .dd-container.odd, #configurator.skin-tgo .exterior-options .toolbar .dd-container.odd a.dd-selected, #configurator.skin-tgo .exterior-options .toolbar .dd-container.odd ul.dd-options, #configurator.skin-tgo #floorplanner #toolPalette ul.options-group li.odd, #configurator.skin-tgo #floorplanner #toolPalette ul.options-group li.odd select, #configurator.skin-tgo .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator.skin-tgo .exterior-options .toolbar .dd-container.even, #configurator.skin-tgo .exterior-options .toolbar .dd-container.even a.dd-selected, #configurator.skin-tgo .exterior-options .toolbar .dd-container.even ul.dd-options, #configurator.skin-tgo #floorplanner #toolPalette ul.options-group li.even, #configurator.skin-tgo #floorplanner #toolPalette ul.options-group li.even select, #configurator.skin-tgo .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator.skin-tgo .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator.skin-tgo .options h3 span, #configurator.skin-tgo .toolbar h3 span, #configurator.skin-tgo .options-group span.price, #configurator.skin-tgo .option-group h4 .price, #configurator.skin-tgo .option-group h4 .price *, #configurator.skin-tgo #floorplanner #tollPalette ul.options-group li.floorplanner-item h4, #configurator.skin-tgo .toolbar h4 {
color: #444743;
}
#configurator.skin-tgo .options-group li.panel.even span.price, #configurator.skin-tgo .option-group li.panel.even h4 .price, #configurator.skin-tgo .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator.skin-tgo #door-sets-toolbar .ui-widget-header, #configurator.skin-tgo #door-sets-toolbar .ui-dialog .ui-button, #configurator.skin-tgo #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-tgo #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator.skin-tgo #exterior-options-toolbar .ui-button, #configurator.skin-tgo #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator.skin-tgo #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-tgo #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator.skin-tgo #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator.skin-tgo .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator.skin-tgo .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator.skin-gs .options h3.ui-button, #configurator.skin-gs h3.ui-button.active, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button, #configurator.skin-gs h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator.skin-gs .options h3.ui-button .ui-button-text, #configurator.skin-gs h3.ui-button.active .ui-button-text, #configurator.skin-gs h3.ui-button.active span.icon, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button .ui-button-text, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button span.icon, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button span.show-legend, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button span.hide-legend, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button span.zoom-in, #configurator.skin-gs #floorplanner #toolPalette h3.ui-button span.zoom-out, #configurator.skin-gs h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator.skin-gs .toolbar .options-group, #configurator.skin-gs .toolbar ul {
background-color: #444743;
}
#configurator.skin-gs .exterior-options .toolbar .dd-container.odd, #configurator.skin-gs .exterior-options .toolbar .dd-container.odd a.dd-selected, #configurator.skin-gs .exterior-options .toolbar .dd-container.odd ul.dd-options, #configurator.skin-gs #floorplanner #toolPalette ul.options-group li.odd, #configurator.skin-gs #floorplanner #toolPalette ul.options-group li.odd select, #configurator.skin-gs .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator.skin-gs .exterior-options .toolbar .dd-container.even, #configurator.skin-gs .exterior-options .toolbar .dd-container.even a.dd-selected, #configurator.skin-gs .exterior-options .toolbar .dd-container.even ul.dd-options, #configurator.skin-gs #floorplanner #toolPalette ul.options-group li.even, #configurator.skin-gs #floorplanner #toolPalette ul.options-group li.even select, #configurator.skin-gs .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator.skin-gs .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator.skin-gs .options h3 span, #configurator.skin-gs .toolbar h3 span, #configurator.skin-gs .options-group span.price, #configurator.skin-gs .option-group h4 .price, #configurator.skin-gs .option-group h4 .price *, #configurator.skin-gs #floorplanner #tollPalette ul.options-group li.floorplanner-item h4, #configurator.skin-gs .toolbar h4 {
color: #444743;
}
#configurator.skin-gs .options-group li.panel.even span.price, #configurator.skin-gs .option-group li.panel.even h4 .price, #configurator.skin-gs .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator.skin-gs #door-sets-toolbar .ui-widget-header, #configurator.skin-gs #door-sets-toolbar .ui-dialog .ui-button, #configurator.skin-gs #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-gs #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator.skin-gs #exterior-options-toolbar .ui-button, #configurator.skin-gs #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator.skin-gs #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-gs #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator.skin-gs #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator.skin-gs .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator.skin-gs .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator.skin-pw .options h3.ui-button, #configurator.skin-pw h3.ui-button.active, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button, #configurator.skin-pw h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator.skin-pw .options h3.ui-button .ui-button-text, #configurator.skin-pw h3.ui-button.active .ui-button-text, #configurator.skin-pw h3.ui-button.active span.icon, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button .ui-button-text, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button span.icon, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button span.show-legend, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button span.hide-legend, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button span.zoom-in, #configurator.skin-pw #floorplanner #toolPalette h3.ui-button span.zoom-out, #configurator.skin-pw h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator.skin-pw .toolbar .options-group, #configurator.skin-pw .toolbar ul {
background-color: #444743;
}
#configurator.skin-pw .exterior-options .toolbar .dd-container.odd, #configurator.skin-pw .exterior-options .toolbar .dd-container.odd a.dd-selected, #configurator.skin-pw .exterior-options .toolbar .dd-container.odd ul.dd-options, #configurator.skin-pw #floorplanner #toolPalette ul.options-group li.odd, #configurator.skin-pw #floorplanner #toolPalette ul.options-group li.odd select, #configurator.skin-pw .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator.skin-pw .exterior-options .toolbar .dd-container.even, #configurator.skin-pw .exterior-options .toolbar .dd-container.even a.dd-selected, #configurator.skin-pw .exterior-options .toolbar .dd-container.even ul.dd-options, #configurator.skin-pw #floorplanner #toolPalette ul.options-group li.even, #configurator.skin-pw #floorplanner #toolPalette ul.options-group li.even select, #configurator.skin-pw .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator.skin-pw .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator.skin-pw .options h3 span, #configurator.skin-pw .toolbar h3 span, #configurator.skin-pw .options-group span.price, #configurator.skin-pw .option-group h4 .price, #configurator.skin-pw .option-group h4 .price *, #configurator.skin-pw #floorplanner #tollPalette ul.options-group li.floorplanner-item h4, #configurator.skin-pw .toolbar h4 {
color: #444743;
}
#configurator.skin-pw .options-group li.panel.even span.price, #configurator.skin-pw .option-group li.panel.even h4 .price, #configurator.skin-pw .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator.skin-pw #door-sets-toolbar .ui-widget-header, #configurator.skin-pw #door-sets-toolbar .ui-dialog .ui-button, #configurator.skin-pw #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-pw #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator.skin-pw #exterior-options-toolbar .ui-button, #configurator.skin-pw #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator.skin-pw #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-pw #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator.skin-pw #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator.skin-pw .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator.skin-pw .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator.skin-ta .options h3.ui-button, #configurator.skin-ta h3.ui-button.active, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button, #configurator.skin-ta h3.ui-button.ui-state-hover {
background-color: #444743;
}
#configurator.skin-ta .options h3.ui-button .ui-button-text, #configurator.skin-ta h3.ui-button.active .ui-button-text, #configurator.skin-ta h3.ui-button.active span.icon, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button .ui-button-text, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button span.icon, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button span.show-legend, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button span.hide-legend, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button span.zoom-in, #configurator.skin-ta #floorplanner #toolPalette h3.ui-button span.zoom-out, #configurator.skin-ta h3.ui-button.ui-state-hover .ui-button-text {
color: #ffffff;
}
#configurator.skin-ta .toolbar .options-group, #configurator.skin-ta .toolbar ul {
background-color: #444743;
}
#configurator.skin-ta .exterior-options .toolbar .dd-container.odd, #configurator.skin-ta .exterior-options .toolbar .dd-container.odd a.dd-selected, #configurator.skin-ta .exterior-options .toolbar .dd-container.odd ul.dd-options, #configurator.skin-ta #floorplanner #toolPalette ul.options-group li.odd, #configurator.skin-ta #floorplanner #toolPalette ul.options-group li.odd select, #configurator.skin-ta .toolbar li.panel.odd {
background-color: #ffffff;
}
#configurator.skin-ta .exterior-options .toolbar .dd-container.even, #configurator.skin-ta .exterior-options .toolbar .dd-container.even a.dd-selected, #configurator.skin-ta .exterior-options .toolbar .dd-container.even ul.dd-options, #configurator.skin-ta #floorplanner #toolPalette ul.options-group li.even, #configurator.skin-ta #floorplanner #toolPalette ul.options-group li.even select, #configurator.skin-ta .toolbar li.panel.even {
background-color: #f3f3f3;
}
#configurator.skin-ta .exterior-options .toolbar .dd-container a.dd-selected .menu-name {
color: #444743;
}
#configurator.skin-ta .options h3 span, #configurator.skin-ta .toolbar h3 span, #configurator.skin-ta .options-group span.price, #configurator.skin-ta .option-group h4 .price, #configurator.skin-ta .option-group h4 .price *, #configurator.skin-ta #floorplanner #tollPalette ul.options-group li.floorplanner-item h4, #configurator.skin-ta .toolbar h4 {
color: #444743;
}
#configurator.skin-ta .options-group li.panel.even span.price, #configurator.skin-ta .option-group li.panel.even h4 .price, #configurator.skin-ta .option-group li.panel.even h4 .price * {
color: #444743;
}
#configurator.skin-ta #door-sets-toolbar .ui-widget-header, #configurator.skin-ta #door-sets-toolbar .ui-dialog .ui-button, #configurator.skin-ta #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-ta #door-sets-toolbar .ui-button {
background-color: #444743;
}
#configurator.skin-ta #exterior-options-toolbar .ui-button, #configurator.skin-ta #door-sets-toolbar .ui-button {
border-bottom: 1px solid #f3f3f3;
}
#configurator.skin-ta #exterior-options-toolbar .ui-button.end-cap, #configurator.skin-ta #door-sets-toolbar .ui-button.end-cap {
border-bottom-width: 0;
}
#configurator.skin-ta #door-sets-toolbar h3.ui-button span {
color: #ffffff;
}
#configurator.skin-ta .trim-colour {
/*background-color: unquote($backgroundColour);*/
background-color: white;
color: #ffffff;
}
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option .dd-option-text .price,
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
color: #444743;
}
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option.dd-option-selected .dd-option-description img,
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option .dd-option-description:hover img {
border: 1px solid #d6ad00;
}
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option {
color: #444743;
}
#configurator.skin-ta .dd-container.external-options .dd-options li .dd-option:hover {
/*background-color: unquote($backgroundColour);*/
color: #ffffff;
}
#configurator .toolbar .options-group .hint {
text-align: center;
}
#configurator .toolbar .options-group .hint span {
color: white;
font-size: 14px;
padding: 1px 3px 1px 3px;
}
#configurator .toolbar ul li {
margin: 0 0 0 0;
padding: 2px 0 0 0;
clear: left;
}
#configurator .toolbar ul li.panel:first-child {
margin-top: 0px;
}
#configurator .toolbar ul li.panel.read-only,
#configurator .div#sides ul.overlay li.slot.read-only {
cursor: not-allowed;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item {
position: relative;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info {
display: none;
width: 250px;
position: absolute;
top: -80px;
right: -250px;
z-index: 100;
padding: 3px 0 0 0;
text-align: center;
background-color: white;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info h2 {
font-size: 14px;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info img.info {
margin: 0 0 10px 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info p {
padding: 5px 5px 5px 5px;
}
#configurator #configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info p.note {
text-align: left;
background-color: gray;
color: white;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info p.key {
text-align: right;
margin-top: 5px;
border-top: 1px silver solid;
padding-top: 5px;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info p.add {
cursor: pointer;
width: 150px;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px 10px 5px 10px;
background-color: #697f6a;
/* default: may be overridden by skins.scss */
color: white;
/* default: may be overridden by skins.scss */
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info p.key img.icon {
vertical-align: top;
float: none;
margin-right: 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info div.panel {
height: 167px;
/*margin: 0 0 0 20px;*/
margin: 0 0 0 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info div.pricing-info {
background-color: white;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 1px solid #666666;
width: 250px;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info div.pricing-info p {
padding: 3px;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item div.info .price {
float: none;
color: black;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item.show-info div.info,
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item:hover div.info {
display: block;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item h4,
#configurator .toolbar li h4 {
margin: 3px 0 3px 0;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
margin: 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item.select h4 {
font-size: 12px;
}
#configurator .toolbar li h4 .ui-icon {
float: right;
margin: 3px 3px 0 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item p,
#configurator .toolbar li p {
padding: 0 0 0 37px;
margin: 0;
color: gray;
font-size: 13px;
line-height: 16px;
}
#configurator .toolbar li p span.price {
float: right;
color: black;
}
#configurator #help-viewer span.icon.drag-and-drop,
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item span.icon,
#configurator .toolbar li span.icon {
width: 17px;
height: 20px;
display: inline-block;
background-image: url("../../images/configurator.4506/move-icon.png?20260521203846");
background-position: 0 0px;
float: left;
margin: 11px 10px 5px 10px;
border-radius: 0;
}
#configurator #floorplanner #toolPalette ul.options-group li.floorplanner-item.select span.icon {
width: 20px;
height: 20px;
background-image: url("../../images/configurator.4506/select-icon.png?20260521203846");
margin: 11px 8px 5px 8px;
}
#configurator #help-viewer span.icon.drag-and-drop {
background-position: 0 0px;
float: none;
vertical-align: middle;
}
#configurator #close-help-viewer {
text-align: center;
clear: both;
margin-top: 50px;
}
#configurator .customer-document .next-steps,
#configurator #close-help-viewer a,
#configurator #close-help-viewer a:visited {
text-transform: uppercase;
font-size: 18px;
color: white;
border: 1px solid #3078aa;
padding: 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator .customer-document .next-steps {
color: black;
vertical-align: middle;
line-height: 33px;
text-align: center;
border-width: 0;
padding: 0;
}
#configurator .customer-document .next-steps .action {
width: 310px;
padding: 5px 5px 5px 50px;
text-align: left;
font-size: 20px;
background-image: none;
}
#configurator .customer-document .next-steps .action:hover {
background-image: none;
}
#configurator .customer-document .next-steps .action:hover {
color: #666666;
}
#configurator .customer-document .next-steps div.enquiry-bar {
margin-bottom: 10px;
}
#configurator.tp.tp .customer-document .next-steps div.enquiry-bar {
text-align: left;
background-color: transparent;
}
#configurator.ta1 .customer-document .next-steps div.payment-bar div.action.request-finance, #configurator.ta2 .customer-document .next-steps div.payment-bar div.action.request-finance, #configurator.hide .customer-document .next-steps div.payment-bar div.action.request-finance {
display: none;
}
#configurator .customer-document .next-steps div.costco-actions,
#configurator .customer-document .next-steps div.payment-bar {
text-align: left;
}
#configurator .customer-document .next-steps div.costco-actions img.icon,
#configurator .customer-document .next-steps div.enquiry-bar img.icon {
vertical-align: middle;
margin-right: 5px;
margin-top: -4px;
}
#configurator .customer-document .next-steps div.payment-bar img.icon {
vertical-align: middle;
margin-right: 10px;
margin-top: -7px;
}
#configurator.show-finance-calculator .customer-document .next-steps div.payment-bar div.action {
margin-bottom: 10px;
}
#configurator .customer-document .next-steps div.pre-finance-blank-page {
display: none;
}
#configurator.show-finance-calculator .customer-document .next-steps div.pre-finance-blank-page, #configurator.show-finance-calculator .customer-document .next-steps div.payment-bar {
display: block;
page-break-before: always;
page-break-inside: avoid;
}
#configurator .customer-document .next-steps a.action.costco-contact-us,
#configurator .customer-document .next-steps a.action.costco-visit-us, #configurator.tp .customer-document .next-steps div.action,
#configurator .customer-document .next-steps div.payment-bar div.action {
width: 45%;
margin: 0;
padding: 20px;
text-align: center;
font-size: 24px;
}
#configurator.tp .customer-document .next-steps div.action {
background-color: #53334d;
}
#configurator.tp .customer-document .next-steps div.action.site-survey-virtual {
float: right;
}
#configurator.basebox-derived .customer-document .next-steps div.action {
background-color: #53334d;
}
#configurator.basebox-derived .customer-document .next-steps div.action.site-survey-virtual {
float: right;
}
#configurator .customer-document .next-steps a.action.costco-visit-us,
#configurator .customer-document .next-steps div.payment-bar div.action.order {
float: right;
}
#configurator.costco .customer-document .next-steps div.payment-bar div.action.order {
width: 100%;
padding: 20px 0;
margin-top: 20px;
}
#configurator.costco.advanced .customer-document .next-steps div.payment-bar div.action.order {
margin-top: 0;
}
#configurator.ta1 .customer-document .next-steps div.payment-bar div.action.order, #configurator.ta2 .customer-document .next-steps div.payment-bar div.action.order, #configurator.hide .customer-document .next-steps div.payment-bar div.action.order {
width: 100%;
padding: 20px 0 20px 0;
}
#configurator.advanced #chat-widget-container, #configurator.advanced #livechat-compact-container, #configurator.advanced #livechat-full {
display: none;
opacity: 0;
visibility: hidden;
}
body.hide-livechat #chat-widget-container, body.hide-livechat #livechat-compact-container, body.hide-livechat #livechat-full {
display: none;
opacity: 0;
visibility: hidden;
}
#configurator .customer-document .next-steps .action:hover {
color: #edba03;
}
#configurator .customer-document .next-steps div.enquiry-bar {
background-color: #edba03;
color: #ffffff;
}
#configurator .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #edba03;
color: #ffffff;
}
#configurator .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator .customer-document .next-steps div.payment-bar .action.order {
background-color: #edba03;
color: #ffffff;
}
#configurator .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator .customer-document .next-steps .action.costco-contact-us {
background-color: #edba03;
color: #ffffff;
}
#configurator .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator .customer-document .next-steps .action.costco-visit-us {
background-color: #edba03;
color: #ffffff;
}
#configurator .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps .action:hover {
color: #697f6a;
}
#configurator.skin-gr .customer-document .next-steps div.enquiry-bar {
background-color: #53334d;
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps div.payment-bar .action.order {
background-color: #53334d;
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps .action.costco-contact-us {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps .action.costco-visit-us {
background-color: #53334d;
color: #ffffff;
}
#configurator.skin-gr .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps .action:hover {
color: #edba03;
}
#configurator.skin-tgo .customer-document .next-steps div.enquiry-bar {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps div.payment-bar .action.order {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps .action.costco-contact-us {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps .action.costco-visit-us {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps .action:hover {
color: #697f6a;
}
#configurator.skin-gs .customer-document .next-steps div.enquiry-bar {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps div.payment-bar .action.order {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps .action.costco-contact-us {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps .action.costco-visit-us {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps .action:hover {
color: #edba03;
}
#configurator.skin-pw .customer-document .next-steps div.enquiry-bar {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps div.payment-bar .action.order {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps .action.costco-contact-us {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps .action.costco-visit-us {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps .action:hover {
color: #465775;
}
#configurator.skin-ta .customer-document .next-steps div.enquiry-bar {
background-color: #4c7f8f;
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps div.enquiry-bar span {
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps div.payment-bar .action.request-finance {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps div.payment-bar .action.request-finance span {
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps div.payment-bar .action.order {
background-color: #4c7f8f;
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps div.payment-bar .action.order span {
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps .action.costco-contact-us {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps .action.costco-contact-us span {
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps .action.costco-visit-us {
background-color: #4c7f8f;
color: #ffffff;
}
#configurator.skin-ta .customer-document .next-steps .action.costco-visit-us span {
color: #ffffff;
}
#configurator #close-help-viewer a:hover {
background-color: #3078aa;
border: 1px solid #47b5ff;
color: #47b5ff;
}
#configurator .toolbar li:hover span.icon {
background-position: 0 0;
}
#configurator #delivery-installation {
position: relative;
}
#configurator #delivery-installation img.deliveryAndInstallation {
padding: 2px;
border: 1px solid silver;
margin: 0 20px 20px 0;
float: left;
}
#configurator #delivery-installation div.header {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0 0 5px 0;
padding: 5px;
text-align: center;
background-image: none;
}
#configurator #delivery-installation div.gmap {
height: 350px;
}
#configurator #delivery-installation div.zone-map {
display: inline-block;
width: 660px;
}
#configurator #delivery-installation div.gmap.zoned {
width: 550px;
margin-left: 30px;
margin-bottom: 350px;
display: inline-block;
}
#configurator #delivery-installation div.content div.free-delivery {
width: 400px;
padding: 20px 0 20px 20px;
}
#configurator #delivery-installation div.content div.free-delivery p {
margin-bottom: 20px;
line-height: 25px;
}
#configurator #delivery-installation div.content div.free-delivery p.key-point {
font-weight: 400;
}
#configurator #delivery-installation div.content div.free-delivery p a {
font-weight: 400;
}
#configurator #delivery-installation div.overview {
position: absolute;
top: 200px;
right: 150px;
width: 500px;
background-color: white;
text-align: center;
padding: 20px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#configurator #delivery-installation div.overview h2 {
background-color: black;
color: white;
padding: 10px 20px 10px 20px;
display: inline;
line-height: 30px;
font-size: 24px;
}
#configurator #delivery-installation div.overview p {
margin: 10px;
}
#configurator #delivery-installation div.overview p.intro {
margin-top: 20px;
}
#configurator #delivery-installation div.overview p.key-point {
font-weight: 400;
}
#configurator #delivery-installation div.overview p.more-info {
margin-top: 30px;
}
#configurator #delivery-installation input#postcode {
width: 260px;
text-align: center;
border-right-width: 0;
}
#configurator #delivery-installation input#postcode,
#configurator #delivery-installation button#postcode-check {
font-size: 17px;
height: 30px;
padding: 3px;
}
#configurator #delivery-installation button#postcode-check {
-webkit-appearance: none;
display: inline-block;
height: 38px;
}
#configurator #delivery-installation div.header {
background-color: #edba03;
color: #ffffff;
}
#configurator #delivery-installation div#address-fields,
#configurator #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator #delivery-installation button#postcode-check {
background-color: #edba03;
color: #ffffff;
}
#configurator #delivery-installation input#postcode,
#configurator #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator p.postcode-select .delivery-cost-summary-button {
background-color: #edba03;
color: #ffffff;
}
#configurator p.postcode-select .delivery-cost-summary-button:hover {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gr #delivery-installation div.header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr #delivery-installation div#address-fields, #configurator.skin-gr #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gr #delivery-installation button#postcode-check {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr #delivery-installation input#postcode, #configurator.skin-gr #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator.skin-gr #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gr #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gr p.postcode-select .delivery-cost-summary-button {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr p.postcode-select .delivery-cost-summary-button:hover {
background-color: #745b70;
color: #ffffff;
}
#configurator.skin-tgo #delivery-installation div.header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo #delivery-installation div#address-fields, #configurator.skin-tgo #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-tgo #delivery-installation button#postcode-check {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo #delivery-installation input#postcode, #configurator.skin-tgo #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator.skin-tgo #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-tgo #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo p.postcode-select .delivery-cost-summary-button {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo p.postcode-select .delivery-cost-summary-button:hover {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gs #delivery-installation div.header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs #delivery-installation div#address-fields, #configurator.skin-gs #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gs #delivery-installation button#postcode-check {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs #delivery-installation input#postcode, #configurator.skin-gs #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator.skin-gs #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gs #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gs p.postcode-select .delivery-cost-summary-button {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs p.postcode-select .delivery-cost-summary-button:hover {
background-color: #6e9595;
color: #ffffff;
}
#configurator.skin-pw #delivery-installation div.header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw #delivery-installation div#address-fields, #configurator.skin-pw #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-pw #delivery-installation button#postcode-check {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw #delivery-installation input#postcode, #configurator.skin-pw #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator.skin-pw #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-pw #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw p.postcode-select .delivery-cost-summary-button {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw p.postcode-select .delivery-cost-summary-button:hover {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-ta #delivery-installation div.header {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta #delivery-installation div#address-fields, #configurator.skin-ta #delivery-installation div.content {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-ta #delivery-installation button#postcode-check {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta #delivery-installation input#postcode, #configurator.skin-ta #delivery-installation button#postcode-check {
border: 1px solid #c0c0c0;
}
#configurator.skin-ta #delivery-installation p.postcode-select {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-ta #delivery-installation div.overview h2 {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-ta p.postcode-select .delivery-cost-summary-button {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta p.postcode-select .delivery-cost-summary-button:hover {
background-color: #745b70;
color: #ffffff;
}
#configurator div.style-size.content-pane table {
table-layout: fixed;
}
#configurator .info-box {
/* Initial state */
opacity: 0;
transition: opacity 0.5s ease-in-out;
/* Adjust duration and easing function as needed */
background-color: rgba(104, 127, 106, 0.8);
/* #687f6a in rgba format to allow partial opacity of the background colour without making everything partially opaque */
border-radius: 5px;
position: absolute;
top: 350px;
left: 245px;
width: 230px;
padding: 5px;
}
#configurator .info-box.front-cladding {
top: 350px;
left: 245px;
width: 230px;
}
#configurator .info-box.show {
/* State when visible */
opacity: 1;
}
#configurator .info-box * {
color: white;
}
#configurator div.delivery-installation div.footer {
text-align: center;
}
#configurator div.interior h3.ui-button .icon:before,
#configurator div.kitchen h3.ui-button .icon:before,
#configurator div.bathroom h3.ui-button .icon:before,
#configurator div.exterior-options .dd-pointer.icon:before,
#configurator #electrics div.options .icon:before,
#configurator ul.option-group .dd-pointer.icon:before {
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
}
#configurator #electrics div.options .dd-pointer {
right: 3px;
}
#configurator div.exterior-options .dd-pointer.icon:before,
#configurator #electrics div.options .icon:before,
#configurator ul.option-group .dd-pointer.icon:before {
margin-top: -0.25em;
}
#configurator ul.option-group .dd-container .dd-pointer.icon:before {
right: -8px;
}
#configurator #electrics div.options h3 .icon:before {
margin-top: -0.5em;
}
#configurator #electrics div.options .icon:before,
#configurator div.interior h3.ui-button .icon:before,
#configurator div.kitchen h3.ui-button .icon:before,
#configurator div.bathroom h3.ui-button .icon:before,
#configurator ul.option-group .dd-pointer.icon:before {
color: white;
}
#configurator #electrics .dd-container.hide,
#configurator #kitchen .dd-container.hide,
#configurator #bathroom .dd-container.hide,
#configurator #interior .dd-container.hide {
display: none;
}
#configurator .dd-container .hidden {
display: none;
}
#configurator #exterior-options-toolbar .dd-container.external-options {
margin: 0;
}
#configurator .dd-container.external-options .dd-options {
position: relative;
overflow: visible;
border-width: 0;
padding: 0;
}
#configurator .dd-option .dd-option-description.dd-desc {
position: relative;
}
#configurator .dd-option .dd-option-description.dd-desc img.overlay {
position: absolute;
top: 0;
left: 0;
display: none;
}
#configurator .dd-option.dd-option-selected .dd-option-description.dd-desc img.overlay {
display: block;
}
#configurator .dd-container.external-options .dd-options li {
/*
&:first-child {
margin-left: 0;
}*/
}
#configurator .dd-container.external-options .dd-options li {
display: inline-block;
margin-left: 4px;
}
#configurator .dd-container.external-options .dd-options li .dd-option {
width: 65px;
margin: 0;
padding: 0;
border-width: 0;
}
#configurator .dd-container.external-options .dd-options li .dd-option:first-child {
margin-left: 7px;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description {
text-align: center;
}
#configurator .dd-container.external-options .dd-options li .dd-option:hover {
text-decoration: none;
}
#configurator .dd-container.external-options .dd-options li .dd-option:hover,
#configurator .dd-container.external-options .dd-options li .dd-option.dd-option-selected:hover,
#configurator .dd-container.external-options .dd-options li .dd-option.dd-option-selected {
background-color: unset;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-text {
font-size: 12px;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-text .price {
display: block;
float: none;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description .price {
display: block;
float: none;
text-align: center;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description .price.hidden {
display: none;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-text .menu-name {
font-size: 10px;
display: block;
text-align: center;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-selected-text {
font-size: 12px;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description .description {
display: none;
}
#configurator .dd-container.external-options .dd-options li .dd-option .dd-option-description img {
border: 1px solid white;
width: 65px;
height: 65px;
}
#configurator #dropdown-o-e-cheek-left.dd-container.external-options .dd-options li.o-cheek-left-type-contemporary .dd-option .dd-option-text .menu-name,
#configurator #dropdown-o-e-cheek-right.dd-container.external-options .dd-options li.o-cheek-right-type-contemporary .dd-option .dd-option-text .menu-name {
font-size: 8px;
}
#configurator div.options h3.advanced-mode-only {
display: none;
}
#configurator.advanced div.options h3.advanced-mode-only {
display: block;
/*unset;*/
}
#configurator div.options ul.option-group li.advanced-mode-only {
display: none;
}
#configurator.advanced div.options ul.option-group li.advanced-mode-only {
display: block;
/*unset;*/
}
#configurator .dd-container.advanced-mode-only {
display: none;
}
#configurator.advanced .dd-container.advanced-mode-only {
display: block;
/*unset;*/
}
#configurator .dd-container ul.dd-options li.advanced-mode-only {
display: none;
}
#configurator.advanced .dd-container ul.dd-options li.advanced-mode-only {
display: block;
/*unset;*/
}
#configurator.advanced .dd-container.external-options ul.dd-options li.advanced-mode-only {
display: inline-block;
/*unset;*/
}
#configurator .toolbar .dd-container {
margin: 3px 3px 3px 0;
}
#configurator.o-kitchen-a #kitchen ul.kitchen li.o-kitchen-splashback-colour, #configurator.o-kitchen-a div.your-specification tr.kitchen-options.o-kitchen-splashback-colour {
display: none;
}
#configurator.o-kitchen-a #kitchen ul.kitchen li.o-kitchen-worktop-colour div.header img.chooser {
box-sizing: border-box;
padding-left: 150px;
background: url("../../images/configurator.4506/tooltips/kitchen-worktop-no-splashback.png?20260521203846") left top no-repeat;
}
#configurator.o-kitchen-a #kitchen ul.kitchen li.o-kitchen-cabinet-door-colour div.header img.chooser {
box-sizing: border-box;
padding-left: 150px;
background: url("../../images/configurator.4506/tooltips/kitchen-cabinet-door-selected-no-splashback.png?20260521203846") left top no-repeat;
}
#configurator #dropdown-o-e-door-window-handle-colours.dd-container,
#configurator #dropdown-o-e-door-window-handle-style.dd-container {
display: none;
}
#configurator.has-upvc-doors #dropdown-o-e-door-window-handle-colours.dd-container, #configurator.has-upvc-doors #dropdown-o-e-door-window-handle-style.dd-container {
display: block;
}
#configurator #dropdown-o-e-door-window-handle-colours-bifold.dd-container {
display: none;
}
#configurator.has-bifold-doors #dropdown-o-e-door-window-handle-colours-bifold.dd-container {
display: block;
}
#configurator.basebox-derived #dropdown-o-e-door-window-handle-colours.dd-container, #configurator.basebox-derived #dropdown-o-e-door-window-handle-style.dd-container {
display: none;
}
#configurator.o-height-extended:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-left-type, #configurator.o-height-max:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-left-type, #configurator.o-height-extended:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-left-style, #configurator.o-height-max:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-left-style, #configurator.o-height-extended:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-right-type, #configurator.o-height-max:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-right-type, #configurator.o-height-extended:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-right-style, #configurator.o-height-max:not(.allow-slatted-front-screen-on-extended-height) #dropdown-o-slatted-front-screen-right-style {
display: none;
}
#configurator.o-height-max:not(.allow-internal-slatted-rear-wall-on-max-height) ul.option-group li.o-i-w-slatted-rear, #configurator.o-height-max:not(.allow-internal-slatted-left-wall-on-max-height) ul.option-group li.o-i-w-slatted-left, #configurator.o-height-max:not(.allow-internal-slatted-right-wall-on-max-height) ul.option-group li.o-i-w-slatted-right, #configurator.o-height-max:not(.allow-internal-slatted-front-wall-on-max-height) ul.option-group li.o-i-w-slatted-front {
display: none;
}
#configurator.basebox-plus.o-cheek-left-type-basebox-grey #exterior-options-toolbar li.o-deck-pack-none, #configurator.basebox-plus.o-cheek-right-type-basebox-grey #exterior-options-toolbar li.o-deck-pack-none, #configurator.basebox-plus.o-cheek-left-type-basebox-grey #exterior-options-toolbar li.o-deck-pack-none, #configurator.basebox-plus.o-cheek-right-type-basebox-grey #exterior-options-toolbar li.o-deck-pack-none {
display: none;
}
#configurator.basebox-derived:not(.o-cheek-left-type-none) #exterior-options-toolbar li.o-deck-pack-none, #configurator.basebox-derived:not(.o-cheek-right-type-none) #exterior-options-toolbar li.o-deck-pack-none {
display: none;
}
#configurator.b-series-derived:not(.o-cheek-left-type-none) #exterior-options-toolbar li.o-d-size-none, #configurator.b-series-derived:not(.o-cheek-right-type-none) #exterior-options-toolbar li.o-d-size-none, #configurator.b-series-derived:not(.o-cheek-left-type-none) #exterior-options-toolbar li.o-d-size-one-board, #configurator.b-series-derived:not(.o-cheek-right-type-none) #exterior-options-toolbar li.o-d-size-one-board {
display: none;
}
#configurator.basebox-basic:not(.advanced) #exterior-options-toolbar #dropdown-o-e-d-size.dd-container, #configurator.basebox-basic #exterior-options-toolbar #dropdown-o-e-cheek-left.dd-container, #configurator.basebox-basic #exterior-options-toolbar #dropdown-o-e-cheek-right.dd-container, #configurator.b2 #exterior-options-toolbar #dropdown-o-e-cheek-left.dd-container, #configurator.b2 #exterior-options-toolbar #dropdown-o-e-cheek-right.dd-container {
display: none;
}
#configurator.x1 #interior ul.option-group li.o-i-w-finish {
display: none;
}
#configurator #dropdown-o-e-magnetic-door-stops.dd-container {
display: none;
}
#configurator.has-hinged-doors #dropdown-o-e-magnetic-door-stops.dd-container {
display: block;
}
#configurator.o-canopy-left-size-none #dropdown-o-e-canopy-left-cladding.dd-container, #configurator.o-canopy-right-size-none #dropdown-o-e-canopy-right-cladding.dd-container {
display: none;
}
#configurator.hide-o-canopy-left-size-1-5m #dropdown-o-e-canopy-left-size.dd-container, #configurator.hide-o-canopy-left-size-1-5m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-1-5m, #configurator.hide-o-canopy-left-size-2-0m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-2-0m, #configurator.hide-o-canopy-left-size-2-5m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-2-5m, #configurator.hide-o-canopy-left-size-3-0m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-3-0m, #configurator.hide-o-canopy-left-size-3-5m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-3-5m, #configurator.hide-o-canopy-left-size-4-0m #dropdown-o-e-canopy-left-size.dd-container .o-canopy-left-size-4-0m, #configurator.hide-o-canopy-right-size-1-5m #dropdown-o-e-canopy-right-size.dd-container, #configurator.hide-o-canopy-right-size-1-5m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-1-5m, #configurator.hide-o-canopy-right-size-2-0m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-2-0m, #configurator.hide-o-canopy-right-size-2-5m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-2-5m, #configurator.hide-o-canopy-right-size-3-0m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-3-0m, #configurator.hide-o-canopy-right-size-3-5m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-3-5m, #configurator.hide-o-canopy-right-size-4-0m #dropdown-o-e-canopy-right-size.dd-container .o-canopy-right-size-4-0m {
display: none;
}
#configurator.o-solar-pack-none #dropdown-o-e-solar-panel-additional-quantity.dd-container, #configurator.o-solar-pack-none li.floorplanner-item.o-e-solar-panel-additional-quantity, #configurator.no-solar #dropdown-o-e-solar-panel-additional-quantity.dd-container, #configurator.no-solar li.floorplanner-item.o-e-solar-panel-additional-quantity, #configurator.no-solar #dropdown-o-e-solar-pack.dd-container, #configurator.no-solar li.floorplanner-item.o-e-solar-pack {
display: none;
}
#configurator.depth-4500.o-solar-pack-none #dropdown-o-e-solar-panel-additional-quantity.dd-container, #configurator.depth-4500.o-solar-pack-none li.floorplanner-item.o-e-solar-panel-additional-quantity, #configurator.depth-4500.o-solar-pack-none #dropdown-o-e-solar-pack.dd-container, #configurator.depth-4500.o-solar-pack-none li.floorplanner-item.o-e-solar-pack, #configurator.depth-5000.o-solar-pack-none #dropdown-o-e-solar-panel-additional-quantity.dd-container, #configurator.depth-5000.o-solar-pack-none li.floorplanner-item.o-e-solar-panel-additional-quantity, #configurator.depth-5000.o-solar-pack-none #dropdown-o-e-solar-pack.dd-container, #configurator.depth-5000.o-solar-pack-none li.floorplanner-item.o-e-solar-pack {
display: none;
}
#configurator.max-solar-6 li.o-e-solar-panel-additional-quantity, #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-2], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-3], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-4], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-5], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-6], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-7 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-3], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-4], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-5], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-6], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-8 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-4], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-5], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-6], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-9 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-5], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-6], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-10 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-11 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-6], #configurator.max-solar-11 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-11 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-11 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-11 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-12 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-7], #configurator.max-solar-12 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-12 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-12 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-13 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-8], #configurator.max-solar-13 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-13 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-14 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-9], #configurator.max-solar-14 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10], #configurator.max-solar-15 li.o-e-solar-panel-additional-quantity select option[value=o-solar-panels-additional-10] {
display: none;
}
#configurator.den #exterior-options-toolbar #dropdown-o-e-d-size {
display: none;
}
#configurator .options h3.ui-button .ui-button-text {
text-align: center;
}
#configurator #electrics .dd-container,
#configurator #kitchen .dd-container,
#configurator #bathroom .dd-container,
#configurator #interior .dd-container {
display: inline-block;
float: right;
margin-bottom: 5px;
}
#configurator .toolbar .dd-selected-description img {
display: none;
}
#configurator .toolbar .dd-option:hover .dd-option-description,
#configurator .toolbar .dd-option-selected .dd-option-description {
color: black;
}
#configurator .toolbar .dd-option-description {
color: gray;
}
#configurator .dd-option {
margin: 3px 0 3px 0;
padding: 0 3px 0 3px;
}
#configurator #electrics ul li div.description,
#configurator #kitchen ul li div.description,
#configurator #bathroom ul li div.description,
#configurator #interior ul li div.description {
padding-left: 3px;
clear: both;
}
#configurator .dd-option-text,
#configurator .dd-selected-text {
font-size: 14px;
text-transform: uppercase;
}
#configurator .dd-option .price,
#configurator .dd-selected-text .price {
float: right;
}
#configurator .dd-selected-text .price {
padding-right: 25px;
}
#configurator .dd-selected-text .bracket {
display: none;
}
#configurator .dd-selected {
padding: 3px 3px 3px 3px;
}
#configurator #electrics ul.dd-options li,
#configurator #kitchen ul.dd-options li,
#configurator #bathroom ul.dd-options li,
#configurator #interior ul.dd-options li {
padding: 0;
}
#configurator .next-prev-bar {
text-align: center;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 5px;
display: block;
height: 32px;
}
#configurator input#select-address:hover,
#configurator input#postcode-check:hover {
text-decoration: underline;
background-color: #edba03;
border: 2px solid #434343;
border-radius: 0;
}
#configurator .next-prev-bar.footer {
padding-top: 15px;
clear: both;
margin-bottom: 0;
}
#configurator input#select-address,
#configurator input#postcode-check,
#configurator .next-prev-bar .prev,
#configurator .next-prev-bar .next {
cursor: pointer;
border-radius: 0;
padding: 10px 16px 10px 16px;
}
#configurator .next-prev-bar .prev,
#configurator .next-prev-bar .next,
#configurator .next-prev-bar .prev *,
#configurator .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator .next-prev-bar .prev .icon,
#configurator .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator .next-prev-bar span.prev:hover,
#configurator .next-prev-bar span.next:hover,
#configurator .next-prev-bar span.prev:hover *,
#configurator .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #edba03;
}
#configurator.skin-gr .next-prev-bar .prev, #configurator.skin-gr .next-prev-bar .next, #configurator.skin-gr .next-prev-bar .prev *, #configurator.skin-gr .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator.skin-gr .next-prev-bar .prev .icon, #configurator.skin-gr .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator.skin-gr .next-prev-bar span.prev:hover, #configurator.skin-gr .next-prev-bar span.next:hover, #configurator.skin-gr .next-prev-bar span.prev:hover *, #configurator.skin-gr .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #697f6a;
}
#configurator.skin-tgo .next-prev-bar .prev, #configurator.skin-tgo .next-prev-bar .next, #configurator.skin-tgo .next-prev-bar .prev *, #configurator.skin-tgo .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator.skin-tgo .next-prev-bar .prev .icon, #configurator.skin-tgo .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator.skin-tgo .next-prev-bar span.prev:hover, #configurator.skin-tgo .next-prev-bar span.next:hover, #configurator.skin-tgo .next-prev-bar span.prev:hover *, #configurator.skin-tgo .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #edba03;
}
#configurator.skin-gs .next-prev-bar .prev, #configurator.skin-gs .next-prev-bar .next, #configurator.skin-gs .next-prev-bar .prev *, #configurator.skin-gs .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator.skin-gs .next-prev-bar .prev .icon, #configurator.skin-gs .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator.skin-gs .next-prev-bar span.prev:hover, #configurator.skin-gs .next-prev-bar span.next:hover, #configurator.skin-gs .next-prev-bar span.prev:hover *, #configurator.skin-gs .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #697f6a;
}
#configurator.skin-pw .next-prev-bar .prev, #configurator.skin-pw .next-prev-bar .next, #configurator.skin-pw .next-prev-bar .prev *, #configurator.skin-pw .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator.skin-pw .next-prev-bar .prev .icon, #configurator.skin-pw .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator.skin-pw .next-prev-bar span.prev:hover, #configurator.skin-pw .next-prev-bar span.next:hover, #configurator.skin-pw .next-prev-bar span.prev:hover *, #configurator.skin-pw .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #edba03;
}
#configurator.skin-ta .next-prev-bar .prev, #configurator.skin-ta .next-prev-bar .next, #configurator.skin-ta .next-prev-bar .prev *, #configurator.skin-ta .next-prev-bar .next * {
color: #ffffff;
background-color: #444743;
}
#configurator.skin-ta .next-prev-bar .prev .icon, #configurator.skin-ta .next-prev-bar .next .icon {
color: #ffffff;
}
#configurator.skin-ta .next-prev-bar span.prev:hover, #configurator.skin-ta .next-prev-bar span.next:hover, #configurator.skin-ta .next-prev-bar span.prev:hover *, #configurator.skin-ta .next-prev-bar span.next:hover * {
color: #ffffff;
background-color: #465775;
}
#configurator .next-prev-bar .prev {
position: absolute;
left: 0;
text-align: left;
}
#configurator .next-prev-bar .next {
position: absolute;
right: 0;
text-align: right;
}
#configurator .next-prev-bar .prev,
#configurator .next-prev-bar .next {
min-width: 168px;
}
#configurator .next-prev-bar .current-price,
#configurator .next-prev-bar .base-price,
#configurator .next-prev-bar .additions {
font-size: 24px;
}
#configurator .next-prev-bar .base-price .purchase-at-costco {
font-size: 14px;
margin-right: 10px;
}
#configurator .current-price .currency,
#configurator .current-price .value {
font-size: 24px;
line-height: 24px;
}
#configurator #actionbar {
height: 35px;
margin: 5px 0 0 0;
border-radius: 0;
overflow: hidden;
}
#configurator.no-size-selected ul.tabs, #configurator.no-size-selected #actionbar, #configurator.no-style-selected ul.tabs, #configurator.no-style-selected #actionbar {
display: none;
}
#configurator #actionbar#actionbar li.read-only {
margin-left: 0;
background-image: none;
float: none;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
#configurator #actionbar li.read-only:hover {
text-decoration: none;
}
#configurator div.header p.read-only {
line-height: 20px;
margin-top: -30px;
color: white;
}
#configurator .style-size-price {
width: 230px;
z-index: 100;
position: absolute;
left: 245px;
text-transform: uppercase;
padding: 0;
}
#configurator.costco .style-size-price {
left: 251px;
/* "additions" bar shown at the bottom, so give white space to the left */
}
#configurator .style-size-price .current-price {
text-align: left;
}
#configurator .style-size-price .current-price .currency,
#configurator .style-size-price .current-price .value {
font-size: inherit;
}
#configurator .style-size-price .footer {
font-size: 10px;
text-transform: none;
text-align: left;
}
#configurator .pack-chooser-control {
width: 230px;
z-index: 100;
position: absolute;
left: 245px;
top: 90px;
text-transform: uppercase;
padding: 0;
}
#configurator.tp .pack-chooser-control, #configurator.basebox-derived .pack-chooser-control, #configurator.x1 .pack-chooser-control, #configurator.ta1 .pack-chooser-control, #configurator.ta2 .pack-chooser-control, #configurator.hide .pack-chooser-control {
display: none;
}
#configurator div.exterior-options .pack-chooser-control {
top: 165px;
}
#configurator.costco .pack-chooser-control {
left: 251px;
/* "additions" bar shown at the bottom, so give white space to the left */
}
#configurator .pack-chooser-control .current-price {
text-align: left;
}
#configurator .pack-chooser-control .current-price .currency,
#configurator .pack-chooser-control .current-price .value {
font-size: inherit;
}
#configurator .pack-chooser-control .footer {
font-size: 10px;
text-transform: none;
text-align: left;
}
#configurator .style-size-price {
background-color: #444743;
}
#configurator .style-size-price * {
color: #ffffff;
}
#configurator.skin-gr .style-size-price {
background-color: #444743;
}
#configurator.skin-gr .style-size-price * {
color: #ffffff;
}
#configurator.skin-tgo .style-size-price {
background-color: #444743;
}
#configurator.skin-tgo .style-size-price * {
color: #ffffff;
}
#configurator.skin-gs .style-size-price {
background-color: #444743;
}
#configurator.skin-gs .style-size-price * {
color: #ffffff;
}
#configurator.skin-pw .style-size-price {
background-color: #444743;
}
#configurator.skin-pw .style-size-price * {
color: #ffffff;
}
#configurator.skin-ta .style-size-price {
background-color: #444743;
}
#configurator.skin-ta .style-size-price * {
color: #ffffff;
}
#configurator ul.tabs > li.hidden {
display: none;
}
#configurator ul.tabs li.save,
#configurator #actionbar li.save {
display: none;
}
#configurator ul.tabs li.save {
position: absolute;
top: 5px;
left: 5px;
font-weight: 500;
}
#configurator.advanced ul.tabs li.save, #configurator.advanced #actionbar li.save {
display: inline-block;
float: left;
}
#configurator ul.tabs li ul.sub,
#configurator ul#actionbar li ul.sub {
display: none;
}
#configurator ul.tabs li.show-sub ul.sub,
#configurator ul#actionbar li.show-sub ul.sub {
position: absolute;
display: block;
z-index: 1;
border: 1px solid #1a201e;
}
#configurator #actionbar {
background-color: #444743;
border: blue;
}
#configurator ul#actionbar li.show-sub ul.sub,
#configurator ul.tabs li.show-sub ul.sub {
background-color: #edba03;
color: #ffffff;
border: 1px solid #edba03;
}
#configurator #actionbar li {
color: #ffffff;
}
#configurator.skin-gr #actionbar {
background-color: #444743;
border: 2px solid #521d42;
}
#configurator.skin-gr ul#actionbar li.show-sub ul.sub, #configurator.skin-gr ul.tabs li.show-sub ul.sub {
background-color: #697f6a;
color: #ffffff;
border: 1px solid #697f6a;
}
#configurator.skin-gr #actionbar li {
color: #ffffff;
}
#configurator.skin-tgo #actionbar {
background-color: #444743;
border: green;
}
#configurator.skin-tgo ul#actionbar li.show-sub ul.sub, #configurator.skin-tgo ul.tabs li.show-sub ul.sub {
background-color: #edba03;
color: #ffffff;
border: 1px solid #edba03;
}
#configurator.skin-tgo #actionbar li {
color: #ffffff;
}
#configurator.skin-gs #actionbar {
background-color: #444743;
border: 1px solid #2d454e;;
}
#configurator.skin-gs ul#actionbar li.show-sub ul.sub, #configurator.skin-gs ul.tabs li.show-sub ul.sub {
background-color: #697f6a;
color: #ffffff;
border: 1px solid #697f6a;
}
#configurator.skin-gs #actionbar li {
color: #ffffff;
}
#configurator.skin-pw #actionbar {
background-color: #444743;
border: 2px solid #443410;
}
#configurator.skin-pw ul#actionbar li.show-sub ul.sub, #configurator.skin-pw ul.tabs li.show-sub ul.sub {
background-color: #edba03;
color: #ffffff;
border: 1px solid #edba03;
}
#configurator.skin-pw #actionbar li {
color: #ffffff;
}
#configurator.skin-ta #actionbar {
background-color: #444743;
border: 2px solid #521d42;
}
#configurator.skin-ta ul#actionbar li.show-sub ul.sub, #configurator.skin-ta ul.tabs li.show-sub ul.sub {
background-color: #465775;
color: #ffffff;
border: 1px solid #465775;
}
#configurator.skin-ta #actionbar li {
color: #ffffff;
}
#configurator ul.tabs li ul.sub li,
#configurator ul#actionbar li ul.sub li {
float: none;
background-image: none;
padding: 5px;
margin: 5px;
}
#configurator div.next-steps .action,
#configurator .actions li {
height: 35px;
line-height: 35px;
vertical-align: middle;
margin: 0;
text-transform: uppercase;
display: inline-block;
color: white;
font-size: 14px;
cursor: pointer;
padding-left: 35px;
margin-left: 20px;
}
#configurator ul.tabs.ui-tabs-nav li.print {
height: 30px;
line-height: 30px;
margin-top: 6px;
}
#configurator div.next-steps .action,
#configurator #actionbar li,
#configurator ul.tabs.ui-tabs-nav li.print,
#configurator .actions .action {
background-image: url("../../images/configurator.4506/actionbar-icons.png?20260521203846");
background-repeat: no-repeat;
}
#configurator div.next-steps div.action {
color: white;
}
#configurator .next-steps.bar .active-interface {
clear: both;
position: relative;
}
#configurator .next-steps.bar .active-interface-content {
-webkit-transition: max-height 1s ease-in-out, opacity 1s linear;
-moz-transition: max-height 1s ease-in-out, opacity 1s linear;
transition: max-height 1s ease-in-out, opacity 1s linear;
}
#configurator .next-steps.bar .active-interface .finance-calculator,
#configurator .next-steps.bar .active-interface .card-payment {
max-height: 0;
overflow: hidden;
opacity: 0;
}
#configurator.show-finance-calculator .next-steps.bar .active-interface .finance-calculator, #configurator.show-card-payment .next-steps.bar .active-interface .card-payment {
max-height: 2000px;
opacity: 1;
}
#configurator .advanced-menu .actions li {
float: none;
}
#configurator .advanced-menu .actions li:hover {
text-decoration: underline;
color: white;
}
#configurator .actions li:hover {
text-decoration: underline;
color: #1e5b88;
}
#configurator .actions li.help {
background-position: 0 0;
margin-left: 0;
}
#configurator .actions li.help:hover {
background-position: -300px 0;
}
#configurator .actions li.portal-save,
#configurator .actions li.save {
background-position: 0 -35px;
}
#configurator .actions li.portal-save:hover,
#configurator .actions li.save:hover {
background-position: -300px -35px;
}
#configurator ul.tabs li.portal-save {
font-weight: 400;
padding: 10px 10px 10px 10px;
cursor: pointer;
position: absolute;
left: 0;
}
#configurator .actions li.load {
background-position: 0 -70px;
}
#configurator .actions li.load:hover {
background-position: -300px -70px;
}
#configurator .actions li.share {
background-position: 0 -105px;
}
#configurator .actions li.share:hover {
background-position: -300px -105px;
}
#configurator div.next-steps .request-quote,
#configurator .actions li.request-quote {
background-image: url("../../images/configurator.4506/actionbar-request-quote.png?20260521203846");
background-position: 0 0;
margin-right: 15px;
margin-left: 0;
}
#configurator div.next-steps .request-quote:hover,
#configurator .actions li.request-quote:hover {
background-position: 0 0;
}
#configurator ul.tabs.ui-tabs-nav li.action.advanced,
#configurator .actions li.advanced {
display: none;
}
#configurator.advanced ul.tabs.ui-tabs-nav li.action.advanced, #configurator.advanced .actions li.advanced {
display: block;
cursor: pointer;
position: absolute;
top: 3px;
right: 0;
}
#configurator.advanced ul.tabs.ui-tabs-nav li.action.advanced {
padding: 11px 5px 0 5px;
}
#configurator .actions li.advanced {
margin: 0 15px 0 0;
padding-left: 0;
}
#configurator div.next-steps .order,
#configurator .actions li.order {
background-image: url("../../images/configurator.4506/actionbar-place-order.png?20260521203846");
background-position: 0 0;
margin-right: 15px;
margin-left: 0;
padding-left: 75px;
}
#configurator div.next-steps .portal-save,
#configurator .actions li.portal-save {
margin-right: 15px;
margin-left: 0;
padding-left: 40px;
}
#configurator div.next-steps .order:hover,
#configurator .actions li.order:hover {
/*background-position: -300px -280px;*/
background-image: url("../../images/configurator.4506/actionbar-place-order.png?20260521203846");
}
#configurator div.next-steps .request-brochure,
#configurator .actions li.request-brochure {
background-image: url("../../images/configurator.4506/actionbar-request-brochure.png?20260521203846");
margin-right: 15px;
margin-left: 0;
padding-left: 40px;
}
#configurator div.next-steps .request-brochure:hover,
#configurator .actions li.request-brochure:hover {
/*background-position: -300px -175px;*/
background-image: url("../../images/configurator.4506/actionbar-request-brochure.png?20260521203846");
}
#configurator div.next-steps .site-survey,
#configurator .actions li.site-survey {
background-image: url("../../images/configurator.4506/actionbar-site-survey.png?20260521203846");
margin-right: 15px;
margin-left: 0;
padding-left: 55px;
}
#configurator div.advanced-menu .actions li.site-survey {
background-image: none;
}
#configurator div.next-steps .site-survey:hover,
#configurator .actions li.site-survey:hover {
/*background-position: -300px -210px;*/
background-image: url("../../images/configurator.4506/actionbar-site-survey.png?20260521203846");
}
#configurator div.advanced-menu .actions li.site-survey:hover {
background-image: none;
}
#configurator div.next-steps .request-finance,
#configurator .actions li.request-finance {
background-image: url("../../images/configurator.4506/actionbar-finance-options.png?20260521203846");
margin-right: 15px;
margin-left: 0;
padding-left: 55px;
}
#configurator div.next-steps .request-finance:hover,
#configurator .actions li.request-finance:hover {
/*background-position: -300px -210px;*/
background-image: url("../../images/configurator.4506/actionbar-finance-options.png?20260521203846");
}
#configurator div.next-steps .print,
#configurator ul.tabs.ui-tabs-nav li.print,
#configurator .actions li.print {
background-image: url("../../images/configurator.4506/printer.png?20260521203846");
margin-right: 5px;
margin-left: 0;
padding-left: 40px;
float: right;
}
#configurator ul.tabs.ui-tabs-nav li.print {
display: block;
position: absolute;
top: 3px;
right: 20px;
}
#configurator div.next-steps .print:hover,
#configurator ul.tabs.ui-tabs-nav li.print:hover,
#configurator .actions li.print:hover {
/* background-position: -300px -245px; */
background-image: url("../../images/configurator.4506/printer.png?20260521203846");
}
#configurator .next-steps ul.actions {
margin-left: 180px;
}
#configurator .next-steps .actions li {
float: none;
width: 250px;
}
#configurator #help-underlay {
background-color: #1e5b88;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
z-index: 120;
/* ensure in front of image changer and .panel-options */
}
#configurator #help-viewer {
margin: 0 auto;
width: 900px;
background-color: white;
z-index: 121;
/* ensure in front of #helper-underlay */
position: absolute;
top: 200px;
left: 25px;
padding: 20px;
border-radius: 0;
}
#configurator #video-viewer iframe {
border: 1px solid #1e5b88;
padding: 2px;
}
#configurator #video-viewer .close, #configurator #help-viewer .close,
#modal-message .close, #configurator #activity-indicator .cancel {
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
text-transform: uppercase;
vertical-align: center;
}
#configurator #video-viewer .close em, #configurator #help-viewer .close em,
#modal-message .close em, #configurator #activity-indicator .cancel em {
font-size: 16px;
font-weight: heavy;
}
#modal-message .close a,
#modal-message .close a:visited, #configurator #activity-indicator .cancel a, #configurator #activity-indicator .cancel a:visited {
color: white;
}
#modal-message.door-window-order .close a,
#modal-message.door-window-order .close a:visited,
#modal-message.blinds-order .close a,
#modal-message.blinds-order .close a:visited {
color: black;
}
#configurator #help-viewer h1 span.icon {
background-image: url("../../images/configurator.4506/actionbar-icons.png?20260521203846");
background-position: 0 0;
display: inline-block;
height: 35px;
line-height: 35px;
width: 35px;
}
#configurator #help-viewer h1 {
line-height: 35px;
vertical-align: center;
}
#configurator #help-viewer ul,
#configurator #help-viewer ol {
list-style: circle;
margin-left: 30px;
font-size: 80%;
}
#configurator #help-viewer .guide {
text-align: center;
/* background-color: #1e5b88; */
width: 205px;
padding: 5px;
border-radius: 0;
border: 1px solid #1e5b88;
float: left;
margin-left: 10px;
cursor: pointer;
}
#configurator #help-viewer .guide.first {
margin-left: 0;
}
#configurator #help-viewer .guide img {
border: 1px solid silver;
padding: 1px;
}
#configurator #help-viewer h2 {
margin: 20px 5px 10px 5px;
}
#configurator #help-viewer .guide h3 {
margin: 5px;
}
#configurator #help-viewer p {
font-size: 80%;
}
#configurator #help-viewer .guide p {
text-align: left;
font-size: 13px;
}
#configurator #video-underlay {
background-color: #1e5b88;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
z-index: 130;
/* ensure in front of image changer and .panel-options */
}
#configurator #video-viewer {
margin: 0 auto;
width: 900px;
background-color: white;
z-index: 131;
/* ensure in front of #helper-underlay */
position: absolute;
top: 250px;
left: 25px;
padding: 20px;
border-radius: 0;
}
#configurator .trim-colour {
border-radius: 0;
border-width: 0;
padding: 0 2px 2px 0px;
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
}
#configurator .trim-colour .sample {
display: inline-block;
width: 30px;
height: 30px;
background-image: url("../../images/configurator.4506/trim-colours.jpg?20260521203846");
border-radius: 0;
padding: 0px;
vertical-align: middle;
cursor: pointer;
margin: 0 0 0 5px;
}
#configurator .trim-colour .sample.first {
margin-left: 0;
}
#configurator .trim-colour .sample {
border: 1px solid #444743;
}
#configurator .trim-colour .sample:hover, #configurator.graphite .trim-colour .sample.graphite, #configurator.black .trim-colour .sample.black {
border: 1px solid #edba03;
}
#configurator.skin-gr .trim-colour .sample {
border: 1px solid #444743;
}
#configurator.skin-gr .trim-colour .sample:hover, #configurator.skin-gr.graphite .trim-colour .sample.graphite, #configurator.skin-gr.black .trim-colour .sample.black {
border: 1px solid #697f6a;
}
#configurator.skin-tgo .trim-colour .sample {
border: 1px solid #444743;
}
#configurator.skin-tgo .trim-colour .sample:hover, #configurator.skin-tgo.graphite .trim-colour .sample.graphite, #configurator.skin-tgo.black .trim-colour .sample.black {
border: 1px solid #edba03;
}
#configurator.skin-gs .trim-colour .sample {
border: 1px solid #444743;
}
#configurator.skin-gs .trim-colour .sample:hover, #configurator.skin-gs.graphite .trim-colour .sample.graphite, #configurator.skin-gs.black .trim-colour .sample.black {
border: 1px solid #697f6a;
}
#configurator.skin-pw .trim-colour .sample {
border: 1px solid #444743;
}
#configurator.skin-pw .trim-colour .sample:hover, #configurator.skin-pw.graphite .trim-colour .sample.graphite, #configurator.skin-pw.black .trim-colour .sample.black {
border: 1px solid #edba03;
}
#configurator.skin-ta .trim-colour .sample {
border: 1px solid #444743;
}
#configurator.skin-ta .trim-colour .sample:hover, #configurator.skin-ta.graphite .trim-colour .sample.graphite, #configurator.skin-ta.black .trim-colour .sample.black {
border: 1px solid #465775;
}
#configurator #toolPalette div.notes {
padding: 5px 0 0 50px;
min-height: 40px;
background-image: url("../../images/configurator.4506/toolbar-writing-icon.png?20260521203846");
background-position: 10px 5px;
background-repeat: no-repeat;
margin-top: 3px 3px 3px 0;
font-size: 14px;
line-height: 15px;
text-transform: uppercase;
text-align: left;
line-height: 32px;
cursor: pointer;
}
#configurator #toolPalette .guidance,
#configurator .toolbar .guidance {
padding: 5px 0 0 50px;
min-height: 40px;
background-image: url("../../images/configurator.4506/toolbar-guidance-icon.png?20260521203846");
background-position: 10px 5px;
background-repeat: no-repeat;
margin-top: 3px 3px 3px 0;
font-size: 12px;
line-height: 15px;
}
#configurator #toolPalette .guidance,
#configurator div.exterior-options .toolbar .guidance {
background-image: url("../../images/configurator.4506/toolbar-guidance-icon-exterior.png?20260521203846");
}
#configurator #toolPalette .guidance {
position: relative;
}
#configurator #toolPalette h3.legend {
padding: 5px 0 0 50px;
min-height: 40px;
background-image: url("../../images/configurator.4506/toolbar-book.png?20260521203846");
background-position: 10px 5px;
background-repeat: no-repeat;
margin-top: 3px 3px 3px 0;
font-size: 12px;
line-height: 15px;
}
#configurator #toolPalette .options-group.legend {
max-height: 400px;
overflow-y: scroll;
}
#configurator #floorplanner #toolPalette .options-group.legend,
#configurator #floorplanner #toolPalette h3.legend {
display: none;
}
#configurator #floorplanner.electrics-enabled #toolPalette h3.legend {
display: inline-block;
}
#configurator #floorplanner.electrics-enabled #toolPalette .options-group.legend {
display: block;
}
#configurator #toolPalette .options-group.legend::-webkit-scrollbar {
width: 0.5em;
}
#configurator #toolPalette .options-group.legend li {
text-transform: uppercase;
font-size: 13px;
clear: both;
}
#configurator #toolPalette .options-group.legend img.icon {
vertical-align: middle;
margin-right: 5px;
float: left;
width: 27px;
}
#configurator #floorplanner #toolPalette h3.ui-button span.show-legend,
#configurator #floorplanner #toolPalette h3.ui-button.active span.hide-legend {
display: inline;
}
#configurator #floorplanner #toolPalette h3.ui-button.active span.show-legend,
#configurator #floorplanner #toolPalette h3.ui-button span.hide-legend {
display: none;
}
#configurator #floorplanner #toolPalette h3.ui-button.zoom-in span.zoom-in,
#configurator #floorplanner #toolPalette h3.ui-button span.zoom-out {
display: inline;
}
#configurator #floorplanner #toolPalette h3.ui-button span.zoom-in,
#configurator #floorplanner #toolPalette h3.ui-button.zoom-in span.zoom-out {
display: none;
}
#configurator .exterior-options .toolbar .dd-container a {
padding-top: 1em;
padding-bottom: 1em;
}
#configurator #toolPalette div.notes,
#configurator #toolPalette .guidance,
#configurator .toolbar .guidance {
background-color: #edba03;
color: #ffffff;
}
#configurator #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #edba03;
outline: 1px solid slategrey;
}
#configurator.skin-gr #toolPalette div.notes, #configurator.skin-gr #toolPalette .guidance, #configurator.skin-gr .toolbar .guidance {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #697f6a;
outline: 1px solid slategrey;
}
#configurator.skin-tgo #toolPalette div.notes, #configurator.skin-tgo #toolPalette .guidance, #configurator.skin-tgo .toolbar .guidance {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #edba03;
outline: 1px solid slategrey;
}
#configurator.skin-gs #toolPalette div.notes, #configurator.skin-gs #toolPalette .guidance, #configurator.skin-gs .toolbar .guidance {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #697f6a;
outline: 1px solid slategrey;
}
#configurator.skin-pw #toolPalette div.notes, #configurator.skin-pw #toolPalette .guidance, #configurator.skin-pw .toolbar .guidance {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #edba03;
outline: 1px solid slategrey;
}
#configurator.skin-ta #toolPalette div.notes, #configurator.skin-ta #toolPalette .guidance, #configurator.skin-ta .toolbar .guidance {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta #toolPalette .options-group.legend::-webkit-scrollbar-thumb {
background-color: #465775;
outline: 1px solid slategrey;
}
#configurator .trim-colour .sample.graphite {
background-position: -150px 0;
}
#configurator .trim-colour .sample.black {
background-position: -250px 0;
}
#configurator #sides {
text-align: center;
float: right;
position: relative;
}
#configurator .side {
clear: both;
position: relative;
height: 240px;
}
#configurator.basebox-derived .side {
height: 310px;
}
#configurator.basebox-derived .customer-document .side, #configurator.basebox-derived .door-sets .side {
height: 325px;
}
#configurator div.content-pane.door-sets .side {
background-color: white;
}
#configurator.scale-big-building div.content-pane.exterior-options div#viewer {
max-width: 980px;
}
#configurator.scale-big-building div.content-pane.exterior-options div#viewer {
transform: scale(0.7);
}
#configurator.basebox-derived.scale-big-building div.content-pane.exterior-options div#viewer {
transform: scale(0.6);
}
#configurator #door-sets-ui-wrapper img.exit-plan-button,
#configurator #sides img.view-plan-button,
#configurator #sides img.view-3d-button,
#configurator #sides img.view-bom-button {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
margin: 0;
background-image: url("../../images/configurator.4506/tgo-view-3d-sprite.png?20260521203846");
background-position: 0 0;
}
#configurator #sides img.view-bom-button {
top: 78px;
background-image: url("../../images/configurator.4506/tgo-view-bom-sprite.png?20260521203846");
display: none;
}
#configurator.bom-viewer-auto-update #sides img.view-bom-button {
display: block;
}
#configurator.plan-view-enabled #door-sets-ui-wrapper img.view-plan-button,
#configurator.plan-view-enabled #sides img.view-plan-button {
top: 0px;
background-image: url("../../images/configurator.4506/view-plan-button.png?20260521203846");
}
#configurator.plan-view-enabled #door-sets-ui-wrapper img.exit-plan-button,
#configurator.plan-view-enabled #sides img.exit-plan-button {
top: 0px;
background-image: url("../../images/configurator.4506/exit-plan-button.png?20260521203846");
}
#configurator.plan-view-enabled #sides img.view-3d-button {
top: 86px;
}
#configurator.plan-view-enabled #sides img.view-bom-button {
display: none;
top: 136px;
}
#configurator #sides div.building-headline {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
margin: 0;
}
#configurator #door-sets-ui-wrapper img.exit-plan-button:hover,
#configurator #sides img.view-plan-button:hover,
#configurator #sides img.view-3d-button:hover,
#configurator #sides img.view-bom-button:hover {
background-position: -150px 0;
}
#configurator .customer-document div.sides-wrapper img.view-plan-button,
#configurator .customer-document div.sides-wrapper img.view-3d-button,
#configurator .customer-document div.sides-wrapper img.view-bom-button,
#configurator #summary img.view-3d-button,
#configurator #summary img.view-bom-button,
#configurator #viewer img.view-3d-button,
#configurator #viewer img.view-bom-button,
#configurator #viewer #sides img.view-plan-button {
display: none;
}
#configurator .customer-document div.sides-wrapper h2 {
font-size: 36px;
color: #1a201e;
}
#configurator .customer-document div.sides-wrapper .side-wrapper,
#configurator #summary .side-wrapper {
position: absolute;
}
#configurator .side h3 {
line-height: 30px;
height: 30px;
margin: 10px 0 10px 0;
}
#configurator.roof-style-pent .side h3 {
padding-top: 0;
}
#configurator.basebox-derived .side h3 {
padding-top: 0;
}
#configurator .side h3 span {
display: inline-block;
height: 30px;
line-height: 30px;
background-color: white;
}
#configurator .side .base,
#configurator .side .glazing,
#configurator .side .blinds,
#configurator .side ul.aluminium,
#configurator .side .handles,
#configurator .side .accessibility,
#configurator .side .roof,
#configurator .side .wings,
#configurator .side .guttering,
#configurator .side .cladding,
#configurator .side .trim,
#configurator .side .fascia,
#configurator .side .screen,
#configurator .side .decking,
#configurator #front-decking,
#configurator .side .overlay {
margin-top: 0px;
position: absolute;
top: 0;
right: 0;
height: 167px;
}
#configurator.basebox-derived .side .base, #configurator.basebox-derived .side .glazing, #configurator.basebox-derived .side .blinds, #configurator.basebox-derived .side ul.aluminium, #configurator.basebox-derived .side .handles, #configurator.basebox-derived .side .accessibility, #configurator.basebox-derived .side .roof, #configurator.basebox-derived .side .wings, #configurator.basebox-derived .side .guttering, #configurator.basebox-derived .side .cladding, #configurator.basebox-derived .side .screen, #configurator.basebox-derived .side .decking, #configurator.basebox-derived #front-decking, #configurator.basebox-derived .side .overlay {
margin-top: 0px;
position: absolute;
top: 0;
right: 0;
height: 277px;
}
#configurator .side .screen {
background-repeat: no-repeat;
}
#configurator .side .screen.screen-2 {
background-position: 100% 0;
}
#configurator.o-slatted-front-screen-left-type-fixed-900.o-slatted-front-screen-left-style-black .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-900.o-slatted-front-screen-right-style-black .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-900-black.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-900.o-slatted-front-screen-left-style-black .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-900.o-slatted-front-screen-right-style-black .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-900-black.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1400.o-slatted-front-screen-left-style-black .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1400.o-slatted-front-screen-right-style-black .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1400-black.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1400.o-slatted-front-screen-left-style-black .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1400.o-slatted-front-screen-right-style-black .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1400-black.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-900.o-slatted-front-screen-left-style-graphite .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-900.o-slatted-front-screen-right-style-graphite .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-900-graphite.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-900.o-slatted-front-screen-left-style-graphite .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-900.o-slatted-front-screen-right-style-graphite .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-900-graphite.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1400.o-slatted-front-screen-left-style-graphite .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1400.o-slatted-front-screen-right-style-graphite .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1400-graphite.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1400.o-slatted-front-screen-left-style-graphite .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1400.o-slatted-front-screen-right-style-graphite .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1400-graphite.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-500 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-500 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-500-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-500 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-500 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-500-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1000 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1000 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1000-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1000 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1000 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1000-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1500 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1500 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1500-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1500 .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1500 .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1500-cedar.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-500.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-500.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-500-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-500.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-500.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-500-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1000.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1000.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1000-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1000.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1000.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1000-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1500.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1500.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1500-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1500.o-slatted-front-screen-left-style-redwood .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1500.o-slatted-front-screen-right-style-redwood .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1500-redwood.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-500.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-500.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-500-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-500.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-500.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-500-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1000.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1000.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1000-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1000.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1000.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1000-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-fixed-1500.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-fixed-1500.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-fixed-1500-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-sliding-1500.o-slatted-front-screen-left-style-honey .side .screen.screen-1, #configurator.o-slatted-front-screen-right-type-sliding-1500.o-slatted-front-screen-right-style-honey .side .screen.screen-2 {
background-image: url("../../images/configurator.4506/slatted-front-screen-sliding-1500-honey.png?20260521203846");
}
#configurator.o-slatted-front-screen-left-type-none .o-slatted-front-screen-left-style {
display: none;
}
#configurator.o-slatted-front-screen-right-type-none .o-slatted-front-screen-right-style {
display: none;
}
#configurator.height-2800 .side .base, #configurator.height-2800 .side .glazing, #configurator.height-2800 .side .blinds, #configurator.height-2800 .side ul.aluminium, #configurator.height-2800 .side .handles, #configurator.height-2800 .side .accessibility, #configurator.height-2800 .side .roof, #configurator.height-2800 .side .wings, #configurator.height-2800 .side .guttering, #configurator.height-2800 .side .cladding, #configurator.height-2800 .side .decking, #configurator.height-2800 #front-decking, #configurator.height-2800 .side .overlay {
height: 187px;
}
#configurator.height-3000 .side .base, #configurator.height-3000 .side .glazing, #configurator.height-3000 .side .blinds, #configurator.height-3000 .side ul.aluminium, #configurator.height-3000 .side .handles, #configurator.height-3000 .side .accessibility, #configurator.height-3000 .side .roof, #configurator.height-3000 .side .wings, #configurator.height-3000 .side .guttering, #configurator.height-3000 .side .cladding, #configurator.height-3000 .side .decking, #configurator.height-3000 #front-decking, #configurator.height-3000 .side .overlay {
height: 197px;
}
#configurator .side .decking,
#configurator #front-decking {
background-repeat: repeat-x;
display: block;
}
#configurator.basebox-derived.o-deck-pack-yes #front-decking, #configurator.basebox-derived.o-deck-pack-yes .side .decking, #configurator.basebox-derived.o-d-size-one-board #front-decking, #configurator.basebox-derived.o-d-size-one-board .side .decking, #configurator.basebox-derived.o-d-size-two-board #front-decking, #configurator.basebox-derived.o-d-size-two-board .side .decking {
background-image: url("../../images/configurator.4506/deck_composite_graphite.png?20260521203846");
}
#configurator.b-series-derived .side .decking, #configurator.b-series-derived #front-decking, #configurator.b-series-derived #decking-top {
display: none;
}
#configurator.tp #front-decking, #configurator.gs #front-decking, #configurator.gw #front-decking, #configurator.pw #front-decking, #configurator.x1 #front-decking {
opacity: 0;
/* No deck step on these styles. don't use display: none because the deck step size is used to calculate some offsets: removing it completely makes the code messy */
}
#configurator.o-d-size-extended-900mm.o-de-cedar .decking, #configurator.o-d-size-extended.o-de-cedar .decking, #configurator.o-d-cedar .decking {
background-image: url("../../images/configurator.4506/deck_cedar.png?20260521203846");
}
#configurator.height-2800.o-d-size-extended-900mm.o-de-cedar .decking, #configurator.height-2800.o-d-size-extended.o-de-cedar .decking, #configurator.height-2800.o-d-cedar .decking {
background-position: 0 -13px !important;
/* 200px - side height (187) == 13px */
}
#configurator.o-d-size-extended div.options-group li.o-de-none {
display: none;
}
#configurator.o-d-size-extended-900mm.o-de-none:not(.o-deck-pack-yes) #front-decking, #configurator.o-d-size-extended-900mm.o-de-none:not(.o-deck-pack-yes) #decking-top, #configurator.o-d-size-extended.o-de-none:not(.o-deck-pack-yes) #front-decking, #configurator.o-d-size-extended.o-de-none:not(.o-deck-pack-yes) #decking-top, #configurator.o-d-size-standard.o-d-none:not(.o-deck-pack-yes) #front-decking, #configurator.o-d-size-standard.o-d-none:not(.o-deck-pack-yes) .decking, #configurator.o-d-size-extended-900mm.o-de-none:not(.o-deck-pack-yes) .decking, #configurator.o-d-size-extended.o-de-none:not(.o-deck-pack-yes) .decking, #configurator.o-d-size-extended-900mm.o-de-none:not(.o-d-size-one-board) .decking, #configurator.o-d-size-extended.o-de-none:not(.o-d-size-one-board) .decking, #configurator.o-d-size-extended-900mm.o-de-none:not(.o-d-size-two-board) .decking, #configurator.o-d-size-extended.o-de-none:not(.o-d-size-two-board) .decking {
background-image: none;
}
#configurator .decking, #configurator.o-d-size-extended-900mm.o-de-spruce .decking, #configurator.o-d-size-extended.o-de-spruce .decking, #configurator.o-d-spruce .decking {
background-image: url("../../images/configurator.4506/deck_spruce.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-honey .decking, #configurator.o-d-size-extended.o-de-honey .decking, #configurator.o-d-honey .decking {
background-image: url("../../images/configurator.4506/deck_honey.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-composite .decking, #configurator.o-d-size-extended.o-de-composite .decking, #configurator.o-d-composite .decking, #configurator.o-deck-pack-yes .decking, #configurator.o-deck-pack-yes.o-de-none .decking, #configurator.o-d-size-one-board .decking, #configurator.o-d-size-one-board.o-de-none .decking, #configurator.o-d-size-two-board .decking, #configurator.o-d-size-two-board.o-de-none .decking {
background-image: url("../../images/configurator.4506/deck_composite_graphite.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-composite-black .decking, #configurator.o-d-size-extended.o-de-composite-black .decking, #configurator.o-d-composite-black .decking {
background-image: url("../../images/configurator.4506/deck_composite_black.png?20260521203846");
}
#configurator.height-2800 .decking, #configurator.height-2800.o-d-size-extended-900mm.o-de-spruce .decking, #configurator.height-2800.o-d-size-extended.o-de-spruce .decking, #configurator.height-2800.o-d-spruce .decking {
background-position: 0 -213px;
}
#configurator.height-2800.o-d-size-extended-900mm.o-de-honey .decking, #configurator.height-2800.o-d-size-extended.o-de-honey .decking, #configurator.height-2800.o-d-honey .decking {
background-position: 0 -613px;
}
#configurator.height-2800.o-d-size-extended-900mm.o-de-composite .decking, #configurator.height-2800.o-d-size-extended.o-de-composite .decking, #configurator.height-2800.o-d-composite .decking {
background-position: 0 -413px;
}
#configurator.height-2800.o-d-size-extended-900mm.o-de-composite-black .decking, #configurator.height-2800.o-d-size-extended.o-de-composite-black .decking, #configurator.height-2800.o-d-composite-black .decking {
background-position: 0 -813px;
}
#configurator #side-rear .decking,
#configurator #side-rear-canopy .decking {
display: none !important;
}
#configurator.roof-style-apex #side-rear .decking, #configurator.roof-style-apex #side-rear-canopy .decking {
display: block !important;
}
#configurator #decking-top, #configurator.ta1 #decking-top, #configurator.g2 #decking-top, #configurator.den #decking-top, #configurator.x1 #decking-top, #configurator.o-d-size-extended-900mm.o-de-spruce #decking-top, #configurator.o-d-size-extended.o-de-spruce #decking-top, #configurator.o-d-spruce #decking-top {
background-image: url("../../images/configurator.4506/decking-spruce.png?20260521203846");
background-repeat: repeat;
}
#configurator.o-d-size-extended-900mm.o-de-honey #decking-top, #configurator.o-d-size-extended.o-de-honey #decking-top, #configurator.o-d-honey #decking-top {
background-image: url("../../images/configurator.4506/decking-honey.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-cedar #decking-top, #configurator.o-d-size-extended.o-de-cedar #decking-top, #configurator.o-d-cedar #decking-top {
background-image: url("../../images/configurator.4506/decking-cedar.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-composite #decking-top, #configurator.o-d-size-extended.o-de-composite #decking-top, #configurator.o-d-composite #decking-top {
background-image: url("../../images/configurator.4506/decking-composite.png?20260521203846");
}
#configurator.basebox-derived.o-deck-pack-yes #decking-top, #configurator.basebox-derived.o-d-size-one-board #decking-top, #configurator.basebox-derived.o-d-size-two-board #decking-top {
background-image: url("../../images/configurator.4506/decking-composite-matchbox.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-de-composite-black #decking-top, #configurator.o-d-size-extended.o-de-composite-black #decking-top, #configurator.o-d-composite-black #decking-top {
background-image: url("../../images/configurator.4506/decking-composite-black.png?20260521203846");
}
#configurator.o-d-none #decking-top, #configurator.o-deck-pack-none #decking-top, #configurator.o-d-size-none #decking-top {
background-image: none;
}
#configurator.o-deck-pack-none .decking, #configurator.o-deck-pack-none.o-de-none .decking, #configurator.o-d-size-none .decking, #configurator.o-d-size-none.o-de-none .decking {
background-image: none;
}
#configurator.o-d-spruce .decking-v2 {
background-image: url("../../images/configurator.4506/decking-spruce.png?20260521203846");
}
#configurator.o-d-honey .decking-v2 {
background-image: url("../../images/configurator.4506/decking-honey.png?20260521203846");
}
#configurator.o-d-cedar .decking-v2 {
background-image: url("../../images/configurator.4506/decking-cedar.png?20260521203846");
}
#configurator.o-d-composite .decking-v2 {
background-image: url("../../images/configurator.4506/decking-composite.png?20260521203846");
}
#configurator.o-d-composite-black .decking-v2 {
background-image: url("../../images/configurator.4506/decking-composite-black.png?20260521203846");
}
#configurator .guttering {
background-image: url("../../images/configurator.4506/guttering-downpipe.png?20260521203846");
background-position: 50% 9px;
}
#configurator.basebox-derived .guttering {
background-position: 50% 27px;
}
#configurator.roof-style-apex .guttering {
opacity: 0;
}
#configurator .roof {
background-image: url("../../images/configurator.4506/misc-bg.png?20260521203846");
}
#configurator.basebox-derived .roof {
background-image: url("../../images/configurator.4506/misc-bg-matchbox.png?20260521203846");
}
#configurator #front-roof-underlay {
display: none;
}
#configurator.has-rounded-roof-corner div.content-pane.exterior-options #front-roof-underlay {
display: block;
background-image: url("../../images/configurator.4506/tgo4-curve-underlay-bg.png?20260521203846");
background-repeat: no-repeat;
}
#configurator.has-rounded-roof-corner.o-cheek-right-type-black #front-roof-underlay {
background-position: 100% 0;
}
#configurator.has-rounded-roof-corner.o-cheek-left-type-black #front-roof-underlay {
background-position: 0 0;
}
#configurator #left-roof {
background-position: 100% -200px;
}
#configurator.basebox-derived #left-roof {
background-position: 100% -401px;
}
#configurator.basebox-derived.has-rear-wings #left-roof {
background-position: 100% -4878px;
}
#configurator.ta1.ta1 #left-roof, #configurator.ta1.ta1 #right-roof, #configurator.g2.g2 #left-roof, #configurator.den.den #left-roof, #configurator.g2.g2 #right-roof, #configurator.den.den #right-roof, #configurator.x1.x1 #left-roof, #configurator.x1.x1 #right-roof, #configurator.g3.g3 #left-roof, #configurator.g3.g3 #right-roof, #configurator.g5.g5 #left-roof, #configurator.g5.g5 #right-roof {
background-position: 100% -2991px;
}
#configurator.g5.g5.o-cheek-left-type-black #left-roof, #configurator.g5.g5.o-cheek-right-type-black #right-roof {
background-position: 100% -3791px;
}
#configurator #front-roof {
/* background-position: 0 -1791px; */
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
}
#configurator.basebox-derived #front-roof {
background-position: 0 -4877px;
}
#configurator #right-roof {
background-position: 0 -800px;
}
#configurator.basebox-derived #right-roof {
background-position: 0 -1640px;
}
#configurator.basebox-derived.has-rear-wings #right-roof {
background-position: 0 -4878px;
}
#configurator #rear-roof {
background-position: 0 -1780px;
/* overridden at runtime */
}
#configurator.basebox-derived #rear-roof {
background-position: 0 -3204px;
}
#configurator .side .cladding, #configurator.o-c-spruce-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-spruce-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-spruce.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.tp .side .cladding, #configurator.o-c-composite-wood-primed-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-wood-primed-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-wood-primed.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-standard-front .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-primed.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-primed.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-primed.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade-unpainted .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade-unpainted div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade-unpainted .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade-unpainted.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-green-glade-unpainted.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-green-glade.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey-unpainted .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey-unpainted div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey-unpainted .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey-unpainted.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-gallant-grey-unpainted.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-gallant-grey.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black-unpainted .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black-unpainted div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black-unpainted .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black-unpainted.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-black-unpainted.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-black.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey-unpainted .side .cladding, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey-unpainted div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey-unpainted .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey-unpainted.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-standard-front.o-paint-pack-garden-grey-unpainted.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-garden-grey.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-black-front .side .cladding, #configurator.basebox-derived.o-c-basebox-black-front div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-black-front .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-black-front.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-black-front.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-basebox-black.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-grey-front .side .cladding, #configurator.basebox-derived.o-c-basebox-grey-front div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-grey-front .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-grey-front.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-grey-front.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-basebox-grey.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-oak-front .side .cladding, #configurator.basebox-derived.o-c-basebox-oak-front div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-oak-front .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-oak-front.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-oak-front.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-basebox-oak.jpg");
background-repeat: repeat-x;
}
#configurator.basebox-derived.o-c-basebox-ash-front .side .cladding, #configurator.basebox-derived.o-c-basebox-ash-front div.drag-helper div.panel-glazing.unglazed, #configurator.basebox-derived.o-c-basebox-ash-front .toolbar li.panel.unglazed div.preview div.panel-glazing, #configurator.basebox-derived.o-c-basebox-ash-front.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-c-basebox-ash-front.o-cheek-right-type-black #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-basebox-ash.jpg");
background-repeat: repeat-x;
}
#configurator.b-series-derived.o-c-basebox-standard-rear #side-rear .cladding {
background-image: url("../../images/configurator.4506/cladding-paint-pack-primed.jpg");
background-repeat: repeat-x;
}
#configurator.o-c-honey-front #front-full.side .cladding, #configurator.o-c-honey-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-honey-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-honey.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-aluminium-charcoal-front #front-full.side .cladding, #configurator.o-c-aluminium-charcoal-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-aluminium-charcoal-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-aluminium-charcoal.jpg?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-aluminium-bronze-front #front-full.side .cladding, #configurator.o-c-aluminium-bronze-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-aluminium-bronze-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-aluminium-bronze.jpg?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-composite-slatted-front #front-full.side .cladding, #configurator.o-c-composite-slatted-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-slatted-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-redwood-slatted-front #front-full.side .cladding, #configurator.o-c-redwood-slatted-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-redwood-slatted-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-honey-slatted-front #front-full.side .cladding, #configurator.o-c-honey-slatted-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-honey-slatted-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-cedar-slatted-front #front-full.side .cladding, #configurator.o-c-cedar-natural-front #front-full.side .cladding, #configurator.o-c-cedar-premium-front #front-full.side .cladding, #configurator.o-c-cedar-front #front-full.side .cladding, #configurator.o-c-cedar-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-cedar-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-cedar.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-cedar-natural-front #front-full.side .cladding, #configurator.o-c-cedar-natural-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-cedar-natural-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg?20260521203846");
}
#configurator.o-c-cedar-slatted-front #front-full.side .cladding, #configurator.o-c-cedar-slatted-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-cedar-slatted-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png?20260521203846");
}
#configurator.o-c-cedar-premium-front #front-full.side .cladding, #configurator.o-c-cedar-premium-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-cedar-premium-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg?20260521203846");
}
#configurator.o-c-composite-hyperion-black-front #front-full.side .cladding, #configurator.o-c-composite-hyperion-black-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-hyperion-black-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-black.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-composite-vox-black-front #front-full.side .cladding, #configurator.o-c-composite-vox-black-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-vox-black-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-composite-grey-front #front-full.side .cladding, #configurator.o-c-composite-grey-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-grey-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-composite-wood-front #front-full.side .cladding, #configurator.o-c-composite-wood-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-wood-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-composite-cedar-front #front-full.side .cladding, #configurator.o-c-composite-cedar-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-composite-cedar-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-fireproof-cement-board-black-front #front-full.side .cladding, #configurator.o-c-fireproof-cement-board-black-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-fireproof-cement-board-black-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-fireboard-white-front #front-full.side .cladding, #configurator.o-c-fireboard-white-front div.drag-helper div.panel-glazing.unglazed, #configurator.o-c-fireboard-white-front .toolbar li.panel.unglazed div.preview div.panel-glazing {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg?20260521203846");
background-repeat: repeat-x;
}
#configurator.o-c-spruce-front .side#side-front .cladding, #configurator.o-c-spruce-left .side#side-left .cladding, #configurator.o-c-spruce-rear .side#side-rear .cladding, #configurator.o-c-spruce-right .side#side-right .cladding, #configurator.o-c-spruce-front .side#roof-front .cladding, #configurator.o-c-spruce-left .side#roof-left .cladding, #configurator.o-c-spruce-rear .side#roof-rear .cladding, #configurator.o-c-spruce-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-spruce.png?20260521203846");
}
#configurator.o-c-composite-slatted-front .side#side-front .cladding, #configurator.o-c-composite-slatted-left .side#side-left .cladding, #configurator.o-c-composite-slatted-rear .side#side-rear .cladding, #configurator.o-c-composite-slatted-right .side#side-right .cladding, #configurator.o-c-composite-slatted-front .side#roof-front .cladding, #configurator.o-c-composite-slatted-left .side#roof-left .cladding, #configurator.o-c-composite-slatted-rear .side#roof-rear .cladding, #configurator.o-c-composite-slatted-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png?20260521203846");
}
#configurator.o-c-redwood-slatted-front .side#side-front .cladding, #configurator.o-c-redwood-slatted-left .side#side-left .cladding, #configurator.o-c-redwood-slatted-rear .side#side-rear .cladding, #configurator.o-c-redwood-slatted-right .side#side-right .cladding, #configurator.o-c-redwood-slatted-front .side#roof-front .cladding, #configurator.o-c-redwood-slatted-left .side#roof-left .cladding, #configurator.o-c-redwood-slatted-rear .side#roof-rear .cladding, #configurator.o-c-redwood-slatted-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png?20260521203846");
}
#configurator.o-c-honey-slatted-front .side#side-front .cladding, #configurator.o-c-honey-slatted-left .side#side-left .cladding, #configurator.o-c-honey-slatted-rear .side#side-rear .cladding, #configurator.o-c-honey-slatted-right .side#side-right .cladding, #configurator.o-c-honey-slatted-front .side#roof-front .cladding, #configurator.o-c-honey-slatted-left .side#roof-left .cladding, #configurator.o-c-honey-slatted-rear .side#roof-rear .cladding, #configurator.o-c-honey-slatted-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png?20260521203846");
}
#configurator.o-c-cedar-front .side#side-front .cladding, #configurator.o-c-cedar-left .side#side-left .cladding, #configurator.o-c-cedar-rear .side#side-rear .cladding, #configurator.o-c-cedar-right .side#side-right .cladding, #configurator.o-c-cedar-front .side#roof-front .cladding, #configurator.o-c-cedar-left .side#roof-left .cladding, #configurator.o-c-cedar-rear .side#roof-rear .cladding, #configurator.o-c-cedar-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-cedar.png?20260521203846");
}
#configurator.o-c-cedar-natural-front .side#side-front .cladding, #configurator.o-c-cedar-natural-left .side#side-left .cladding, #configurator.o-c-cedar-natural-rear .side#side-rear .cladding, #configurator.o-c-cedar-natural-right .side#side-right .cladding, #configurator.o-c-cedar-natural-front .side#roof-front .cladding, #configurator.o-c-cedar-natural-left .side#roof-left .cladding, #configurator.o-c-cedar-natural-rear .side#roof-rear .cladding, #configurator.o-c-cedar-natural-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg?20260521203846");
}
#configurator.o-c-cedar-slatted-front .side#side-front .cladding, #configurator.o-c-cedar-slatted-left .side#side-left .cladding, #configurator.o-c-cedar-slatted-rear .side#side-rear .cladding, #configurator.o-c-cedar-slatted-right .side#side-right .cladding, #configurator.o-c-cedar-slatted-front .side#roof-front .cladding, #configurator.o-c-cedar-slatted-left .side#roof-left .cladding, #configurator.o-c-cedar-slatted-rear .side#roof-rear .cladding, #configurator.o-c-cedar-slatted-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png?20260521203846");
}
#configurator.o-c-cedar-premium-front .side#side-front .cladding, #configurator.o-c-cedar-premium-left .side#side-left .cladding, #configurator.o-c-cedar-premium-rear .side#side-rear .cladding, #configurator.o-c-cedar-premium-right .side#side-right .cladding, #configurator.o-c-cedar-premium-front .side#roof-front .cladding, #configurator.o-c-cedar-premium-left .side#roof-left .cladding, #configurator.o-c-cedar-premium-rear .side#roof-rear .cladding, #configurator.o-c-cedar-premium-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg?20260521203846");
}
#configurator.o-c-composite-hyperion-black-front .side#side-front .cladding, #configurator.o-c-composite-hyperion-black-left .side#side-left .cladding, #configurator.o-c-composite-hyperion-black-rear .side#side-rear .cladding, #configurator.o-c-composite-hyperion-black-right .side#side-right .cladding, #configurator.o-c-composite-hyperion-black-front .side#roof-front .cladding, #configurator.o-c-composite-hyperion-black-left .side#roof-left .cladding, #configurator.o-c-composite-hyperion-black-rear .side#roof-rear .cladding, #configurator.o-c-composite-hyperion-black-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-black.png?20260521203846");
}
#configurator.o-c-composite-vox-black-front .side#side-front .cladding, #configurator.o-c-composite-vox-black-left .side#side-left .cladding, #configurator.o-c-composite-vox-black-rear .side#side-rear .cladding, #configurator.o-c-composite-vox-black-right .side#side-right .cladding, #configurator.o-c-composite-vox-black-front .side#roof-front .cladding, #configurator.o-c-composite-vox-black-left .side#roof-left .cladding, #configurator.o-c-composite-vox-black-rear .side#roof-rear .cladding, #configurator.o-c-composite-vox-black-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png?20260521203846");
}
#configurator.o-c-fireproof-cement-board-black-front .side#side-front .cladding, #configurator.o-c-fireproof-cement-board-black-left .side#side-left .cladding, #configurator.o-c-fireproof-cement-board-black-rear .side#side-rear .cladding, #configurator.o-c-fireproof-cement-board-black-right .side#side-right .cladding, #configurator.o-c-fireproof-cement-board-black-front .side#roof-front .cladding, #configurator.o-c-fireproof-cement-board-black-left .side#roof-left .cladding, #configurator.o-c-fireproof-cement-board-black-rear .side#roof-rear .cladding, #configurator.o-c-fireproof-cement-board-black-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png?20260521203846");
}
#configurator.o-c-fireboard-white-front .side#side-front .cladding, #configurator.o-c-fireboard-white-left .side#side-left .cladding, #configurator.o-c-fireboard-white-rear .side#side-rear .cladding, #configurator.o-c-fireboard-white-right .side#side-right .cladding, #configurator.o-c-fireboard-white-front .side#roof-front .cladding, #configurator.o-c-fireboard-white-left .side#roof-left .cladding, #configurator.o-c-fireboard-white-rear .side#roof-rear .cladding, #configurator.o-c-fireboard-white-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg?20260521203846");
}
#configurator.o-c-composite-grey-front .side#side-front .cladding, #configurator.o-c-composite-grey-left .side#side-left .cladding, #configurator.o-c-composite-grey-rear .side#side-rear .cladding, #configurator.o-c-composite-grey-right .side#side-right .cladding, #configurator.o-c-composite-grey-front .side#roof-front .cladding, #configurator.o-c-composite-grey-left .side#roof-left .cladding, #configurator.o-c-composite-grey-rear .side#roof-rear .cladding, #configurator.o-c-composite-grey-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png?20260521203846");
}
#configurator.o-c-composite-wood-front .side#side-front .cladding, #configurator.o-c-composite-wood-left .side#side-left .cladding, #configurator.o-c-composite-wood-rear .side#side-rear .cladding, #configurator.o-c-composite-wood-right .side#side-right .cladding, #configurator.o-c-composite-wood-front .side#roof-front .cladding, #configurator.o-c-composite-wood-left .side#roof-left .cladding, #configurator.o-c-composite-wood-rear .side#roof-rear .cladding, #configurator.o-c-composite-wood-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png?20260521203846");
}
#configurator.o-c-composite-cedar-front .side#side-front .cladding, #configurator.o-c-composite-cedar-left .side#side-left .cladding, #configurator.o-c-composite-cedar-rear .side#side-rear .cladding, #configurator.o-c-composite-cedar-right .side#side-right .cladding, #configurator.o-c-composite-cedar-front .side#roof-front .cladding, #configurator.o-c-composite-cedar-left .side#roof-left .cladding, #configurator.o-c-composite-cedar-rear .side#roof-rear .cladding, #configurator.o-c-composite-cedar-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png?20260521203846");
}
#configurator.o-c-honey-front .side#side-front .cladding, #configurator.o-c-honey-left .side#side-left .cladding, #configurator.o-c-honey-rear .side#side-rear .cladding, #configurator.o-c-honey-right .side#side-right .cladding, #configurator.o-c-honey-front .side#roof-front .cladding, #configurator.o-c-honey-left .side#roof-left .cladding, #configurator.o-c-honey-rear .side#roof-rear .cladding, #configurator.o-c-honey-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-honey.png?20260521203846");
}
#configurator.o-c-aluminium-charcoal-front .side#side-front .cladding, #configurator.o-c-aluminium-charcoal-left .side#side-left .cladding, #configurator.o-c-aluminium-charcoal-rear .side#side-rear .cladding, #configurator.o-c-aluminium-charcoal-right .side#side-right .cladding, #configurator.o-c-aluminium-charcoal-front .side#roof-front .cladding, #configurator.o-c-aluminium-charcoal-left .side#roof-left .cladding, #configurator.o-c-aluminium-charcoal-rear .side#roof-rear .cladding, #configurator.o-c-aluminium-charcoal-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-aluminium-charcoal.jpg?20260521203846");
background-position-y: -15px;
background-position-x: 10px;
}
#configurator.o-c-aluminium-bronze-front .side#side-front .cladding, #configurator.o-c-aluminium-bronze-left .side#side-left .cladding, #configurator.o-c-aluminium-bronze-rear .side#side-rear .cladding, #configurator.o-c-aluminium-bronze-right .side#side-right .cladding, #configurator.o-c-aluminium-bronze-front .side#roof-front .cladding, #configurator.o-c-aluminium-bronze-left .side#roof-left .cladding, #configurator.o-c-aluminium-bronze-rear .side#roof-rear .cladding, #configurator.o-c-aluminium-bronze-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-aluminium-bronze.jpg?20260521203846");
background-position-y: -15px;
background-position-x: 10px;
}
#configurator.o-c-painted .side .cladding {
background-image: url("../../images/configurator.4506/cladding-painted.png?20260521203846");
}
#configurator.o-c-standing-seam-grey-front .side#side-front .cladding, #configurator.o-c-standing-seam-grey-left .side#side-left .cladding, #configurator.o-c-standing-seam-grey-rear .side#side-rear .cladding, #configurator.o-c-standing-seam-grey-right .side#side-right .cladding, #configurator.o-c-standing-seam-grey-front .side#roof-front .cladding, #configurator.o-c-standing-seam-grey-left .side#roof-left .cladding, #configurator.o-c-standing-seam-grey-rear .side#roof-rear .cladding, #configurator.o-c-standing-seam-grey-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-standing-seam-grey.jpg?20260521203846");
background-position: 10px;
/* standing-seam should be aligned with the roof. Allow for corner post thickness */
}
#configurator.o-c-standing-seam-black-front .side#side-front .cladding, #configurator.o-c-standing-seam-black-left .side#side-left .cladding, #configurator.o-c-standing-seam-black-rear .side#side-rear .cladding, #configurator.o-c-standing-seam-black-right .side#side-right .cladding, #configurator.o-c-standing-seam-black-front .side#roof-front .cladding, #configurator.o-c-standing-seam-black-left .side#roof-left .cladding, #configurator.o-c-standing-seam-black-rear .side#roof-rear .cladding, #configurator.o-c-standing-seam-black-right .side#roof-right .cladding {
background-image: url("../../images/configurator.4506/cladding-standing-seam-black.jpg?20260521203846");
background-position: 10px;
/* standing-seam should be aligned with the roof. Allow for corner post thickness */
}
#configurator.gs #left-decking, #configurator.gs #right-decking, #configurator.gs #decking-top, #configurator.gw #left-decking, #configurator.gw #right-decking, #configurator.gw #decking-top, #configurator.pw #left-decking, #configurator.pw #right-decking, #configurator.pw #decking-top, #configurator.x1 #left-decking, #configurator.x1 #right-decking, #configurator.x1 #decking-top {
display: none;
}
#configurator.tgo #front-roof, #configurator.tgo #left-roof, #configurator.tgo #rear-roof, #configurator.tgo #right-roof, #configurator.ta2 #front-roof, #configurator.ta2 #left-roof, #configurator.ta2 #rear-roof, #configurator.ta2 #right-roof, #configurator.hide #front-roof, #configurator.hide #left-roof, #configurator.hide #rear-roof, #configurator.hide #right-roof, #configurator.g2 #front-roof, #configurator.den #front-roof, #configurator.g2 #left-roof, #configurator.den #left-roof, #configurator.g2 #rear-roof, #configurator.den #rear-roof, #configurator.g2 #right-roof, #configurator.den #right-roof, #configurator.x1 #front-roof, #configurator.x1 #left-roof, #configurator.x1 #rear-roof, #configurator.x1 #right-roof, #configurator.g3 #front-roof, #configurator.g3 #left-roof, #configurator.g3 #rear-roof, #configurator.g3 #right-roof, #configurator.g5 #front-roof, #configurator.g5 #left-roof, #configurator.g5 #rear-roof, #configurator.g5 #right-roof, #configurator.gw #front-roof, #configurator.gw #left-roof, #configurator.gw #rear-roof, #configurator.gw #right-roof, #configurator.gs #front-roof, #configurator.gs #left-roof, #configurator.gs #rear-roof, #configurator.gs #right-roof, #configurator.gsp #front-roof, #configurator.gsp #left-roof, #configurator.gsp #rear-roof, #configurator.gsp #right-roof, #configurator.pw #front-roof, #configurator.pw #left-roof, #configurator.pw #rear-roof, #configurator.pw #right-roof {
background-image: url("../../images/configurator.4506/misc-bg.png?20260521203846");
}
#configurator.o-c-redwood-slatted-front #front-roof, #configurator.o-c-redwood-slatted-left #left-roof, #configurator.o-c-redwood-slatted-rear #rear-roof, #configurator.o-c-redwood-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg.png?20260521203846");
}
#configurator.o-c-honey-slatted-front #front-roof, #configurator.o-c-honey-slatted-left #left-roof, #configurator.o-c-honey-slatted-rear #rear-roof, #configurator.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg.png?20260521203846");
}
#configurator.o-c-spruce-front #front-roof, #configurator.o-c-spruce-left #left-roof, #configurator.o-c-spruce-rear #rear-roof, #configurator.o-c-spruce-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg.png?20260521203846");
}
#configurator.g2.o-c-spruce-front #front-roof, #configurator.den.o-c-spruce-front #front-roof, #configurator.g2.o-c-spruce-left #left-roof, #configurator.den.o-c-spruce-left #left-roof, #configurator.g2.o-c-spruce-rear #rear-roof, #configurator.den.o-c-spruce-rear #rear-roof, #configurator.g2.o-c-spruce-right #right-roof, #configurator.den.o-c-spruce-right #right-roof, #configurator.g2.o-c-spruce-front.o-fascia-spruce #front-roof, #configurator.den.o-c-spruce-front.o-fascia-spruce #front-roof, #configurator.g2.o-c-spruce-left.o-fascia-spruce #left-roof, #configurator.den.o-c-spruce-left.o-fascia-spruce #left-roof, #configurator.g2.o-c-spruce-rear.o-fascia-spruce #rear-roof, #configurator.den.o-c-spruce-rear.o-fascia-spruce #rear-roof, #configurator.g2.o-c-spruce-right.o-fascia-spruce #right-roof, #configurator.den.o-c-spruce-right.o-fascia-spruce #right-roof, #configurator.x1.o-c-spruce-front #front-roof, #configurator.x1.o-c-spruce-left #left-roof, #configurator.x1.o-c-spruce-rear #rear-roof, #configurator.x1.o-c-spruce-right #right-roof, #configurator.x1.o-c-spruce-front.o-fascia-spruce #front-roof, #configurator.x1.o-c-spruce-left.o-fascia-spruce #left-roof, #configurator.x1.o-c-spruce-rear.o-fascia-spruce #rear-roof, #configurator.x1.o-c-spruce-right.o-fascia-spruce #right-roof, #configurator.g3.o-c-spruce-front #front-roof, #configurator.g3.o-c-spruce-left #left-roof, #configurator.g3.o-c-spruce-rear #rear-roof, #configurator.g3.o-c-spruce-right #right-roof, #configurator.edge.o-c-spruce-front #front-roof, #configurator.edge.o-c-spruce-left #left-roof, #configurator.edge.o-c-spruce-rear #rear-roof, #configurator.edge.o-c-spruce-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration.png?20260521203846");
}
#configurator.g4.o-c-spruce-front #front-roof, #configurator.g4.o-c-spruce-left #left-roof, #configurator.g4.o-c-spruce-rear #rear-roof, #configurator.g4.o-c-spruce-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle.png?20260521203846");
}
#configurator.g4.o-cheek-left-type-none #left-roof {
background-position: 100% 0;
}
#configurator.g4.o-cheek-right-type-none #right-roof {
background-position: 100% -3626px;
}
#configurator.g4.o-cheek-left-type-none #left-roof, #configurator.g4.o-cheek-right-type-none #right-roof, #configurator.g4.o-cheek-left-type-none.o-fascia-metal-black #left-roof, #configurator.g4.o-cheek-right-type-none.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g4.o-cheek-left-type-none.o-fascia-metal-graphite #left-roof, #configurator.g4.o-cheek-right-type-none.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g4.o-cheek-left-type-none.o-fascia-spruce #left-roof, #configurator.g4.o-cheek-right-type-none.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle.png?20260521203846");
}
#configurator.g4.o-cheek-left-type-none.o-fascia-honey #left-roof, #configurator.g4.o-cheek-right-type-none.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-honey.png?20260521203846");
}
#configurator.g4.o-cheek-left-type-none.o-fascia-cedar #left-roof, #configurator.g4.o-cheek-right-type-none.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-cedar.png?20260521203846");
}
#configurator.g2.o-c-redwood-slatted-front #front-roof, #configurator.den.o-c-redwood-slatted-front #front-roof, #configurator.g2.o-c-redwood-slatted-left #left-roof, #configurator.den.o-c-redwood-slatted-left #left-roof, #configurator.g2.o-c-redwood-slatted-rear #rear-roof, #configurator.den.o-c-redwood-slatted-rear #rear-roof, #configurator.g2.o-c-redwood-slatted-right #right-roof, #configurator.den.o-c-redwood-slatted-right #right-roof, #configurator.x1.o-c-redwood-slatted-front #front-roof, #configurator.x1.o-c-redwood-slatted-left #left-roof, #configurator.x1.o-c-redwood-slatted-rear #rear-roof, #configurator.x1.o-c-redwood-slatted-right #right-roof, #configurator.ta1.o-c-redwood-slatted-front #front-roof, #configurator.ta1.o-c-redwood-slatted-left #left-roof, #configurator.ta1.o-c-redwood-slatted-rear #rear-roof, #configurator.ta1.o-c-redwood-slatted-right #right-roof, #configurator.g3.o-c-redwood-slatted-front #front-roof, #configurator.g3.o-c-redwood-slatted-left #left-roof, #configurator.g3.o-c-redwood-slatted-rear #rear-roof, #configurator.g3.o-c-redwood-slatted-right #right-roof, #configurator.edge.o-c-redwood-slatted-front #front-roof, #configurator.edge.o-c-redwood-slatted-left #left-roof, #configurator.edge.o-c-redwood-slatted-rear #rear-roof, #configurator.edge.o-c-redwood-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration.png?20260521203846");
}
#configurator.g4.o-c-redwood-slatted-front #front-roof, #configurator.g4.o-c-redwood-slatted-left #left-roof, #configurator.g4.o-c-redwood-slatted-rear #rear-roof, #configurator.g4.o-c-redwood-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle.png?20260521203846");
}
#configurator.g2.o-c-honey-slatted-front #front-roof, #configurator.den.o-c-honey-slatted-front #front-roof, #configurator.g2.o-c-honey-slatted-left #left-roof, #configurator.den.o-c-honey-slatted-left #left-roof, #configurator.g2.o-c-honey-slatted-rear #rear-roof, #configurator.den.o-c-honey-slatted-rear #rear-roof, #configurator.g2.o-c-honey-slatted-right #right-roof, #configurator.den.o-c-honey-slatted-right #right-roof, #configurator.x1.o-c-honey-slatted-front #front-roof, #configurator.x1.o-c-honey-slatted-left #left-roof, #configurator.x1.o-c-honey-slatted-rear #rear-roof, #configurator.x1.o-c-honey-slatted-right #right-roof, #configurator.ta1.o-c-honey-slatted-front #front-roof, #configurator.ta1.o-c-honey-slatted-left #left-roof, #configurator.ta1.o-c-honey-slatted-rear #rear-roof, #configurator.ta1.o-c-honey-slatted-right #right-roof, #configurator.g3.o-c-honey-slatted-front #front-roof, #configurator.g3.o-c-honey-slatted-left #left-roof, #configurator.g3.o-c-honey-slatted-rear #rear-roof, #configurator.g3.o-c-honey-slatted-right #right-roof, #configurator.edge.o-c-honey-slatted-front #front-roof, #configurator.edge.o-c-honey-slatted-left #left-roof, #configurator.edge.o-c-honey-slatted-rear #rear-roof, #configurator.edge.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration.png?20260521203846");
}
#configurator.g4.o-c-honey-slatted-front #front-roof, #configurator.g4.o-c-honey-slatted-left #left-roof, #configurator.g4.o-c-honey-slatted-rear #rear-roof, #configurator.g4.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle.png?20260521203846");
}
#configurator.o-c-honey-front #front-roof, #configurator.o-c-honey-left #left-roof, #configurator.o-c-honey-rear #rear-roof, #configurator.o-c-honey-right #right-roof, #configurator.o-c-honey-slatted-front #front-roof, #configurator.o-c-honey-slatted-left #left-roof, #configurator.o-c-honey-slatted-rear #rear-roof, #configurator.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-honey.png?20260521203846");
}
#configurator.g2.o-c-honey-front #front-roof, #configurator.den.o-c-honey-front #front-roof, #configurator.g2.o-c-honey-left #left-roof, #configurator.den.o-c-honey-left #left-roof, #configurator.g2.o-c-honey-rear #rear-roof, #configurator.den.o-c-honey-rear #rear-roof, #configurator.g2.o-c-honey-right #right-roof, #configurator.den.o-c-honey-right #right-roof, #configurator.x1.o-c-honey-front #front-roof, #configurator.x1.o-c-honey-left #left-roof, #configurator.x1.o-c-honey-rear #rear-roof, #configurator.x1.o-c-honey-right #right-roof, #configurator.ta1.o-c-honey-front #front-roof, #configurator.ta1.o-c-honey-left #left-roof, #configurator.ta1.o-c-honey-rear #rear-roof, #configurator.ta1.o-c-honey-right #right-roof, #configurator.g3.o-c-honey-front #front-roof, #configurator.g3.o-c-honey-left #left-roof, #configurator.g3.o-c-honey-rear #rear-roof, #configurator.g3.o-c-honey-right #right-roof, #configurator.edge.o-c-honey-front #front-roof, #configurator.edge.o-c-honey-left #left-roof, #configurator.edge.o-c-honey-rear #rear-roof, #configurator.edge.o-c-honey-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-honey.png?20260521203846");
}
#configurator.g4.o-c-honey-front #front-roof, #configurator.g4.o-c-honey-left #left-roof, #configurator.g4.o-c-honey-rear #rear-roof, #configurator.g4.o-c-honey-right #right-roof, #configurator.g4.o-c-honey-slatted-front #front-roof, #configurator.g4.o-c-honey-slatted-left #left-roof, #configurator.g4.o-c-honey-slatted-rear #rear-roof, #configurator.g4.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-honey.png?20260521203846");
}
#configurator.o-c-composite-slatted-front #front-roof, #configurator.o-c-composite-slatted-left #left-roof, #configurator.o-c-composite-slatted-rear #rear-roof, #configurator.o-c-composite-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-black.png?20260521203846");
}
#configurator.o-c-cedar-front #front-roof, #configurator.o-c-cedar-left #left-roof, #configurator.o-c-cedar-rear #rear-roof, #configurator.o-c-cedar-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-cedar.png?20260521203846");
}
#configurator.o-c-cedar-natural-front #front-roof, #configurator.o-c-cedar-natural-left #left-roof, #configurator.o-c-cedar-natural-rear #rear-roof, #configurator.o-c-cedar-natural-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-cedar.png?20260521203846");
}
#configurator.o-c-cedar-slatted-front #front-roof, #configurator.o-c-cedar-slatted-left #left-roof, #configurator.o-c-cedar-slatted-rear #rear-roof, #configurator.o-c-cedar-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-cedar.png?20260521203846");
}
#configurator.o-c-cedar-premium-front #front-roof, #configurator.o-c-cedar-premium-left #left-roof, #configurator.o-c-cedar-premium-rear #rear-roof, #configurator.o-c-cedar-premium-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-cedar.png?20260521203846");
}
#configurator.o-c-composite-hyperion-black-front #front-roof, #configurator.o-c-composite-hyperion-black-left #left-roof, #configurator.o-c-composite-hyperion-black-rear #rear-roof, #configurator.o-c-composite-hyperion-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-black.png?20260521203846");
}
#configurator.o-c-composite-vox-black-front #front-roof, #configurator.o-c-composite-vox-black-left #left-roof, #configurator.o-c-composite-vox-black-rear #rear-roof, #configurator.o-c-composite-vox-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-black.png?20260521203846");
}
#configurator.o-c-fireproof-cement-board-black-front #front-roof, #configurator.o-c-fireproof-cement-board-black-left #left-roof, #configurator.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.o-c-fireproof-cement-board-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-black.png?20260521203846");
}
#configurator.o-c-fireboard-white-front #front-roof, #configurator.o-c-fireboard-white-left #left-roof, #configurator.o-c-fireboard-white-rear #rear-roof, #configurator.o-c-fireboard-white-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-white.png?20260521203846");
}
#configurator.o-c-composite-grey-front #front-roof, #configurator.o-c-composite-grey-left #left-roof, #configurator.o-c-composite-grey-rear #rear-roof, #configurator.o-c-composite-grey-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-grey.png?20260521203846");
}
#configurator.o-c-composite-wood-front #front-roof, #configurator.o-c-composite-wood-left #left-roof, #configurator.o-c-composite-wood-rear #rear-roof, #configurator.o-c-composite-wood-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-wood.png?20260521203846");
}
#configurator.o-c-composite-cedar-front #front-roof, #configurator.o-c-composite-cedar-left #left-roof, #configurator.o-c-composite-cedar-rear #rear-roof, #configurator.o-c-composite-cedar-right #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-cedar.png?20260521203846");
}
#configurator.g2.o-c-honey-front #front-roof, #configurator.den.o-c-honey-front #front-roof, #configurator.g2.o-c-honey-left #left-roof, #configurator.den.o-c-honey-left #left-roof, #configurator.x1.o-c-honey-front #front-roof, #configurator.x1.o-c-honey-left #left-roof, #configurator.ta1.o-c-honey-rear #rear-roof, #configurator.g2.o-c-honey-right #right-roof, #configurator.den.o-c-honey-right #right-roof, #configurator.x1.o-c-honey-right #right-roof, #configurator.ta1.o-c-honey-front #front-roof, #configurator.ta1.o-c-honey-left #left-roof, #configurator.ta1.o-c-honey-rear #rear-roof, #configurator.ta1.o-c-honey-right #right-roof, #configurator.g3.o-c-honey-front #front-roof, #configurator.g3.o-c-honey-left #left-roof, #configurator.g3.o-c-honey-rear #rear-roof, #configurator.g3.o-c-honey-right #right-roof, #configurator.edge.o-c-honey-front #front-roof, #configurator.edge.o-c-honey-left #left-roof, #configurator.edge.o-c-honey-rear #rear-roof, #configurator.edge.o-c-honey-right #right-roof, #configurator.g2.o-c-honey-slatted-front #front-roof, #configurator.den.o-c-honey-slatted-front #front-roof, #configurator.g2.o-c-honey-slatted-left #left-roof, #configurator.den.o-c-honey-slatted-left #left-roof, #configurator.x1.o-c-honey-slatted-front #front-roof, #configurator.x1.o-c-honey-slatted-left #left-roof, #configurator.ta1.o-c-honey-slatted-rear #rear-roof, #configurator.g2.o-c-honey-slatted-right #right-roof, #configurator.den.o-c-honey-slatted-right #right-roof, #configurator.x1.o-c-honey-slatted-right #right-roof, #configurator.ta1.o-c-honey-slatted-front #front-roof, #configurator.ta1.o-c-honey-slatted-left #left-roof, #configurator.ta1.o-c-honey-slatted-rear #rear-roof, #configurator.ta1.o-c-honey-slatted-right #right-roof, #configurator.g3.o-c-honey-slatted-front #front-roof, #configurator.g3.o-c-honey-slatted-left #left-roof, #configurator.g3.o-c-honey-slatted-rear #rear-roof, #configurator.g3.o-c-honey-slatted-right #right-roof, #configurator.edge.o-c-honey-slatted-front #front-roof, #configurator.edge.o-c-honey-slatted-left #left-roof, #configurator.edge.o-c-honey-slatted-rear #rear-roof, #configurator.edge.o-c-honey-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-honey.png?20260521203846");
}
#configurator.g2.o-c-cedar-front #front-roof, #configurator.den.o-c-cedar-front #front-roof, #configurator.g2.o-c-cedar-left #left-roof, #configurator.den.o-c-cedar-left #left-roof, #configurator.g2.o-c-cedar-rear #rear-roof, #configurator.den.o-c-cedar-rear #rear-roof, #configurator.g2.o-c-cedar-right #right-roof, #configurator.den.o-c-cedar-right #right-roof, #configurator.x1.o-c-cedar-front #front-roof, #configurator.x1.o-c-cedar-left #left-roof, #configurator.x1.o-c-cedar-rear #rear-roof, #configurator.x1.o-c-cedar-right #right-roof, #configurator.ta1.o-c-cedar-front #front-roof, #configurator.ta1.o-c-cedar-left #left-roof, #configurator.ta1.o-c-cedar-rear #rear-roof, #configurator.ta1.o-c-cedar-right #right-roof, #configurator.g3.o-c-cedar-front #front-roof, #configurator.g3.o-c-cedar-left #left-roof, #configurator.g3.o-c-cedar-rear #rear-roof, #configurator.g3.o-c-cedar-right #right-roof, #configurator.edge.o-c-cedar-front #front-roof, #configurator.edge.o-c-cedar-left #left-roof, #configurator.edge.o-c-cedar-rear #rear-roof, #configurator.edge.o-c-cedar-right #right-roof, #configurator.g2.o-c-cedar-natural-front #front-roof, #configurator.den.o-c-cedar-natural-front #front-roof, #configurator.g2.o-c-cedar-natural-left #left-roof, #configurator.den.o-c-cedar-natural-left #left-roof, #configurator.g2.o-c-cedar-natural-rear #rear-roof, #configurator.den.o-c-cedar-natural-rear #rear-roof, #configurator.g2.o-c-cedar-natural-right #right-roof, #configurator.den.o-c-cedar-natural-right #right-roof, #configurator.x1.o-c-cedar-natural-front #front-roof, #configurator.x1.o-c-cedar-natural-left #left-roof, #configurator.x1.o-c-cedar-natural-rear #rear-roof, #configurator.x1.o-c-cedar-natural-right #right-roof, #configurator.ta1.o-c-cedar-natural-front #front-roof, #configurator.ta1.o-c-cedar-natural-left #left-roof, #configurator.ta1.o-c-cedar-natural-rear #rear-roof, #configurator.ta1.o-c-cedar-natural-right #right-roof, #configurator.g3.o-c-cedar-natural-front #front-roof, #configurator.g3.o-c-cedar-natural-left #left-roof, #configurator.g3.o-c-cedar-natural-rear #rear-roof, #configurator.g3.o-c-cedar-natural-right #right-roof, #configurator.edge.o-c-cedar-natural-front #front-roof, #configurator.edge.o-c-cedar-natural-left #left-roof, #configurator.edge.o-c-cedar-natural-rear #rear-roof, #configurator.edge.o-c-cedar-natural-right #right-roof, #configurator.g2.o-c-cedar-slatted-front #front-roof, #configurator.den.o-c-cedar-slatted-front #front-roof, #configurator.g2.o-c-cedar-slatted-left #left-roof, #configurator.den.o-c-cedar-slatted-left #left-roof, #configurator.g2.o-c-cedar-slatted-rear #rear-roof, #configurator.den.o-c-cedar-slatted-rear #rear-roof, #configurator.g2.o-c-cedar-slatted-right #right-roof, #configurator.den.o-c-cedar-slatted-right #right-roof, #configurator.x1.o-c-cedar-slatted-front #front-roof, #configurator.x1.o-c-cedar-slatted-left #left-roof, #configurator.x1.o-c-cedar-slatted-rear #rear-roof, #configurator.x1.o-c-cedar-slatted-right #right-roof, #configurator.ta1.o-c-cedar-slatted-front #front-roof, #configurator.ta1.o-c-cedar-slatted-left #left-roof, #configurator.ta1.o-c-cedar-slatted-rear #rear-roof, #configurator.ta1.o-c-cedar-slatted-right #right-roof, #configurator.g3.o-c-cedar-slatted-front #front-roof, #configurator.g3.o-c-cedar-slatted-left #left-roof, #configurator.g3.o-c-cedar-slatted-rear #rear-roof, #configurator.g3.o-c-cedar-slatted-right #right-roof, #configurator.edge.o-c-cedar-slatted-front #front-roof, #configurator.edge.o-c-cedar-slatted-left #left-roof, #configurator.edge.o-c-cedar-slatted-rear #rear-roof, #configurator.edge.o-c-cedar-slatted-right #right-roof, #configurator.g2.o-c-cedar-premium-front #front-roof, #configurator.den.o-c-cedar-premium-front #front-roof, #configurator.g2.o-c-cedar-premium-left #left-roof, #configurator.den.o-c-cedar-premium-left #left-roof, #configurator.g2.o-c-cedar-premium-rear #rear-roof, #configurator.den.o-c-cedar-premium-rear #rear-roof, #configurator.g2.o-c-cedar-premium-right #right-roof, #configurator.den.o-c-cedar-premium-right #right-roof, #configurator.x1.o-c-cedar-premium-front #front-roof, #configurator.x1.o-c-cedar-premium-left #left-roof, #configurator.x1.o-c-cedar-premium-rear #rear-roof, #configurator.x1.o-c-cedar-premium-right #right-roof, #configurator.ta1.o-c-cedar-premium-front #front-roof, #configurator.ta1.o-c-cedar-premium-left #left-roof, #configurator.ta1.o-c-cedar-premium-rear #rear-roof, #configurator.ta1.o-c-cedar-premium-right #right-roof, #configurator.g3.o-c-cedar-premium-front #front-roof, #configurator.g3.o-c-cedar-premium-left #left-roof, #configurator.g3.o-c-cedar-premium-rear #rear-roof, #configurator.g3.o-c-cedar-premium-right #right-roof, #configurator.edge.o-c-cedar-premium-front #front-roof, #configurator.edge.o-c-cedar-premium-left #left-roof, #configurator.edge.o-c-cedar-premium-rear #rear-roof, #configurator.edge.o-c-cedar-premium-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-cedar.png?20260521203846");
}
#configurator.g4.o-c-cedar-front #front-roof, #configurator.g4.o-c-cedar-left #left-roof, #configurator.g4.o-c-cedar-rear #rear-roof, #configurator.g4.o-c-cedar-right #right-roof, #configurator.g4.o-c-cedar-natural-front #front-roof, #configurator.g4.o-c-cedar-natural-left #left-roof, #configurator.g4.o-c-cedar-natural-rear #rear-roof, #configurator.g4.o-c-cedar-natural-right #right-roof, #configurator.g4.o-c-cedar-slatted-front #front-roof, #configurator.g4.o-c-cedar-slatted-left #left-roof, #configurator.g4.o-c-cedar-slatted-rear #rear-roof, #configurator.g4.o-c-cedar-slatted-right #right-roof, #configurator.g4.o-c-cedar-premium-front #front-roof, #configurator.g4.o-c-cedar-premium-left #left-roof, #configurator.g4.o-c-cedar-premium-rear #rear-roof, #configurator.g4.o-c-cedar-premium-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-cedar.png?20260521203846");
}
#configurator.g2.o-c-composite-slatted-front #front-roof, #configurator.den.o-c-composite-slatted-front #front-roof, #configurator.g2.o-c-composite-slatted-left #left-roof, #configurator.den.o-c-composite-slatted-left #left-roof, #configurator.g2.o-c-composite-slatted-rear #rear-roof, #configurator.den.o-c-composite-slatted-rear #rear-roof, #configurator.g2.o-c-composite-slatted-right #right-roof, #configurator.den.o-c-composite-slatted-right #right-roof, #configurator.x1.o-c-composite-slatted-front #front-roof, #configurator.x1.o-c-composite-slatted-left #left-roof, #configurator.x1.o-c-composite-slatted-rear #rear-roof, #configurator.x1.o-c-composite-slatted-right #right-roof, #configurator.ta1.o-c-composite-slatted-front #front-roof, #configurator.ta1.o-c-composite-slatted-left #left-roof, #configurator.ta1.o-c-composite-slatted-rear #rear-roof, #configurator.ta1.o-c-composite-slatted-right #right-roof, #configurator.g3.o-c-composite-slatted-front #front-roof, #configurator.g3.o-c-composite-slatted-left #left-roof, #configurator.g3.o-c-composite-slatted-rear #rear-roof, #configurator.g3.o-c-composite-slatted-right #right-roof, #configurator.edge.o-c-composite-slatted-front #front-roof, #configurator.edge.o-c-composite-slatted-left #left-roof, #configurator.edge.o-c-composite-slatted-rear #rear-roof, #configurator.edge.o-c-composite-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g4.o-c-composite-slatted-front #front-roof, #configurator.g4.o-c-composite-slatted-left #left-roof, #configurator.g4.o-c-composite-slatted-rear #rear-roof, #configurator.g4.o-c-composite-slatted-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g2.o-c-composite-hyperion-black-front #front-roof, #configurator.den.o-c-composite-hyperion-black-front #front-roof, #configurator.g2.o-c-composite-hyperion-black-left #left-roof, #configurator.den.o-c-composite-hyperion-black-left #left-roof, #configurator.g2.o-c-composite-hyperion-black-rear #rear-roof, #configurator.den.o-c-composite-hyperion-black-rear #rear-roof, #configurator.g2.o-c-composite-hyperion-black-right #right-roof, #configurator.den.o-c-composite-hyperion-black-right #right-roof, #configurator.x1.o-c-composite-hyperion-black-front #front-roof, #configurator.x1.o-c-composite-hyperion-black-left #left-roof, #configurator.x1.o-c-composite-hyperion-black-rear #rear-roof, #configurator.x1.o-c-composite-hyperion-black-right #right-roof, #configurator.ta1.o-c-composite-hyperion-black-front #front-roof, #configurator.ta1.o-c-composite-hyperion-black-left #left-roof, #configurator.ta1.o-c-composite-hyperion-black-rear #rear-roof, #configurator.ta1.o-c-composite-hyperion-black-right #right-roof, #configurator.g3.o-c-composite-hyperion-black-front #front-roof, #configurator.g3.o-c-composite-hyperion-black-left #left-roof, #configurator.g3.o-c-composite-hyperion-black-rear #rear-roof, #configurator.g3.o-c-composite-hyperion-black-right #right-roof, #configurator.edge.o-c-composite-hyperion-black-front #front-roof, #configurator.edge.o-c-composite-hyperion-black-left #left-roof, #configurator.edge.o-c-composite-hyperion-black-rear #rear-roof, #configurator.edge.o-c-composite-hyperion-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g2.o-c-composite-vox-black-front #front-roof, #configurator.den.o-c-composite-vox-black-front #front-roof, #configurator.g2.o-c-composite-vox-black-left #left-roof, #configurator.den.o-c-composite-vox-black-left #left-roof, #configurator.g2.o-c-composite-vox-black-rear #rear-roof, #configurator.den.o-c-composite-vox-black-rear #rear-roof, #configurator.g2.o-c-composite-vox-black-right #right-roof, #configurator.den.o-c-composite-vox-black-right #right-roof, #configurator.x1.o-c-composite-vox-black-front #front-roof, #configurator.x1.o-c-composite-vox-black-left #left-roof, #configurator.x1.o-c-composite-vox-black-rear #rear-roof, #configurator.x1.o-c-composite-vox-black-right #right-roof, #configurator.ta1.o-c-composite-vox-black-front #front-roof, #configurator.ta1.o-c-composite-vox-black-left #left-roof, #configurator.ta1.o-c-composite-vox-black-rear #rear-roof, #configurator.ta1.o-c-composite-vox-black-right #right-roof, #configurator.g3.o-c-composite-vox-black-front #front-roof, #configurator.g3.o-c-composite-vox-black-left #left-roof, #configurator.g3.o-c-composite-vox-black-rear #rear-roof, #configurator.g3.o-c-composite-vox-black-right #right-roof, #configurator.edge.o-c-composite-vox-black-front #front-roof, #configurator.edge.o-c-composite-vox-black-left #left-roof, #configurator.edge.o-c-composite-vox-black-rear #rear-roof, #configurator.edge.o-c-composite-vox-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g2.o-c-fireproof-cement-board-black-front #front-roof, #configurator.den.o-c-fireproof-cement-board-black-front #front-roof, #configurator.g2.o-c-fireproof-cement-board-black-left #left-roof, #configurator.den.o-c-fireproof-cement-board-black-left #left-roof, #configurator.g2.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.den.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.g2.o-c-fireproof-cement-board-black-right #right-roof, #configurator.den.o-c-fireproof-cement-board-black-right #right-roof, #configurator.x1.o-c-fireproof-cement-board-black-front #front-roof, #configurator.x1.o-c-fireproof-cement-board-black-left #left-roof, #configurator.x1.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.x1.o-c-fireproof-cement-board-black-right #right-roof, #configurator.ta1.o-c-fireproof-cement-board-black-front #front-roof, #configurator.ta1.o-c-fireproof-cement-board-black-left #left-roof, #configurator.ta1.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.ta1.o-c-fireproof-cement-board-black-right #right-roof, #configurator.g3.o-c-fireproof-cement-board-black-front #front-roof, #configurator.g3.o-c-fireproof-cement-board-black-left #left-roof, #configurator.g3.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.g3.o-c-fireproof-cement-board-black-right #right-roof, #configurator.edge.o-c-fireproof-cement-board-black-front #front-roof, #configurator.edge.o-c-fireproof-cement-board-black-left #left-roof, #configurator.edge.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.edge.o-c-fireproof-cement-board-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g2.o-c-fireboard-white-front #front-roof, #configurator.den.o-c-fireboard-white-front #front-roof, #configurator.g2.o-c-fireboard-white-left #left-roof, #configurator.den.o-c-fireboard-white-left #left-roof, #configurator.g2.o-c-fireboard-white-rear #rear-roof, #configurator.den.o-c-fireboard-white-rear #rear-roof, #configurator.g2.o-c-fireboard-white-right #right-roof, #configurator.den.o-c-fireboard-white-right #right-roof, #configurator.x1.o-c-fireboard-white-front #front-roof, #configurator.x1.o-c-fireboard-white-left #left-roof, #configurator.x1.o-c-fireboard-white-rear #rear-roof, #configurator.x1.o-c-fireboard-white-right #right-roof, #configurator.ta1.o-c-fireboard-white-front #front-roof, #configurator.ta1.o-c-fireboard-white-left #left-roof, #configurator.ta1.o-c-fireboard-white-rear #rear-roof, #configurator.ta1.o-c-fireboard-white-right #right-roof, #configurator.g3.o-c-fireboard-white-front #front-roof, #configurator.g3.o-c-fireboard-white-left #left-roof, #configurator.g3.o-c-fireboard-white-rear #rear-roof, #configurator.g3.o-c-fireboard-white-right #right-roof, #configurator.edge.o-c-fireboard-white-front #front-roof, #configurator.edge.o-c-fireboard-white-left #left-roof, #configurator.edge.o-c-fireboard-white-rear #rear-roof, #configurator.edge.o-c-fireboard-white-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-white.png?20260521203846");
}
#configurator.g4.o-c-composite-hyperion-black-front #front-roof, #configurator.g4.o-c-composite-hyperion-black-left #left-roof, #configurator.g4.o-c-composite-hyperion-black-rear #rear-roof, #configurator.g4.o-c-composite-hyperion-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g4.o-c-composite-vox-black-front #front-roof, #configurator.g4.o-c-composite-vox-black-left #left-roof, #configurator.g4.o-c-composite-vox-black-rear #rear-roof, #configurator.g4.o-c-composite-vox-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g4.o-c-fireproof-cement-board-black-front #front-roof, #configurator.g4.o-c-fireproof-cement-board-black-left #left-roof, #configurator.g4.o-c-fireproof-cement-board-black-rear #rear-roof, #configurator.g4.o-c-fireproof-cement-board-black-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g4.o-c-fireboard-white-front #front-roof, #configurator.g4.o-c-fireboard-white-left #left-roof, #configurator.g4.o-c-fireboard-white-rear #rear-roof, #configurator.g4.o-c-fireboard-white-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-white.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front #front-roof, #configurator.den.o-c-composite-grey-front #front-roof, #configurator.g2.o-c-composite-grey-left #left-roof, #configurator.den.o-c-composite-grey-left #left-roof, #configurator.g2.o-c-composite-grey-rear #rear-roof, #configurator.den.o-c-composite-grey-rear #rear-roof, #configurator.g2.o-c-composite-grey-right #right-roof, #configurator.den.o-c-composite-grey-right #right-roof, #configurator.x1.o-c-composite-grey-front #front-roof, #configurator.x1.o-c-composite-grey-left #left-roof, #configurator.x1.o-c-composite-grey-rear #rear-roof, #configurator.x1.o-c-composite-grey-right #right-roof, #configurator.ta1.o-c-composite-grey-front #front-roof, #configurator.ta1.o-c-composite-grey-left #left-roof, #configurator.ta1.o-c-composite-grey-rear #rear-roof, #configurator.ta1.o-c-composite-grey-right #right-roof, #configurator.g3.o-c-composite-grey-front #front-roof, #configurator.g3.o-c-composite-grey-left #left-roof, #configurator.g3.o-c-composite-grey-rear #rear-roof, #configurator.g3.o-c-composite-grey-right #right-roof, #configurator.edge.o-c-composite-grey-front #front-roof, #configurator.edge.o-c-composite-grey-left #left-roof, #configurator.edge.o-c-composite-grey-rear #rear-roof, #configurator.edge.o-c-composite-grey-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front #front-roof, #configurator.g4.o-c-composite-grey-left #left-roof, #configurator.g4.o-c-composite-grey-rear #rear-roof, #configurator.g4.o-c-composite-grey-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front #front-roof, #configurator.den.o-c-composite-wood-front #front-roof, #configurator.g2.o-c-composite-wood-left #left-roof, #configurator.den.o-c-composite-wood-left #left-roof, #configurator.g2.o-c-composite-wood-rear #rear-roof, #configurator.den.o-c-composite-wood-rear #rear-roof, #configurator.g2.o-c-composite-wood-right #right-roof, #configurator.den.o-c-composite-wood-right #right-roof, #configurator.x1.o-c-composite-wood-front #front-roof, #configurator.x1.o-c-composite-wood-left #left-roof, #configurator.x1.o-c-composite-wood-rear #rear-roof, #configurator.x1.o-c-composite-wood-right #right-roof, #configurator.ta1.o-c-composite-wood-front #front-roof, #configurator.ta1.o-c-composite-wood-left #left-roof, #configurator.ta1.o-c-composite-wood-rear #rear-roof, #configurator.ta1.o-c-composite-wood-right #right-roof, #configurator.g3.o-c-composite-wood-front #front-roof, #configurator.g3.o-c-composite-wood-left #left-roof, #configurator.g3.o-c-composite-wood-rear #rear-roof, #configurator.g3.o-c-composite-wood-right #right-roof, #configurator.edge.o-c-composite-wood-front #front-roof, #configurator.edge.o-c-composite-wood-left #left-roof, #configurator.edge.o-c-composite-wood-rear #rear-roof, #configurator.edge.o-c-composite-wood-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-oak.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front #front-roof, #configurator.den.o-c-composite-cedar-front #front-roof, #configurator.g2.o-c-composite-cedar-left #left-roof, #configurator.den.o-c-composite-cedar-left #left-roof, #configurator.g2.o-c-composite-cedar-rear #rear-roof, #configurator.den.o-c-composite-cedar-rear #rear-roof, #configurator.g2.o-c-composite-cedar-right #right-roof, #configurator.den.o-c-composite-cedar-right #right-roof, #configurator.x1.o-c-composite-cedar-front #front-roof, #configurator.x1.o-c-composite-cedar-left #left-roof, #configurator.x1.o-c-composite-cedar-rear #rear-roof, #configurator.x1.o-c-composite-cedar-right #right-roof, #configurator.ta1.o-c-composite-cedar-front #front-roof, #configurator.ta1.o-c-composite-cedar-left #left-roof, #configurator.ta1.o-c-composite-cedar-rear #rear-roof, #configurator.ta1.o-c-composite-cedar-right #right-roof, #configurator.g3.o-c-composite-cedar-front #front-roof, #configurator.g3.o-c-composite-cedar-left #left-roof, #configurator.g3.o-c-composite-cedar-rear #rear-roof, #configurator.g3.o-c-composite-cedar-right #right-roof, #configurator.edge.o-c-composite-cedar-front #front-roof, #configurator.edge.o-c-composite-cedar-left #left-roof, #configurator.edge.o-c-composite-cedar-rear #rear-roof, #configurator.edge.o-c-composite-cedar-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-cedar.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front #front-roof, #configurator.g4.o-c-composite-wood-left #left-roof, #configurator.g4.o-c-composite-wood-rear #rear-roof, #configurator.g4.o-c-composite-wood-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-oak.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front #front-roof, #configurator.g4.o-c-composite-cedar-left #left-roof, #configurator.g4.o-c-composite-cedar-rear #rear-roof, #configurator.g4.o-c-composite-cedar-right #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-cedar.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.den.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.g2.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.den.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.g2.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.den.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.g2.o-c-composite-wood-right.o-fascia-metal-black #right-roof, #configurator.den.o-c-composite-wood-right.o-fascia-metal-black #right-roof, #configurator.x1.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.x1.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.x1.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.x1.o-c-composite-wood-right.o-fascia-metal-black #right-roof, #configurator.ta1.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.ta1.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.ta1.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.ta1.o-c-composite-wood-right.o-fascia-metal-black #right-roof, #configurator.g3.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.g3.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.g3.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.g3.o-c-composite-wood-right.o-fascia-metal-black #right-roof, #configurator.edge.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.edge.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.edge.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.edge.o-c-composite-wood-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front.o-fascia-metal-black #front-roof, #configurator.g4.o-c-composite-wood-left.o-fascia-metal-black #left-roof, #configurator.g4.o-c-composite-wood-rear.o-fascia-metal-black #rear-roof, #configurator.g4.o-c-composite-wood-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.den.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.g2.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.den.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.g2.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.den.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.g2.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof, #configurator.den.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof, #configurator.x1.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.x1.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.x1.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.x1.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof, #configurator.ta1.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.ta1.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.ta1.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.ta1.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof, #configurator.g3.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.g3.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.g3.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.g3.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof, #configurator.edge.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.edge.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.edge.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.edge.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front.o-fascia-metal-graphite #front-roof, #configurator.g4.o-c-composite-wood-left.o-fascia-metal-graphite #left-roof, #configurator.g4.o-c-composite-wood-rear.o-fascia-metal-graphite #rear-roof, #configurator.g4.o-c-composite-wood-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.den.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.g2.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.den.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.g2.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.den.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.g2.o-c-composite-wood-right.o-fascia-cedar #right-roof, #configurator.den.o-c-composite-wood-right.o-fascia-cedar #right-roof, #configurator.x1.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.x1.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.x1.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.x1.o-c-composite-wood-right.o-fascia-cedar #right-roof, #configurator.ta1.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.ta1.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.ta1.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.ta1.o-c-composite-wood-right.o-fascia-cedar #right-roof, #configurator.g3.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.g3.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.g3.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.g3.o-c-composite-wood-right.o-fascia-cedar #right-roof, #configurator.edge.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.edge.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.edge.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.edge.o-c-composite-wood-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front.o-fascia-cedar #front-roof, #configurator.g4.o-c-composite-wood-left.o-fascia-cedar #left-roof, #configurator.g4.o-c-composite-wood-rear.o-fascia-cedar #rear-roof, #configurator.g4.o-c-composite-wood-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.den.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.g2.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.den.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.g2.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.den.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.g2.o-c-composite-wood-right.o-fascia-honey #right-roof, #configurator.den.o-c-composite-wood-right.o-fascia-honey #right-roof, #configurator.x1.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.x1.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.x1.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.x1.o-c-composite-wood-right.o-fascia-honey #right-roof, #configurator.ta1.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.ta1.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.ta1.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.ta1.o-c-composite-wood-right.o-fascia-honey #right-roof, #configurator.g3.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.g3.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.g3.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.g3.o-c-composite-wood-right.o-fascia-honey #right-roof, #configurator.edge.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.edge.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.edge.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.edge.o-c-composite-wood-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front.o-fascia-honey #front-roof, #configurator.g4.o-c-composite-wood-left.o-fascia-honey #left-roof, #configurator.g4.o-c-composite-wood-rear.o-fascia-honey #rear-roof, #configurator.g4.o-c-composite-wood-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.den.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.g2.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.den.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.g2.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.den.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.g2.o-c-composite-wood-right.o-fascia-spruce #right-roof, #configurator.den.o-c-composite-wood-right.o-fascia-spruce #right-roof, #configurator.x1.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.x1.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.x1.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.x1.o-c-composite-wood-right.o-fascia-spruce #right-roof, #configurator.ta1.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.ta1.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.ta1.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.ta1.o-c-composite-wood-right.o-fascia-spruce #right-roof, #configurator.g3.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.g3.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.g3.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.g3.o-c-composite-wood-right.o-fascia-spruce #right-roof, #configurator.edge.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.edge.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.edge.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.edge.o-c-composite-wood-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-wood-front.o-fascia-spruce #front-roof, #configurator.g4.o-c-composite-wood-left.o-fascia-spruce #left-roof, #configurator.g4.o-c-composite-wood-rear.o-fascia-spruce #rear-roof, #configurator.g4.o-c-composite-wood-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.den.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.g2.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.den.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.g2.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.den.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.g2.o-c-composite-cedar-right.o-fascia-metal-black #right-roof, #configurator.den.o-c-composite-cedar-right.o-fascia-metal-black #right-roof, #configurator.x1.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.x1.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.x1.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.x1.o-c-composite-cedar-right.o-fascia-metal-black #right-roof, #configurator.ta1.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.ta1.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.ta1.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.ta1.o-c-composite-cedar-right.o-fascia-metal-black #right-roof, #configurator.g3.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.g3.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.g3.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.g3.o-c-composite-cedar-right.o-fascia-metal-black #right-roof, #configurator.edge.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.edge.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.edge.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.edge.o-c-composite-cedar-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front.o-fascia-metal-black #front-roof, #configurator.g4.o-c-composite-cedar-left.o-fascia-metal-black #left-roof, #configurator.g4.o-c-composite-cedar-rear.o-fascia-metal-black #rear-roof, #configurator.g4.o-c-composite-cedar-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.den.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.g2.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.den.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.g2.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.den.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.g2.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof, #configurator.den.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof, #configurator.x1.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.x1.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.x1.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.x1.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof, #configurator.ta1.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.ta1.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.ta1.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.ta1.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof, #configurator.g3.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.g3.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.g3.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.g3.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof, #configurator.edge.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.edge.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.edge.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.edge.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front.o-fascia-metal-graphite #front-roof, #configurator.g4.o-c-composite-cedar-left.o-fascia-metal-graphite #left-roof, #configurator.g4.o-c-composite-cedar-rear.o-fascia-metal-graphite #rear-roof, #configurator.g4.o-c-composite-cedar-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.den.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.g2.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.den.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.g2.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.den.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.g2.o-c-composite-cedar-right.o-fascia-cedar #right-roof, #configurator.den.o-c-composite-cedar-right.o-fascia-cedar #right-roof, #configurator.x1.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.x1.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.x1.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.x1.o-c-composite-cedar-right.o-fascia-cedar #right-roof, #configurator.ta1.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.ta1.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.ta1.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.ta1.o-c-composite-cedar-right.o-fascia-cedar #right-roof, #configurator.g3.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.g3.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.g3.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.g3.o-c-composite-cedar-right.o-fascia-cedar #right-roof, #configurator.edge.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.edge.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.edge.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.edge.o-c-composite-cedar-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front.o-fascia-cedar #front-roof, #configurator.g4.o-c-composite-cedar-left.o-fascia-cedar #left-roof, #configurator.g4.o-c-composite-cedar-rear.o-fascia-cedar #rear-roof, #configurator.g4.o-c-composite-cedar-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.den.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.g2.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.den.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.g2.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.den.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.g2.o-c-composite-cedar-right.o-fascia-honey #right-roof, #configurator.den.o-c-composite-cedar-right.o-fascia-honey #right-roof, #configurator.x1.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.x1.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.x1.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.x1.o-c-composite-cedar-right.o-fascia-honey #right-roof, #configurator.ta1.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.ta1.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.ta1.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.ta1.o-c-composite-cedar-right.o-fascia-honey #right-roof, #configurator.g3.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.g3.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.g3.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.g3.o-c-composite-cedar-right.o-fascia-honey #right-roof, #configurator.edge.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.edge.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.edge.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.edge.o-c-composite-cedar-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front.o-fascia-honey #front-roof, #configurator.g4.o-c-composite-cedar-left.o-fascia-honey #left-roof, #configurator.g4.o-c-composite-cedar-rear.o-fascia-honey #rear-roof, #configurator.g4.o-c-composite-cedar-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.den.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.g2.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.den.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.g2.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.den.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.g2.o-c-composite-cedar-right.o-fascia-spruce #right-roof, #configurator.den.o-c-composite-cedar-right.o-fascia-spruce #right-roof, #configurator.x1.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.x1.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.x1.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.x1.o-c-composite-cedar-right.o-fascia-spruce #right-roof, #configurator.ta1.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.ta1.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.ta1.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.ta1.o-c-composite-cedar-right.o-fascia-spruce #right-roof, #configurator.g3.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.g3.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.g3.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.g3.o-c-composite-cedar-right.o-fascia-spruce #right-roof, #configurator.edge.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.edge.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.edge.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.edge.o-c-composite-cedar-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-cedar-front.o-fascia-spruce #front-roof, #configurator.g4.o-c-composite-cedar-left.o-fascia-spruce #left-roof, #configurator.g4.o-c-composite-cedar-rear.o-fascia-spruce #rear-roof, #configurator.g4.o-c-composite-cedar-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.den.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.g2.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.den.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.g2.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.den.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.g2.o-c-composite-grey-right.o-fascia-metal-black #right-roof, #configurator.den.o-c-composite-grey-right.o-fascia-metal-black #right-roof, #configurator.x1.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.x1.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.x1.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.x1.o-c-composite-grey-right.o-fascia-metal-black #right-roof, #configurator.ta1.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.ta1.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.ta1.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.ta1.o-c-composite-grey-right.o-fascia-metal-black #right-roof, #configurator.g3.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.g3.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.g3.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.g3.o-c-composite-grey-right.o-fascia-metal-black #right-roof, #configurator.edge.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.edge.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.edge.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.edge.o-c-composite-grey-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front.o-fascia-metal-black #front-roof, #configurator.g4.o-c-composite-grey-left.o-fascia-metal-black #left-roof, #configurator.g4.o-c-composite-grey-rear.o-fascia-metal-black #rear-roof, #configurator.g4.o-c-composite-grey-right.o-fascia-metal-black #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.den.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.g2.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.den.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.g2.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.den.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.g2.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof, #configurator.den.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof, #configurator.x1.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.x1.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.x1.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.x1.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof, #configurator.ta1.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.ta1.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.ta1.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.ta1.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof, #configurator.g3.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.g3.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.g3.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.g3.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof, #configurator.edge.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.edge.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.edge.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.edge.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front.o-fascia-metal-graphite #front-roof, #configurator.g4.o-c-composite-grey-left.o-fascia-metal-graphite #left-roof, #configurator.g4.o-c-composite-grey-rear.o-fascia-metal-graphite #rear-roof, #configurator.g4.o-c-composite-grey-right.o-fascia-metal-graphite #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.den.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.g2.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.den.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.g2.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.den.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.g2.o-c-composite-grey-right.o-fascia-cedar #right-roof, #configurator.den.o-c-composite-grey-right.o-fascia-cedar #right-roof, #configurator.x1.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.x1.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.x1.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.x1.o-c-composite-grey-right.o-fascia-cedar #right-roof, #configurator.ta1.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.ta1.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.ta1.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.ta1.o-c-composite-grey-right.o-fascia-cedar #right-roof, #configurator.g3.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.g3.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.g3.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.g3.o-c-composite-grey-right.o-fascia-cedar #right-roof, #configurator.edge.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.edge.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.edge.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.edge.o-c-composite-grey-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front.o-fascia-cedar #front-roof, #configurator.g4.o-c-composite-grey-left.o-fascia-cedar #left-roof, #configurator.g4.o-c-composite-grey-rear.o-fascia-cedar #rear-roof, #configurator.g4.o-c-composite-grey-right.o-fascia-cedar #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.den.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.g2.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.den.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.g2.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.den.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.g2.o-c-composite-grey-right.o-fascia-honey #right-roof, #configurator.den.o-c-composite-grey-right.o-fascia-honey #right-roof, #configurator.x1.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.x1.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.x1.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.x1.o-c-composite-grey-right.o-fascia-honey #right-roof, #configurator.ta1.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.ta1.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.ta1.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.ta1.o-c-composite-grey-right.o-fascia-honey #right-roof, #configurator.g3.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.g3.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.g3.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.g3.o-c-composite-grey-right.o-fascia-honey #right-roof, #configurator.edge.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.edge.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.edge.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.edge.o-c-composite-grey-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front.o-fascia-honey #front-roof, #configurator.g4.o-c-composite-grey-left.o-fascia-honey #left-roof, #configurator.g4.o-c-composite-grey-rear.o-fascia-honey #rear-roof, #configurator.g4.o-c-composite-grey-right.o-fascia-honey #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.g2.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.den.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.g2.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.den.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.g2.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.den.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.g2.o-c-composite-grey-right.o-fascia-spruce #right-roof, #configurator.den.o-c-composite-grey-right.o-fascia-spruce #right-roof, #configurator.x1.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.x1.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.x1.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.x1.o-c-composite-grey-right.o-fascia-spruce #right-roof, #configurator.ta1.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.ta1.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.ta1.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.ta1.o-c-composite-grey-right.o-fascia-spruce #right-roof, #configurator.g3.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.g3.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.g3.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.g3.o-c-composite-grey-right.o-fascia-spruce #right-roof, #configurator.edge.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.edge.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.edge.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.edge.o-c-composite-grey-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846");
}
#configurator.g4.o-c-composite-grey-front.o-fascia-spruce #front-roof, #configurator.g4.o-c-composite-grey-left.o-fascia-spruce #left-roof, #configurator.g4.o-c-composite-grey-rear.o-fascia-spruce #rear-roof, #configurator.g4.o-c-composite-grey-right.o-fascia-spruce #right-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846");
}
#configurator.has-rounded-roof-corner.o-fascia-metal-black #front-roof, #configurator.has-rounded-roof-corner #front-roof {
border-top: 15px solid black;
}
#configurator.has-rounded-roof-corner.o-fascia-metal-graphite #front-roof, #configurator.basebox-derived.has-rounded-roof-corner #front-roof {
border-top: 15px solid #3b3d41;
}
#configurator.has-rounded-roof-corner #front-roof#front-roof#front-roof {
background-image: none !important;
}
#configurator.has-rounded-roof-corner.o-fascia-metal-black:not(.o-cheek-left-type-none) #front-roof, #configurator.has-rounded-roof-corner:not(.o-cheek-left-type-none) #front-roof {
border-left: 15px solid black;
}
#configurator.has-rounded-roof-corner.o-fascia-metal-graphite:not(.o-cheek-left-type-none) #front-roof, #configurator.basebox-derived.has-rounded-roof-corner:not(.o-cheek-left-type-none) #front-roof {
border-left: 15px solid #3b3d41;
}
#configurator.has-rounded-roof-corner:not(.o-cheek-left-type-none) #side-front .cladding, #configurator.has-rounded-roof-corner:not(.o-cheek-left-type-none) #front-roof {
border-radius: 35px 0 0 0;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-left #front-roof {
border-left: 15px solid #3b3d41;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-right #front-roof {
border-left: none;
}
#configurator.has-rounded-roof-corner.o-fascia-metal-black:not(.o-cheek-right-type-none) #front-roof, #configurator.has-rounded-roof-corner:not(.o-cheek-right-type-none) #front-roof {
border-right: 15px solid black;
}
#configurator.has-rounded-roof-corner.o-fascia-metal-graphite:not(.o-cheek-right-type-none) #front-roof {
border-right: 15px solid #3b3d41;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-right #front-roof {
border-right: 15px solid #3b3d41;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-left #front-roof {
border-right: none;
}
#configurator.has-rounded-roof-corner:not(.o-cheek-right-type-none) #side-front .cladding, #configurator.has-rounded-roof-corner:not(.o-cheek-right-type-none) #front-roof {
border-radius: 0 35px 0 0;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-left #side-front .cladding, #configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-left #front-roof {
border-radius: 25px 0 0 0;
}
#configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-right #side-front .cladding, #configurator.basebox-derived.has-rounded-roof-corner.o-e-curve-side-right #front-roof {
border-radius: 0 25px 0 0;
}
#configurator.force-metal-clad-front #side-front#side-front .cladding {
background-image: none;
background-color: black;
}
#configurator.graphite.force-metal-clad-front #side-front#side-front .cladding {
background-color: #3b3d41;
}
#configurator.has-rounded-roof-corner.o-e-pack-natural.o-e-pack-natural:not(.o-cheek-left-type-none) #front-roof {
border-left: 15px solid #ae9e6b;
}
#configurator.has-rounded-roof-corner.o-e-pack-natural.o-e-pack-natural:not(.o-cheek-right-type-none) #front-roof {
border-right: 15px solid #ae9e6b;
}
#configurator.has-rounded-roof-corner.o-e-pack-natural #front-roof {
border-top: 15px solid #ae9e6b;
}
#configurator .corner-post-canopy {
background-color: black;
}
#configurator.graphite .corner-post-canopy {
background-color: #3b3d41;
}
#configurator.has-canopy-left #roof-underside-left#roof-underside-left, #configurator.has-canopy-right #roof-underside-right#roof-underside-right, #configurator.tgo #roof-underside-left, #configurator.tgo #roof-underside-right, #configurator.tgo #roof-underside-front, #configurator.ta2 #roof-underside-left, #configurator.ta2 #roof-underside-right, #configurator.ta2 #roof-underside-front, #configurator.hide #roof-underside-left, #configurator.hide #roof-underside-right, #configurator.hide #roof-underside-front, #configurator.g2 #roof-underside-left, #configurator.den #roof-underside-left, #configurator.g2 #roof-underside-right, #configurator.den #roof-underside-right, #configurator.g2 #roof-underside-front, #configurator.den #roof-underside-front, #configurator.x1 #roof-underside-left, #configurator.x1 #roof-underside-right, #configurator.x1 #roof-underside-front, #configurator.g3 #roof-underside-left, #configurator.g3 #roof-underside-right, #configurator.g3 #roof-underside-front, #configurator.g5 #roof-underside-left, #configurator.g5 #roof-underside-right, #configurator.g5 #roof-underside-front, #configurator.b5 #roof-underside-left, #configurator.b5 #roof-underside-right, #configurator.b5 #roof-underside-front, #configurator.gs #roof-underside-left, #configurator.gs #roof-underside-right, #configurator.gs #roof-underside-front, #configurator.gsp #roof-underside-left, #configurator.gsp #roof-underside-right, #configurator.gsp #roof-underside-front, #configurator.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black #roof-underside-front, #configurator.o-e-hood-interior-composite-slatted.o-e-hood-interior-composite-slatted.o-e-hood-interior-composite-slatted #roof-underside-front, #configurator.g3.o-cheek-inner-black #roof-underside-front, #configurator.g3.o-d-size-extended-900mm.o-cheek-inner-black #roof-underside-front, #configurator.g1.o-cheek-inner-black.o-cheek-inner-black #roof-underside-front, #configurator.g1.o-cheek-inner-black.o-cheek-inner-black #roof-underside-left, #configurator.g1.o-cheek-inner-black.o-cheek-inner-black #roof-underside-right, #configurator.edge.o-c-spruce-left #roof-underside-left, #configurator.edge.o-c-spruce-right #roof-underside-right, #configurator.edge.o-c-spruce-front #roof-underside-front, #configurator.edge.o-c-redwood-slatted-left #roof-underside-left, #configurator.edge.o-c-redwood-slatted-right #roof-underside-right, #configurator.edge.o-c-redwood-slatted-front #roof-underside-front, #configurator.edge.o-c-honey-slatted-left #roof-underside-left, #configurator.edge.o-c-honey-slatted-right #roof-underside-right, #configurator.edge.o-c-honey-slatted-front #roof-underside-front, #configurator.edge.o-c-honey-left #roof-underside-left, #configurator.edge.o-c-honey-right #roof-underside-right, #configurator.edge.o-c-honey-front #roof-underside-front, #configurator.basebox-derived #roof-underside-left, #configurator.basebox-derived #roof-underside-right, #configurator.basebox-derived #roof-underside-front {
/* edge */
background-color: black;
}
#configurator.pw #roof-underside-left, #configurator.pw #roof-underside-right, #configurator.pw #roof-underside-front, #configurator.gs.o-c-spruce-left #roof-underside-left, #configurator.gs.o-c-spruce-right #roof-underside-right, #configurator.gs.o-c-spruce-front #roof-underside-front, #configurator.gw.o-c-spruce-left #roof-underside-left, #configurator.gw.o-c-spruce-right #roof-underside-right, #configurator.gw.o-c-spruce-front #roof-underside-front, #configurator.o-c-spruce-left #roof-underside-left, #configurator.o-c-spruce-right #roof-underside-right, #configurator.g1.o-c-spruce-front #roof-underside-left, #configurator.g1.o-c-spruce-front #roof-underside-right, #configurator.o-c-spruce-front #roof-underside-front, #configurator.gs.o-c-redwood-slatted-left #roof-underside-left, #configurator.gs.o-c-redwood-slatted-right #roof-underside-right, #configurator.gs.o-c-redwood-slatted-front #roof-underside-front, #configurator.gw.o-c-redwood-slatted-left #roof-underside-left, #configurator.gw.o-c-redwood-slatted-right #roof-underside-right, #configurator.gw.o-c-redwood-slatted-front #roof-underside-front, #configurator.o-c-redwood-slatted-left #roof-underside-left, #configurator.o-c-redwood-slatted-right #roof-underside-right, #configurator.g1.o-c-redwood-slatted-front #roof-underside-left, #configurator.g1.o-c-redwood-slatted-front #roof-underside-right, #configurator.o-c-redwood-slatted-front #roof-underside-front, #configurator.gs.o-c-honey-slatted-left #roof-underside-left, #configurator.gs.o-c-honey-slatted-right #roof-underside-right, #configurator.gs.o-c-honey-slatted-front #roof-underside-front, #configurator.gw.o-c-honey-slatted-left #roof-underside-left, #configurator.gw.o-c-honey-slatted-right #roof-underside-right, #configurator.gw.o-c-honey-slatted-front #roof-underside-front, #configurator.o-c-honey-slatted-left #roof-underside-left, #configurator.o-c-honey-slatted-right #roof-underside-right, #configurator.g1.o-c-honey-slatted-front #roof-underside-left, #configurator.g1.o-c-honey-slatted-front #roof-underside-right, #configurator.o-c-honey-slatted-front #roof-underside-front, #configurator.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce #roof-underside-front {
background-color: #baa97b;
}
#configurator.o-c-honey-left #roof-underside-left, #configurator.o-c-honey-right #roof-underside-right, #configurator.g1.o-c-honey-front #roof-underside-left, #configurator.g1.o-c-honey-front #roof-underside-right, #configurator.o-c-honey-front #roof-underside-front, #configurator.o-c-honey-slatted-left #roof-underside-left, #configurator.o-c-honey-slatted-right #roof-underside-right, #configurator.g1.o-c-honey-slatted-front #roof-underside-left, #configurator.g1.o-c-honey-slatted-front #roof-underside-right, #configurator.o-c-honey-slatted-front #roof-underside-front, #configurator.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey #roof-underside-front {
background-color: #987b56;
}
#configurator.o-c-cedar-left #roof-underside-left, #configurator.o-c-cedar-right #roof-underside-right, #configurator.g1.o-c-cedar-front #roof-underside-left, #configurator.g1.o-c-cedar-front #roof-underside-right, #configurator.o-c-cedar-front #roof-underside-front, #configurator.o-c-cedar-natural-left #roof-underside-left, #configurator.o-c-cedar-natural-right #roof-underside-right, #configurator.g1.o-c-cedar-natural-front #roof-underside-left, #configurator.g1.o-c-cedar-natural-front #roof-underside-right, #configurator.o-c-cedar-natural-front #roof-underside-front, #configurator.o-c-cedar-slatted-left #roof-underside-left, #configurator.o-c-cedar-slatted-right #roof-underside-right, #configurator.g1.o-c-cedar-slatted-front #roof-underside-left, #configurator.g1.o-c-cedar-slatted-front #roof-underside-right, #configurator.o-c-cedar-slatted-front #roof-underside-front, #configurator.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar #roof-underside-front, #configurator.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted #roof-underside-front {
background-color: #b27e60;
}
#configurator.o-c-cedar-premium-left #roof-underside-left, #configurator.o-c-cedar-premium-right #roof-underside-right, #configurator.g1.o-c-cedar-premium-front #roof-underside-left, #configurator.g1.o-c-cedar-premium-front #roof-underside-right, #configurator.o-c-cedar-premium-front #roof-underside-front {
background-color: #9f7056;
}
#configurator.o-c-composite-slatted-left #roof-underside-left, #configurator.o-c-composite-slatted-right #roof-underside-right, #configurator.g1.o-c-composite-slatted-front #roof-underside-left, #configurator.g1.o-c-composite-slatted-front #roof-underside-right, #configurator.o-c-composite-slatted-front #roof-underside-front {
background-color: #000000;
}
#configurator.o-c-composite-hyperion-black-left #roof-underside-left, #configurator.o-c-composite-hyperion-black-right #roof-underside-right, #configurator.g1.o-c-composite-hyperion-black-front #roof-underside-left, #configurator.g1.o-c-composite-hyperion-black-front #roof-underside-right, #configurator.o-c-composite-hyperion-black-front #roof-underside-front {
background-color: #000000;
}
#configurator.o-c-composite-vox-black-left #roof-underside-left, #configurator.o-c-composite-vox-black-right #roof-underside-right, #configurator.g1.o-c-composite-vox-black-front #roof-underside-left, #configurator.g1.o-c-composite-vox-black-front #roof-underside-right, #configurator.o-c-composite-vox-black-front #roof-underside-front {
background-color: #000000;
}
#configurator.o-c-fireproof-cement-board-black-left #roof-underside-left, #configurator.o-c-fireproof-cement-board-black-right #roof-underside-right, #configurator.g1.o-c-fireproof-cement-board-black-front #roof-underside-left, #configurator.g1.o-c-fireproof-cement-board-black-front #roof-underside-right, #configurator.o-c-fireproof-cement-board-black-front #roof-underside-front {
background-color: #000000;
}
#configurator.o-c-fireboard-white-left #roof-underside-left, #configurator.o-c-fireboard-white-right #roof-underside-right, #configurator.g1.o-c-fireboard-white-front #roof-underside-left, #configurator.g1.o-c-fireboard-white-front #roof-underside-right, #configurator.o-c-fireboard-white-front #roof-underside-front {
background-color: #000000;
}
#configurator.o-c-composite-grey-left #roof-underside-left, #configurator.o-c-composite-grey-right #roof-underside-right, #configurator.g1.o-c-composite-grey-front #roof-underside-left, #configurator.g1.o-c-composite-grey-front #roof-underside-right, #configurator.o-c-composite-grey-front #roof-underside-front, #configurator.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey #roof-underside-front {
background-color: #505050;
}
#configurator.o-c-composite-wood-left #roof-underside-left, #configurator.o-c-composite-wood-right #roof-underside-right, #configurator.g1.o-c-composite-wood-front #roof-underside-left, #configurator.g1.o-c-composite-wood-front #roof-underside-right, #configurator.o-c-composite-wood-front #roof-underside-front, #configurator.o-e-hood-interior-composite-wood #roof-underside-front, #configurator.o-e-hood-interior-composite-oak #roof-underside-front {
background-color: #b4a27e;
}
#configurator.o-c-composite-cedar-left #roof-underside-left, #configurator.o-c-composite-cedar-right #roof-underside-right, #configurator.g1.o-c-composite-cedar-front #roof-underside-left, #configurator.g1.o-c-composite-cedar-front #roof-underside-right, #configurator.o-c-composite-cedar-front #roof-underside-front, #configurator.o-e-hood-interior-composite-cedar #roof-underside-front {
background-color: #ad8c73;
}
#configurator.tgo #roof-underside-left, #configurator.tgo #roof-underside-right, #configurator.tgo #roof-underside-front, #configurator.ta2 #roof-underside-left, #configurator.ta2 #roof-underside-right, #configurator.ta2 #roof-underside-front, #configurator.hide #roof-underside-left, #configurator.hide #roof-underside-right, #configurator.hide #roof-underside-front, #configurator.g3:not(.o-d-size-extended-900mm) #roof-underside-left, #configurator.g3:not(.o-d-size-extended-900mm) #roof-underside-right, #configurator.g3:not(.o-d-size-extended-900mm) #roof-underside-front, #configurator.g5 #roof-underside-left, #configurator.g5 #roof-underside-right, #configurator.g5 #roof-underside-front, #configurator.b5 #roof-underside-left, #configurator.b5 #roof-underside-right, #configurator.b5 #roof-underside-front, #configurator.g4.o-c-composite-wood-left #roof-underside-left, #configurator.g4.o-c-composite-wood-right #roof-underside-right, #configurator.g4.o-c-composite-wood-front #roof-underside-front, #configurator.g4.o-c-composite-cedar-left #roof-underside-left, #configurator.g4.o-c-composite-cedar-right #roof-underside-right, #configurator.g4.o-c-composite-cedar-front #roof-underside-front, #configurator.g4.o-e-hood-interior-composite-wood #roof-underside-front, #configurator.g4.o-e-hood-interior-composite-oak #roof-underside-front, #configurator.g4.o-e-hood-interior-composite-cedar #roof-underside-front, #configurator.g4.o-c-composite-grey-left #roof-underside-left, #configurator.g4.o-c-composite-grey-right #roof-underside-right, #configurator.g4.o-c-composite-grey-front #roof-underside-front, #configurator.g4.o-e-hood-interior-composite-grey #roof-underside-front, #configurator.g4.o-c-standing-seam-grey-left #roof-underside-left, #configurator.g4.o-c-standing-seam-grey-right #roof-underside-right, #configurator.g4.o-c-standing-seam-grey-front #roof-underside-front {
background-color: black !important;
}
#configurator.pw #roof-underside-left, #configurator.pw #roof-underside-right, #configurator.pw #roof-underside-front, #configurator.gw #roof-underside-left, #configurator.gw #roof-underside-right, #configurator.gw #roof-underside-front, #configurator.gs #roof-underside-left, #configurator.gs #roof-underside-right, #configurator.gs #roof-underside-front {
background-color: white !important;
}
#configurator.gsp #roof-underside-left, #configurator.gsp #roof-underside-right, #configurator.gsp #roof-underside-front {
background-color: black !important;
}
#configurator .customer-document.base-delivery-note #side-front ul.overlay li.right-cheek,
#configurator .customer-document.base-delivery-note .side ul.overlay li.right-corner,
#configurator .customer-document.base-delivery-note .side ul.overlay li.slot,
#configurator .customer-document.production-pack #side-front ul.overlay li.right-cheek,
#configurator .customer-document.production-pack .side ul.overlay li.right-corner,
#configurator .customer-document.production-pack .side ul.overlay li.slot,
#configurator .customer-document.installation-delivery-note #side-front ul.overlay li.right-cheek,
#configurator .customer-document.installation-delivery-note .side ul.overlay li.right-corner,
#configurator .customer-document.installation-delivery-note .side ul.overlay li.slot, #configurator.show-panel-edges #side-front ul.overlay li.right-cheek, #configurator.show-panel-edges .side ul.overlay li.right-corner, #configurator.show-panel-edges .side ul.overlay li.slot {
background-image: url("../../images/configurator.4506/panel-divider.png?20260521203846");
background-position: 0 0;
background-repeat: no-repeat;
}
#configurator #sides .side ul li.slot span.panel-label {
display: none;
}
#configurator.show-panel-edges #sides .side ul.overlay li.slot span.panel-label {
display: inline;
}
#configurator .side .slot {
border-bottom: 0px solid transparent;
text-align: center;
}
#configurator .side ul {
padding: 0;
}
#configurator .side ul li {
width: 34px;
height: 167px;
float: left;
}
#configurator .basebox-derived .side ul li {
height: 277px;
}
#configurator.height-2800 .side ul li {
height: 187px;
}
#configurator .side ul li.corner {
width: 6px;
}
#configurator.g2 .side ul li.corner, #configurator.den .side ul li.corner, #configurator.x1 .side ul li.corner, #configurator.g3 .side ul li.corner {
width: 10px;
}
#configurator.o-cheek-left-tgo2.o-cheek-left-tgo2.o-cheek-left-tgo2 #side-front ul li.left-corner, #configurator.o-cheek-left-tgo3.o-cheek-left-tgo3.o-cheek-left-tgo3 #side-front ul li.left-corner, #configurator.has-rounded-roof-corner.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.g2.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.den.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.x1.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.g3.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.o-cheek-left-type-spruce.o-cheek-left-type-spruce.o-cheek-left-type-spruce #side-front ul li.left-corner, #configurator.o-cheek-left-type-composite-oak.o-cheek-left-type-composite-oak.o-cheek-left-type-composite-oak #side-front ul li.left-corner, #configurator.o-cheek-left-type-composite-grey.o-cheek-left-type-composite-grey.o-cheek-left-type-composite-grey #side-front ul li.left-corner, #configurator.o-cheek-left-type-composite-cedar.o-cheek-left-type-composite-cedar.o-cheek-left-type-composite-cedar #side-front ul li.left-corner, #configurator.o-cheek-left-type-cedar.o-cheek-left-type-cedar.o-cheek-left-type-cedar #side-front ul li.left-corner, #configurator.o-cheek-left-type-cedar-slatted.o-cheek-left-type-cedar-slatted.o-cheek-left-type-cedar-slatted #side-front ul li.left-corner, #configurator.o-cheek-left-type-honey.o-cheek-left-type-honey.o-cheek-left-type-honey #side-front ul li.left-corner, #configurator.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-front ul li.left-corner, #configurator.o-cheek-left-type-black.o-cheek-left-type-black.o-cheek-left-type-black #side-front ul li.left-corner, #configurator.g3.o-d-size-extended-900mm #side-front ul li.left-corner {
width: 0;
}
#configurator.o-cheek-right-tgo2.o-cheek-right-tgo2.o-cheek-right-tgo2 #side-front ul li.right-corner, #configurator.o-cheek-right-tgo3.o-cheek-right-tgo3.o-cheek-right-tgo3 #side-front ul li.right-corner, #configurator.has-rounded-roof-corner.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.g2.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.den.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.x1.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.g3.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.o-cheek-right-type-spruce.o-cheek-right-type-spruce.o-cheek-right-type-spruce #side-front ul li.right-corner, #configurator.o-cheek-right-type-composite-oak.o-cheek-right-type-composite-oak.o-cheek-right-type-composite-oak #side-front ul li.right-corner, #configurator.o-cheek-right-type-composite-grey.o-cheek-right-type-composite-grey.o-cheek-right-type-composite-grey #side-front ul li.right-corner, #configurator.o-cheek-right-type-composite-cedar.o-cheek-right-type-composite-cedar.o-cheek-right-type-composite-cedar #side-front ul li.right-corner, #configurator.o-cheek-right-type-cedar.o-cheek-right-type-cedar.o-cheek-right-type-cedar #side-front ul li.right-corner, #configurator.o-cheek-right-type-cedar-slatted.o-cheek-right-type-cedar-slatted.o-cheek-right-type-cedar-slatted #side-front ul li.right-corner, #configurator.o-cheek-right-type-honey.o-cheek-right-type-honey.o-cheek-right-type-honey #side-front ul li.right-corner, #configurator.o-cheek-right-type-black.o-cheek-right-type-black.o-cheek-right-type-black #side-front ul li.right-corner, #configurator.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-front ul li.right-corner {
width: 0;
}
#configurator div.drag-helper div.panel-glazing.glazed,
#configurator .toolbar li.panel.glazed div.preview div.panel-glazing,
#configurator .side ul.glazing li.slot.o-glass-type-none,
#configurator .side ul.glazing li.slot.w-velux {
background-image: url("../../images/configurator.4506/panels-transparent-glazing-normal.png?20260521203846");
}
#configurator .side ul.glazing li.slot.o-glass-type-stippolyte {
background-image: url("../../images/configurator.4506/panels-transparent-glazing-stippolyte.png?20260521203846");
}
#configurator.graphite .side ul.glazing li.slot.o-glass-type-crittall {
background-image: url("../../images/configurator.4506/panels-transparent-glazing-crittall-graphite.png?20260521203846");
}
#configurator.black .side ul.glazing li.slot.o-glass-type-crittall {
background-image: url("../../images/configurator.4506/panels-transparent-glazing-crittall-black.png?20260521203846");
}
#configurator .side ul.glazing li.slot {
position: relative;
}
#configurator .side ul.glazing li.slot.o-glazing-film-uv-clear::before,
#configurator .side ul.glazing li.slot.o-glazing-film-uv-mirror::before,
#configurator .side ul.glazing li.slot.o-glazing-film-uv-tinted::before {
content: "";
position: absolute;
left: 20px;
top: auto;
bottom: 20px;
transform: translateY(-50%);
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
}
#configurator .side ul.glazing li.slot.o-glazing-film-uv-clear::before {
/* yellow sunshine icon */
background-image: url('data:image/svg+xml;utf8,');
}
#configurator .side ul.glazing li.slot.o-glazing-film-uv-mirror::before {
/* black mirror icon */
background-image: url('data:image/svg+xml;utf-8,');
}
#configurator .side ul.glazing li.slot.o-glazing-film-uv-tinted::before {
/* black crossed out eye icon */
background-image: url('data:image/svg+xml;utf8,');
}
#configurator.basebox-derived div.drag-helper div.panel-glazing.glazed, #configurator.basebox-derived .toolbar li.panel.glazed div.preview div.panel-glazing, #configurator.basebox-derived .side ul.glazing li.slot.o-glass-type-none {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-glazing-normal.png?20260521203846");
}
#configurator.basebox-derived .side ul.glazing li.slot.o-glass-type-stippolyte {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-glazing-stippolyte.png?20260521203846");
}
#configurator.graphite.basebox-derived .side ul.glazing li.slot.o-glass-type-crittall {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-glazing-crittall-graphite.png?20260521203846");
}
#configurator.black.basebox-derived .side ul.glazing li.slot.o-glass-type-crittall {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-glazing-crittall-black.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-none {
background-image: none;
}
#configurator .side ul.blinds li.slot.o-blind-type-bead-fit-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-perfect-fit-white.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bead-fit-light-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-perfect-fit-light-grey.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bead-fit-graphite {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-perfect-fit-graphite.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bead-fit-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-perfect-fit-black.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bifold-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-pleated-white.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bifold-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-pleated-grey.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bifold-graphite {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-pleated-graphite.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-bifold-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-pleated-black.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-motorised-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-auto-black.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-motorised-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-auto-white.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-motorised-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-auto-grey.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-manual-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-manual-black.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-manual-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-manual-white.png?20260521203846");
}
#configurator .side ul.blinds li.slot.o-blind-type-premium-manual-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-premium-roller-manual-grey.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bead-fit-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-perfect-fit-white.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bead-fit-light-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-perfect-fit-light-grey.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bead-fit-graphite {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-perfect-fit-graphite.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bead-fit-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-perfect-fit-black.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bifold-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-pleated-white.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bifold-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-pleated-grey.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bifold-graphite {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-pleated-graphite.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-bifold-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-pleated-black.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-motorised-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-auto-black.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-motorised-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-auto-white.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-motorised-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-auto-grey.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-manual-black {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-manual-black.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-manual-white {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-manual-white.png?20260521203846");
}
#configurator.basebox-derived .side ul.blinds li.slot.o-blind-type-premium-manual-grey {
background-image: url("../../images/configurator.4506/panels-transparent-blinds-basebox-premium-roller-manual-grey.png?20260521203846");
}
#configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.base, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.base, #configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.glazing, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.glazing, #configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.blinds, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.blinds, #configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.aluminium, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.aluminium, #configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.handles, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.handles, #configurator.g2.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.accessibility, #configurator.den.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.accessibility, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.base, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.glazing, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.blinds, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.aluminium, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.handles, #configurator.x1.o-d-size-extended #door-sets-ui-wrapper #sides #side-left ul.accessibility {
margin-right: 22px;
}
#configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.base, #configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.glazing, #configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.blinds, #configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.aluminium, #configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.accessibility, #configurator.g3.o-d-size-extended-900mm #door-sets-ui-wrapper #sides #side-left ul.handles {
margin-right: 33px;
}
#configurator .side ul.base li.corner, #configurator.o-c-spruce-rear .side#side-rear ul.base li.corner, #configurator.o-c-spruce-left.o-cheek-left-type-spruce .side#side-left ul.base li.right-corner, #configurator.o-c-spruce-left .side#side-left ul.base li.corner, #configurator.o-c-spruce-front .side#side-front ul.base li.corner, #configurator.o-c-spruce-right.o-cheek-right-type-spruce .side#side-right ul.base li.left-corner, #configurator.o-c-spruce-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-spruce.png?20260521203846");
}
#configurator.roof-style-apex .side ul.base li.corner, #configurator.roof-style-apex.skin-gr #viewer .side ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-black.png?20260521203846") !important;
}
#configurator.roof-style-apex .side ul.base li.left-corner, #configurator.roof-style-apex.skin-gr #viewer .side ul.base li.left-corner {
background-position: -77px 100% !important;
background-repeat: no-repeat;
}
#configurator.roof-style-apex .side ul.base li.right-corner, #configurator.roof-style-apex.skin-gr #viewer .side ul.base li.right-corner {
background-position: 7px 100% !important;
background-repeat: no-repeat;
}
#configurator.roof-style-apex.gable-end-front.has-front-hood #side-left-wrapper ul.base li.right-corner, #configurator.roof-style-apex.gable-end-front.has-front-hood.skin-gr #viewer #side-left-wrapper ul.base li.right-corner, #configurator.roof-style-apex.gable-end-front.has-front-hood #side-right-wrapper ul.base li.left-corner, #configurator.roof-style-apex.gable-end-front.has-front-hood.skin-gr #viewer #side-right-wrapper ul.base li.left-corner {
background-image: none !important;
/*do not show corner trims when a hood is present */
}
#configurator.roof-style-apex.gable-end-front.has-rear-hood #side-right-wrapper ul.base li.right-corner, #configurator.roof-style-apex.gable-end-front.has-rear-hood.skin-gr #viewer #side-right-wrapper ul.base li.right-corner, #configurator.roof-style-apex.gable-end-front.has-rear-hood #side-left-wrapper ul.base li.left-corner, #configurator.roof-style-apex.gable-end-front.has-rear-hood.skin-gr #viewer #side-left-wrapper ul.base li.left-corner {
background-image: none !important;
/*do not show corner trims when a hood is present */
}
#configurator.roof-style-apex.eaves-front.has-left-hood #side-front-wrapper ul.base li.left-corner, #configurator.roof-style-apex.eaves-front.has-left-hood.skin-gr #viewer #side-front-wrapper ul.base li.left-corner, #configurator.roof-style-apex.eaves-front.has-left-hood #side-rear-wrapper ul.base li.right-corner, #configurator.roof-style-apex.eaves-front.has-left-hood.skin-gr #viewer #side-rear-wrapper ul.base li.right-corner {
background-image: none !important;
/*do not show corner trims when a hood is present */
}
#configurator.roof-style-apex.eaves-front.has-right-hood #side-rear-wrapper ul.base li.left-corner, #configurator.roof-style-apex.eaves-front.has-right-hood.skin-gr #viewer #side-rear-wrapper ul.base li.left-corner, #configurator.roof-style-apex.eaves-front.has-right-hood #side-front-wrapper ul.base li.right-corner, #configurator.roof-style-apex.eaves-front.has-right-hood.skin-gr #viewer #side-front-wrapper ul.base li.right-corner {
background-image: none !important;
/*do not show corner trims when a hood is present */
}
#configurator.roof-style-apex .side.roof-container ul.base li.corner {
background-image: none;
}
#configurator.roof-style-apex.gable-end-front:not(.o-hood-size-front-none) #side-front-wrapper.gable-end ul.base li.corner, #configurator.roof-style-apex.gable-end-front.skin-gr:not(.o-hood-size-front-none) #viewer #side-front-wrapper.gable-end ul.base li.corner {
background-image: none !important;
}
#configurator.roof-style-apex.gable-end-front:not(.o-hood-size-rear-none) #side-rear-wrapper.gable-end ul.base li.corner, #configurator.roof-style-apex.gable-end-front.skin-gr:not(.o-hood-size-rear-none) #viewer #side-rear-wrapper.gable-end ul.base li.corner {
background-image: none !important;
}
#configurator.roof-style-apex.eaves-front:not(.o-hood-size-front-none) #side-left-wrapper.gable-end ul.base li.corner, #configurator.roof-style-apex.eaves-front.skin-gr:not(.o-hood-size-front-none) #viewer #side-left-wrapper.gable-end ul.base li.corner {
background-image: none !important;
}
#configurator.roof-style-apex.eaves-front:not(.o-hood-size-rear-none) #side-right-wrapper.gable-end ul.base li.corner, #configurator.roof-style-apex.eaves-front.skin-gr:not(.o-hood-size-rear-none) #viewer #side-right-wrapper.gable-end ul.base li.corner {
background-image: none !important;
}
#configurator.g2.o-c-spruce-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.den.o-c-spruce-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.g2.o-c-spruce-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-spruce-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-spruce-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.x1.o-c-spruce-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-spruce-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-spruce-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-spruce-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.g2.o-c-spruce-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.den.o-c-spruce-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.g2.o-c-spruce-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-spruce-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-spruce-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.x1.o-c-spruce-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-spruce-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-spruce-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-spruce-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-spruce-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-spruce-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-spruce.png?20260521203846") !important;
}
#configurator.o-c-redwood-slatted-rear .side#side-rear ul.base li.corner, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-redwood-slatted .side#side-left ul.base li.right-corner, #configurator.o-c-redwood-slatted-left .side#side-left ul.base li.corner, #configurator.o-c-redwood-slatted-front .side#side-front ul.base li.corner, #configurator.o-c-redwood-slatted-right.o-cheek-right-type-redwood-slatted .side#side-right ul.base li.left-corner, #configurator.o-c-redwood-slatted-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png?20260521203846");
}
#configurator.o-c-redwood-slatted-left.o-cheek-left-type-redwood-slatted .side#side-left ul.base li.right-corner, #configurator.g2.o-c-redwood-slatted-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.den.o-c-redwood-slatted-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.g2.o-c-redwood-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-redwood-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-redwood-slatted-left.o-fascia-spruce .side#side-left ul.base li.right-corner, #configurator.x1.o-c-redwood-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-redwood-slatted-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-redwood-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-redwood-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-redwood-slatted-right.o-cheek-right-type-redwood-slatted .side#side-right ul.base li.left-corner, #configurator.g2.o-c-redwood-slatted-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.den.o-c-redwood-slatted-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.g2.o-c-redwood-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-redwood-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-redwood-slatted-right.o-fascia-spruce .side#side-right ul.base li.left-corner, #configurator.x1.o-c-redwood-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-redwood-slatted-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-redwood-slatted-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-redwood-slatted-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-redwood-slatted-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-redwood-slatted-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png?20260521203846") !important;
}
#configurator.o-c-honey-slatted-rear .side#side-rear ul.base li.corner, #configurator.o-c-honey-slatted-left.o-cheek-left-type-honey-slatted .side#side-left ul.base li.right-corner, #configurator.o-c-honey-slatted-left .side#side-left ul.base li.corner, #configurator.o-c-honey-slatted-front .side#side-front ul.base li.corner, #configurator.o-c-honey-slatted-right.o-cheek-right-type-honey-slatted .side#side-right ul.base li.left-corner, #configurator.o-c-honey-slatted-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png?20260521203846");
}
#configurator.o-c-honey-slatted-left.o-cheek-left-type-honey-slatted .side#side-left ul.base li.right-corner, #configurator.g2.o-c-honey-slatted-left.o-fascia-honey .side#side-left ul.base li.right-corner, #configurator.den.o-c-honey-slatted-left.o-fascia-honey .side#side-left ul.base li.right-corner, #configurator.g2.o-c-honey-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-honey-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-honey-slatted-left.o-fascia-honey .side#side-left ul.base li.right-corner, #configurator.x1.o-c-honey-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-honey-slatted-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-honey-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-honey-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-honey-slatted-right.o-cheek-right-type-honey-slatted .side#side-right ul.base li.left-corner, #configurator.g2.o-c-honey-slatted-right.o-fascia-honey .side#side-right ul.base li.left-corner, #configurator.den.o-c-honey-slatted-right.o-fascia-honey .side#side-right ul.base li.left-corner, #configurator.g2.o-c-honey-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-honey-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-honey-slatted-right.o-fascia-honey .side#side-right ul.base li.left-corner, #configurator.x1.o-c-honey-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-honey-slatted-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.b5.o-c-honey-slatted-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-honey-slatted-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-honey-slatted-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png?20260521203846") !important;
}
#configurator.o-c-composite-slatted-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-slatted-left .side#side-left ul.base li.corner, #configurator.o-c-composite-slatted-front .side#side-front ul.base li.corner, #configurator.o-c-composite-slatted-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png?20260521203846");
}
#configurator.o-c-cedar-rear .side#side-rear ul.base li.corner, #configurator.o-c-cedar-left .side#side-left ul.base li.corner, #configurator.o-c-cedar-front .side#side-front ul.base li.corner, #configurator.o-c-cedar-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-cedar.png?20260521203846");
}
#configurator.o-c-cedar-natural-rear .side#side-rear ul.base li.corner, #configurator.o-c-cedar-natural-left .side#side-left ul.base li.corner, #configurator.o-c-cedar-natural-front .side#side-front ul.base li.corner, #configurator.o-c-cedar-natural-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg?20260521203846");
}
#configurator.o-c-cedar-slatted-rear .side#side-rear ul.base li.corner, #configurator.o-c-cedar-slatted-left .side#side-left ul.base li.corner, #configurator.o-c-cedar-slatted-front .side#side-front ul.base li.corner, #configurator.o-c-cedar-slatted-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png?20260521203846");
}
#configurator.o-c-cedar-premium-rear .side#side-rear ul.base li.corner, #configurator.o-c-cedar-premium-left .side#side-left ul.base li.corner, #configurator.o-c-cedar-premium-front .side#side-front ul.base li.corner, #configurator.o-c-cedar-premium-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg?20260521203846");
}
#configurator.o-c-cedar-left.o-cheek-left-type-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-cedar-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-cedar-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-cedar-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-cedar-right.o-cheek-right-type-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-cedar-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-cedar-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-cedar-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-cedar.png?20260521203846") !important;
}
#configurator.o-c-cedar-natural-left.o-cheek-left-type-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-natural-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-natural-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-natural-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-natural-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-natural-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-natural-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-cedar-natural-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-cedar-natural-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-cedar-natural-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-cedar-natural-right.o-cheek-right-type-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-natural-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-natural-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-natural-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-natural-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-natural-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-natural-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-cedar-natural-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-cedar-natural-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-cedar-natural-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg?20260521203846") !important;
}
#configurator.o-c-cedar-slatted-left.o-cheek-left-type-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-slatted-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-slatted-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-slatted-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-slatted-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-cedar-slatted-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-cedar-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-cedar-slatted-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-slatted-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-slatted-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-slatted-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-slatted-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-cedar-slatted-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-cedar-slatted-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-cedar-slatted-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png?20260521203846") !important;
}
#configurator.o-c-cedar-premium-left.o-cheek-left-type-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-premium-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-premium-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-cedar-premium-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-cedar-premium-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-premium-left.o-fascia-cedar .side#side-left ul.base li.right-corner, #configurator.x1.o-c-cedar-premium-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-cedar-premium-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-cedar-premium-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-cedar-premium-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-cedar-premium-right.o-cheek-right-type-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-premium-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-premium-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-cedar-premium-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-cedar-premium-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-premium-right.o-fascia-cedar .side#side-right ul.base li.left-corner, #configurator.x1.o-c-cedar-premium-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-cedar-premium-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-cedar-premium-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-cedar-premium-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg?20260521203846") !important;
}
#configurator.o-c-composite-grey-left.o-cheek-left-type-composite-grey .side#side-left ul.base li.right-corner, #configurator.g2.o-c-composite-grey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-composite-grey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-composite-grey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-composite-grey-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-composite-grey-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-composite-grey-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-composite-grey-right.o-cheek-right-type-composite-grey .side#side-right ul.base li.left-corner, #configurator.g2.o-c-composite-grey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-composite-grey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-composite-grey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-composite-grey-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-composite-grey-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-composite-grey-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-composite-grey-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-composite-grey-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png?20260521203846") !important;
}
#configurator.basebox-derived .side#side-left ul.base li.corner, #configurator.basebox-derived .side#side-right ul.base li.corner, #configurator.basebox-derived .side#side-front ul.base li.corner, #configurator.basebox-derived .side#side-rear ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-matchbox-composite-grey.png?20260521203846") !important;
}
#configurator.basebox-derived:not(.o-cheek-left-type-none):not(.o-cheek-left-type-basebox-grey) .side#side-left ul.base li.right-corner, #configurator.basebox-derived:not(.o-cheek-right-type-none):not(.o-cheek-right-type-basebox-grey) .side#side-right ul.base li.left-corner {
background-image: none !important;
}
#configurator.o-c-composite-wood-left.o-cheek-left-type-composite-wood .side#side-left ul.base li.right-corner, #configurator.g2.o-c-composite-wood-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-composite-wood-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-composite-wood-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-composite-wood-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-composite-wood-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-composite-wood-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-composite-wood-right.o-cheek-right-type-composite-wood .side#side-right ul.base li.left-corner, #configurator.g2.o-c-composite-wood-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-composite-wood-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-composite-wood-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-composite-wood-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-composite-wood-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-composite-wood-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-composite-wood-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-composite-wood-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png?20260521203846") !important;
}
#configurator.o-c-composite-cedar-left.o-cheek-left-type-composite-cedar .side#side-left ul.base li.right-corner, #configurator.g2.o-c-composite-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-composite-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-composite-cedar-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-composite-cedar-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-composite-cedar-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-composite-cedar-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-composite-cedar-right.o-cheek-right-type-composite-cedar .side#side-right ul.base li.left-corner, #configurator.g2.o-c-composite-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-composite-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-composite-cedar-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-composite-cedar-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-composite-cedar-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-composite-cedar-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png?20260521203846") !important;
}
#configurator.o-c-composite-hyperion-black-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-hyperion-black-left .side#side-left ul.base li.corner, #configurator.o-c-composite-hyperion-black-front .side#side-front ul.base li.corner, #configurator.o-c-composite-hyperion-black-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-black.png?20260521203846");
}
#configurator.o-c-composite-vox-black-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-vox-black-left .side#side-left ul.base li.corner, #configurator.o-c-composite-vox-black-front .side#side-front ul.base li.corner, #configurator.o-c-composite-vox-black-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png?20260521203846");
}
#configurator.o-c-fireproof-cement-board-black-rear .side#side-rear ul.base li.corner, #configurator.o-c-fireproof-cement-board-black-left .side#side-left ul.base li.corner, #configurator.o-c-fireproof-cement-board-black-front .side#side-front ul.base li.corner, #configurator.o-c-fireproof-cement-board-black-right .side#side-right ul.base li.corners {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-c-fireproof-cement-board-black-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-fireproof-cement-board-black-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png?20260521203846") !important;
}
#configurator.o-c-fireboard-white-rear .side#side-rear ul.base li.corner, #configurator.o-c-fireboard-white-left .side#side-left ul.base li.corner, #configurator.o-c-fireboard-white-front .side#side-front ul.base li.corner, #configurator.o-c-fireboard-white-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg?20260521203846");
}
#configurator.o-d-size-extended-900mm.o-c-fireboard-white-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-fireboard-white-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg?20260521203846") !important;
}
#configurator.o-c-composite-grey-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-grey-left .side#side-left ul.base li.corner, #configurator.o-c-composite-grey-front .side#side-front ul.base li.corner, #configurator.o-c-composite-grey-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png?20260521203846");
}
#configurator.o-c-composite-wood-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-wood-left .side#side-left ul.base li.corner, #configurator.o-c-composite-wood-front .side#side-front ul.base li.corner, #configurator.o-c-composite-wood-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png?20260521203846");
}
#configurator.o-c-composite-cedar-rear .side#side-rear ul.base li.corner, #configurator.o-c-composite-cedar-left .side#side-left ul.base li.corner, #configurator.o-c-composite-cedar-front .side#side-front ul.base li.corner, #configurator.o-c-composite-cedar-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png?20260521203846");
}
#configurator.o-c-honey-rear .side#side-rear ul.base li.corner, #configurator.o-c-honey-left .side#side-left ul.base li.corner, #configurator.o-c-honey-front .side#side-front ul.base li.corner, #configurator.o-c-honey-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-honey.png?20260521203846");
}
#configurator.o-c-standing-seam-grey-rear .side#side-rear ul.base li.corner, #configurator.o-c-standing-seam-grey-left .side#side-left ul.base li.corner, #configurator.o-c-standing-seam-grey-front .side#side-front ul.base li.corner, #configurator.o-c-standing-seam-grey-right .side#side-right ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-standing-seam-grey.jpg?20260521203846");
}
#configurator.o-c-standing-seam-grey-left .side#side-left ul.base li.corner, #configurator.o-c-standing-seam-grey-right .side#side-right ul.base li.corner {
background-position-x: 10px;
}
#configurator.o-c-honey-left.o-cheek-left-type-honey .side#side-left ul.base li.right-corner, #configurator.g2.o-c-honey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.den.o-c-honey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.x1.o-c-honey-left.o-cheek-left-tgo2 .side#side-left ul.base li.right-corner, #configurator.g3.o-c-honey-left.o-cheek-left-tgo3 .side#side-left ul.base li.right-corner, #configurator.g5.o-c-honey-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.b5.o-c-honey-left.o-cheek-left-type-black .side#side-left ul.base li.right-corner, #configurator.o-c-honey-right.o-cheek-right-type-honey .side#side-right ul.base li.left-corner, #configurator.g2.o-c-honey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.den.o-c-honey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.x1.o-c-honey-right.o-cheek-right-tgo2 .side#side-right ul.base li.left-corner, #configurator.g3.o-c-honey-right.o-cheek-right-tgo3 .side#side-right ul.base li.left-corner, #configurator.g5.o-c-honey-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.b5.o-c-honey-right.o-cheek-right-type-black .side#side-right ul.base li.left-corner, #configurator.o-d-size-extended-900mm.o-c-honey-left.o-d-size-extended-900mm .side#side-left ul.base li.right-corner, #configurator.o-d-size-extended-900mm.o-c-honey-right.o-d-size-extended-900mm .side#side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-honey.png?20260521203846") !important;
}
#configurator.o-c-painted .side ul.base li.corner {
background-image: url("../../images/configurator.4506/cladding-painted.png?20260521203846");
}
#configurator.gs .side ul.base li.corner, #configurator.gw .side ul.base li.corner, #configurator.pw .side ul.base li.corner {
background-image: none !important;
background-color: #2f2f2f;
}
#configurator .side ul li.canopy.canopy,
#configurator .side ul li.canopy-spacer.canopy-spacer {
/* override the li.slot width that will be applied */
width: 0;
}
#configurator #side-front ul li.canopy.canopy,
#configurator #side-front.side ul li.canopy-spacer.canopy-spacer {
/* override the li.slot width that will be applied */
height: 163px;
/* slightly less than the rest of the front cladding height, so that there is a gap at the bottom, making it look like it is on the rear. */
}
#configurator #side-front ul li.canopy.canopy {
position: relative;
/* will be absolutely positioning the corner posts within this li */
}
#configurator #side-front ul li.canopy.canopy div.corner-post {
position: absolute;
top: 0;
width: 8px;
height: 167px;
background-color: black;
}
#configurator.o-fascia-metal-graphite #side-front ul li.canopy.canopy div.corner-post {
background-color: #2f2f2f;
}
#configurator #viewer #side-front ul li.canopy.canopy div.corner-post {
display: none;
}
#configurator div.content-pane.door-sets #side-front ul li.canopy.canopy div.corner-post,
#configurator div.content-pane.summary #side-front ul li.canopy.canopy div.corner-post {
display: none;
}
#configurator.has-canopy-left div.content-pane.door-sets #side-front ul li.canopy.left-canopy div.corner-post, #configurator.has-canopy-left div.content-pane.summary #side-front ul li.canopy.left-canopy div.corner-post, #configurator.has-canopy-right div.content-pane.door-sets #side-front ul li.canopy.right-canopy div.corner-post, #configurator.has-canopy-right div.content-pane.summary #side-front ul li.canopy.right-canopy div.corner-post {
display: block;
}
#configurator #side-front ul li.canopy.left-canopy div.corner-post {
left: 0;
}
#configurator #side-front ul li.canopy.right-canopy div.corner-post {
right: 0;
}
#configurator.o-c-spruce-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-spruce-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-spruce.png");
}
#configurator.o-c-honey-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-honey-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-honey.png");
}
#configurator.o-c-cedar-natural-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-cedar-natural-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-cedar-premium-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-cedar-slatted-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-cedar-slatted.png");
}
#configurator.o-c-composite-hyperion-black-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-hyperion-black-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-black.png");
}
#configurator.o-c-composite-vox-black-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-vox-black-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-vox-black.png");
}
#configurator.o-c-composite-grey-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-grey-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-grey.png");
}
#configurator.o-c-composite-wood-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-wood-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-oak.png");
}
#configurator.o-c-composite-cedar-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-cedar-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-cedar.png");
}
#configurator.o-c-redwood-slatted-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-redwood-slatted-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-redwood-slatted.png");
}
#configurator.o-c-honey-slatted-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-honey-slatted-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-honey-slatted.png");
}
#configurator.o-c-fireproof-cement-board-black-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-fireproof-cement-board-black-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-fireboard-white-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-fireboard-white.jpg");
}
#configurator.o-c-composite-wood-primed-canopy-left #side-front ul.base li.left-canopy, #configurator.o-c-composite-wood-primed-canopy-right #side-front ul.base li.right-canopy {
background-image: url("../../images/configurator.4506/cladding-canopy-composite-wood-primed.png");
}
#configurator #viewer #side-front ul.base li.left-canopy, #configurator #viewer #side-front ul.base li.right-canopy {
background-image: none;
}
#configurator.o-c-spruce-rear #side-rear ul.base li.right-canopy, #configurator.o-c-spruce-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-honey-rear #side-rear ul.base li.right-canopy, #configurator.o-c-honey-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-cedar-natural-rear #side-rear ul.base li.right-canopy, #configurator.o-c-cedar-natural-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-rear #side-rear ul.base li.right-canopy, #configurator.o-c-cedar-premium-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-rear #side-rear ul.base li.right-canopy, #configurator.o-c-cedar-slatted-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-composite-hyperion-black-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-hyperion-black-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-vox-black-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-grey-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-grey-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-wood-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-wood-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-cedar-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-cedar-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-redwood-slatted-rear #side-rear ul.base li.right-canopy, #configurator.o-c-redwood-slatted-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-honey-slatted-rear #side-rear ul.base li.right-canopy, #configurator.o-c-honey-slatted-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-fireproof-cement-board-black-rear #side-rear ul.base li.right-canopy, #configurator.o-c-fireproof-cement-board-black-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-rear #side-rear ul.base li.right-canopy, #configurator.o-c-fireboard-white-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-composite-wood-primed-rear #side-rear ul.base li.right-canopy, #configurator.o-c-composite-wood-primed-rear #side-rear ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-wood-primed.png");
}
#configurator.o-c-spruce-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-spruce-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-honey-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-honey-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-cedar-natural-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-cedar-natural-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-cedar-premium-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-cedar-slatted-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-composite-hyperion-black-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-hyperion-black-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-vox-black-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-grey-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-grey-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-wood-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-wood-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-cedar-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-cedar-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-redwood-slatted-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-redwood-slatted-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-honey-slatted-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-honey-slatted-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-fireproof-cement-board-black-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-fireproof-cement-board-black-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-fireboard-white-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-composite-wood-primed-canopy-left #viewer #side-rear-canopy ul.base li.right-canopy, #configurator.o-c-composite-wood-primed-canopy-right #viewer #side-rear-canopy ul.base li.left-canopy {
background-image: url("../../images/configurator.4506/cladding-composite-wood-primed.png");
}
#configurator #cheek-front-left, #configurator.g2.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.den.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.g2.o-cheek-left-type-composite-grey #side-front ul li.left-cheek, #configurator.den.o-cheek-left-type-composite-grey #side-front ul li.left-cheek, #configurator.g2.o-cheek-left-type-composite-oak #side-front ul li.left-cheek, #configurator.den.o-cheek-left-type-composite-oak #side-front ul li.left-cheek, #configurator.g2.o-cheek-left-type-composite-cedar #side-front ul li.left-cheek, #configurator.den.o-cheek-left-type-composite-cedar #side-front ul li.left-cheek, #configurator.g2.o-cheek-left-type-cedar-slatted #side-front ul li.left-cheek, #configurator.den.o-cheek-left-type-cedar-slatted #side-front ul li.left-cheek, #configurator.x1.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.x1.o-cheek-left-type-composite-grey #side-front ul li.left-cheek, #configurator.x1.o-cheek-left-type-composite-oak #side-front ul li.left-cheek, #configurator.x1.o-cheek-left-type-composite-cedar #side-front ul li.left-cheek, #configurator.x1.o-cheek-left-type-cedar-slatted #side-front ul li.left-cheek, #configurator.g3.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.g3.o-cheek-left-type-composite-grey #side-front ul li.left-cheek, #configurator.g3.o-cheek-left-type-composite-oak #side-front ul li.left-cheek, #configurator.g3.o-cheek-left-type-composite-cedar #side-front ul li.left-cheek, #configurator.o-cheek-left-type-spruce #side-front ul li.left-cheek, #configurator.o-cheek-left-type-cedar #side-front ul li.left-cheek, #configurator.o-cheek-left-type-honey #side-front ul li.left-cheek, #configurator.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
width: 10px;
}
#configurator.o-cheek-left-tgo3 #side-front ul li.left-cheek, #configurator.o-cheek-left-tgo2 #side-front ul li.left-cheek {
width: 10px;
}
#configurator.has-rounded-roof-corner.o-cheek-left-type-black #side-front ul li.left-cheek {
width: 10px;
}
#configurator.has-rounded-roof-corner:not(.o-cheek-left-type-none) #side-front ul.base li.left-cheek {
opacity: 0;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-black #side-front ul li.left-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-grey #side-front ul li.left-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-oak #side-front ul li.left-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-cedar #side-front ul li.left-cheek, #configurator.o-d-size-extended-900mm.o-cheek-left-type-spruce #side-front ul li.left-cheek, #configurator.o-d-size-extended-900mm.o-cheek-left-type-cedar #side-front ul li.left-cheek, #configurator.o-d-size-extended-900mm.o-cheek-left-type-cedar-slatted #side-front ul li.left-cheek, #configurator.o-d-size-extended-900mm.o-cheek-left-type-honey #side-front ul li.left-cheek, #configurator.o-d-size-extended-900mm.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
width: 10px;
}
#configurator div.side div.trim {
overflow: hidden;
}
#configurator div.side div.trim div.trim-section,
#configurator div.side div.trim div.corner-trim-section,
#configurator div.side div.fascia div.trim-section,
#configurator div.side div.fascia div.corner-trim-section {
position: absolute;
background-color: black;
}
#configurator.graphite div.side div.trim div.trim-section, #configurator.graphite div.side div.trim div.corner-trim-section, #configurator.graphite div.side div.fascia div.trim-section, #configurator.graphite div.side div.fascia div.corner-trim-section {
background-color: #3e3e3e;
}
#configurator.o-c-aluminium-charcoal-rear .side#side-rear div.trim div.corner-trim-section, #configurator.o-c-aluminium-charcoal-left .side#side-left div.trim div.corner-trim-section, #configurator.o-c-aluminium-charcoal-right .side#side-right div.trim div.corner-trim-section, #configurator.o-c-aluminium-charcoal-front .side#side-front div.trim div.corner-trim-section {
background-color: #322f24;
}
#configurator.o-c-aluminium-bronze-rear .side#side-rear div.trim div.corner-trim-section, #configurator.o-c-aluminium-bronze-left .side#side-left div.trim div.corner-trim-section, #configurator.o-c-aluminium-bronze-right .side#side-right div.trim div.corner-trim-section, #configurator.o-c-aluminium-bronze-front .side#side-front div.trim div.corner-trim-section {
background-color: #554233;
}
#configurator #cheek-inner-left,
#configurator #cheek-inner-left-left,
#configurator #cheek-inner-front-left,
#configurator #cheek-inner-right-left,
#configurator #cheek-inner-rear-left {
background-position: 0 0;
}
#configurator #cheek-inner-right,
#configurator #cheek-inner-left-right,
#configurator #cheek-inner-front-right,
#configurator #cheek-inner-right-right,
#configurator #cheek-inner-rear-right {
background-position: 0 0;
}
#configurator.g2.o-cheek-left-type-spruce #cheek-inner-left, #configurator.den.o-cheek-left-type-spruce #cheek-inner-left, #configurator.x1.o-cheek-left-type-spruce #cheek-inner-left, #configurator.o-cheek-left-tgo3 #cheek-inner-left, #configurator.g5.o-cheek-left-type-black #cheek-inner-left, #configurator.b5.o-cheek-left-type-black #cheek-inner-left, #configurator.o-cheek-left-type-spruce #cheek-inner-left, #configurator.g2.o-cheek-right-type-spruce #cheek-inner-right, #configurator.den.o-cheek-right-type-spruce #cheek-inner-right, #configurator.x1.o-cheek-right-type-spruce #cheek-inner-right, #configurator.o-cheek-right-tgo3 #cheek-inner-right, #configurator.g5.o-cheek-right-type-black #cheek-inner-right, #configurator.b5.o-cheek-right-type-black #cheek-inner-right, #configurator.o-cheek-right-type-spruce #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-spruce #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-spruce #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-spruce #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-spruce #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-spruce #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-spruce #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-spruce #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-spruce #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-spruce #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-spruce #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-spruce #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-spruce #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-spruce #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-spruce #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-spruce #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-spruce #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-spruce.png");
}
#configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-redwood-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-redwood-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-redwood-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-redwood-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-redwood-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-redwood-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-redwood-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-redwood-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-redwood-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-redwood-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-redwood-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-redwood-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-redwood-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-redwood-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-redwood-slatted #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-redwood-slatted #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-redwood-slatted.png");
}
#configurator.o-cheek-left-type-cedar #cheek-inner-left, #configurator.o-cheek-right-type-cedar #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-cedar #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-cedar #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-cedar #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-cedar #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-cedar #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-cedar #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-cedar #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-cedar #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-cedar #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-cedar #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-cedar #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-cedar #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-cedar #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-cedar #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-cedar #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-cedar #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar.png");
}
#configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-cedar-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-cedar-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-cedar-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-cedar-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-cedar-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-cedar-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-cedar-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-cedar-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-cedar-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-cedar-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-cedar-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-cedar-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-cedar-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-cedar-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-cedar-slatted #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-cedar-slatted #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-slatted.jpg");
}
#configurator.o-cheek-left-type-composite-grey #cheek-inner-left, #configurator.o-cheek-right-type-composite-grey #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-composite-grey #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-grey #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-composite-grey #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-grey #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-composite-grey #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-grey #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-composite-grey #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-grey #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-composite-grey #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-grey #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-composite-grey #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-grey #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-composite-grey #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-grey #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-composite-grey #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-grey #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-grey.png");
}
#configurator.o-cheek-left-type-composite-oak #cheek-inner-left, #configurator.o-cheek-right-type-composite-oak #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-composite-wood #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-wood #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-composite-wood #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-wood #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-composite-wood #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-wood #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-composite-wood #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-wood #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-composite-wood #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-wood #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-composite-wood #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-wood #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-composite-wood #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-wood #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-composite-wood #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-wood #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-oak.png");
}
#configurator.o-cheek-left-type-composite-cedar #cheek-inner-left, #configurator.o-cheek-right-type-composite-cedar #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-composite-cedar #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-cedar #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-composite-cedar #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-composite-cedar #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-composite-cedar #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-cedar #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-composite-cedar #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-composite-cedar #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-composite-cedar #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-cedar #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-composite-cedar #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-composite-cedar #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-composite-cedar #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-cedar #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-composite-cedar #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-composite-cedar #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-cedar.png");
}
#configurator.o-c-cedar-natural-front.o-cheek-left-type-cedar #cheek-inner-left, #configurator.o-c-cedar-natural-front.o-cheek-right-type-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-front.o-cheek-left-type-cedar #cheek-inner-left, #configurator.o-c-cedar-premium-front.o-cheek-right-type-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-premium.jpg");
}
#configurator.o-cheek-left-type-honey #cheek-inner-left, #configurator.o-cheek-right-type-honey #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-honey #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-honey #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-honey #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-honey #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-honey #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-honey #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-honey #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-honey #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-honey #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-honey #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-honey #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-honey #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-honey #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-honey #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-honey #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-honey #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-honey.png");
}
#configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-honey-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-honey-slatted #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-honey-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-honey-slatted #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-honey-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-honey-slatted #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-honey-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-honey-slatted #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-honey-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-honey-slatted #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-honey-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-honey-slatted #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-honey-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-honey-slatted #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-honey-slatted #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-honey-slatted #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-honey-slatted.png");
}
#configurator.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-cheek-v2-front-left.o-cheek-v2-front-type-black #cheek-inner-front-left, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-black #cheek-inner-front-left, #configurator.o-cheek-v2-front-right.o-cheek-v2-front-type-black #cheek-inner-front-right, #configurator.o-cheek-v2-front-both.o-cheek-v2-front-type-black #cheek-inner-front-right, #configurator.o-cheek-v2-rear-left.o-cheek-v2-rear-type-black #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-black #cheek-inner-rear-left, #configurator.o-cheek-v2-rear-right.o-cheek-v2-rear-type-black #cheek-inner-rear-right, #configurator.o-cheek-v2-rear-both.o-cheek-v2-rear-type-black #cheek-inner-rear-right, #configurator.o-cheek-v2-left-left.o-cheek-v2-left-type-black #cheek-inner-left-left, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-black #cheek-inner-left-left, #configurator.o-cheek-v2-left-right.o-cheek-v2-left-type-black #cheek-inner-left-right, #configurator.o-cheek-v2-left-both.o-cheek-v2-left-type-black #cheek-inner-left-right, #configurator.o-cheek-v2-right-left.o-cheek-v2-right-type-black #cheek-inner-right-left, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-black #cheek-inner-right-left, #configurator.o-cheek-v2-right-right.o-cheek-v2-right-type-black #cheek-inner-right-right, #configurator.o-cheek-v2-right-both.o-cheek-v2-right-type-black #cheek-inner-right-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-vox-black.png");
}
#configurator.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-grey.png");
}
#configurator.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-oak.png");
}
#configurator.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-cedar.png");
}
#configurator.o-c-honey-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-honey-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-c-honey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-honey-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-honey.png");
}
#configurator.o-c-redwood-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-redwood-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-spruce.png");
}
#configurator.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-spruce.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.g5 #dropdown-o-e-cheek-left li.o-cheek-left-type-contemporary, #configurator.g5 #dropdown-o-e-cheek-right li.o-cheek-right-type-contemporary {
display: none;
}
#configurator.has-rounded-roof-corner #dropdown-o-e-cheek-left li.o-cheek-left-type-contemporary, #configurator.has-rounded-roof-corner #dropdown-o-e-cheek-right li.o-cheek-right-type-contemporary {
display: none;
}
#configurator.o-hood-size-left-none #dropdown-o-e-cheek-v2-left, #configurator.o-hood-size-front-none #dropdown-o-e-cheek-v2-front, #configurator.o-hood-size-right-none #dropdown-o-e-cheek-v2-right, #configurator.o-hood-size-rear-none #dropdown-o-e-cheek-v2-rear {
display: none;
}
#configurator div.summary tr.external-options.o-e-cheek-v2-left,
#configurator div.summary tr.external-options.o-e-cheek-v2-front,
#configurator div.summary tr.external-options.o-e-cheek-v2-right,
#configurator div.summary tr.external-options.o-e-cheek-v2-rear {
display: none;
}
#configurator.has-left-hood div.summary tr.external-options.o-e-cheek-v2-left, #configurator.has-front-hood div.summary tr.external-options.o-e-cheek-v2-front, #configurator.has-right-hood div.summary tr.external-options.o-e-cheek-v2-right, #configurator.has-rear-hood div.summary tr.external-options.o-e-cheek-v2-rear {
display: table-row;
}
#configurator.o-hood-size-left-none #dropdown-o-e-cheek-v2-left-type, #configurator.o-hood-size-front-none #dropdown-o-e-cheek-v2-front-type, #configurator.o-hood-size-right-none #dropdown-o-e-cheek-v2-right-type, #configurator.o-hood-size-rear-none #dropdown-o-e-cheek-v2-rear-type, #configurator:not(.o-hood-size-left-none).o-cheek-v2-left-none #dropdown-o-e-cheek-v2-left-type, #configurator:not(.o-hood-size-front-none).o-cheek-v2-front-none #dropdown-o-e-cheek-v2-front-type, #configurator:not(.o-hood-size-right-none).o-cheek-v2-right-none #dropdown-o-e-cheek-v2-right-type, #configurator:not(.o-hood-size-rear-none).o-cheek-v2-rear-none #dropdown-o-e-cheek-v2-rear-type {
display: none;
}
#configurator div.summary tr.external-options.o-e-cheek-v2-left-type,
#configurator div.summary tr.external-options.o-e-cheek-v2-front-type,
#configurator div.summary tr.external-options.o-e-cheek-v2-right-type,
#configurator div.summary tr.external-options.o-e-cheek-v2-rear-type {
display: none;
}
#configurator.has-left-hood div.summary tr.external-options.o-e-cheek-v2-left-type, #configurator.has-front-hood div.summary tr.external-options.o-e-cheek-v2-front-type, #configurator.has-right-hood div.summary tr.external-options.o-e-cheek-v2-right-type, #configurator.has-rear-hood div.summary tr.external-options.o-e-cheek-v2-rear-type {
display: table-row;
}
#configurator.has-left-hood #dropdown-o-e-cheek-v2-left-type ul.dd-options li, #configurator.has-front-hood #dropdown-o-e-cheek-v2-front-type ul.dd-options li, #configurator.has-right-hood #dropdown-o-e-cheek-v2-right-type ul.dd-options li, #configurator.has-rear-hood #dropdown-o-e-cheek-v2-rear-type ul.dd-options li {
display: none;
}
#configurator.o-cheek-v2-left-none #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-none, #configurator.o-cheek-v2-front-none #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-none, #configurator.o-cheek-v2-right-none #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-none, #configurator.o-cheek-v2-rear-none #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-none, #configurator:not(.o-cheek-v2-left-none) #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-black, #configurator:not(.o-cheek-v2-front-none) #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-black, #configurator:not(.o-cheek-v2-right-none) #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-black, #configurator:not(.o-cheek-v2-rear-none) #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-black, #configurator:not(.o-cheek-v2-left-none).o-c-spruce-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-spruce, #configurator:not(.o-cheek-v2-front-none).o-c-spruce-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-spruce, #configurator:not(.o-cheek-v2-right-none).o-c-spruce-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-spruce, #configurator:not(.o-cheek-v2-rear-none).o-c-spruce-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-spruce, #configurator:not(.o-cheek-v2-left-none).o-c-redwood-slatted-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-spruce, #configurator:not(.o-cheek-v2-front-none).o-c-redwood-slatted-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-spruce, #configurator:not(.o-cheek-v2-right-none).o-c-redwood-slatted-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-spruce, #configurator:not(.o-cheek-v2-rear-none).o-c-redwood-slatted-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-spruce, #configurator:not(.o-cheek-v2-left-none).o-c-honey-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-honey, #configurator:not(.o-cheek-v2-front-none).o-c-honey-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-honey, #configurator:not(.o-cheek-v2-right-none).o-c-honey-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-honey, #configurator:not(.o-cheek-v2-rear-none).o-c-honey-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-honey, #configurator:not(.o-cheek-v2-left-none).o-c-honey-slatted-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-honey, #configurator:not(.o-cheek-v2-front-none).o-c-honey-slatted-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-honey, #configurator:not(.o-cheek-v2-right-none).o-c-honey-slatted-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-honey, #configurator:not(.o-cheek-v2-rear-none).o-c-honey-slatted-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-honey, #configurator:not(.o-cheek-v2-left-none).o-c-cedar-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-cedar, #configurator:not(.o-cheek-v2-front-none).o-c-cedar-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-cedar, #configurator:not(.o-cheek-v2-right-none).o-c-cedar-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-cedar, #configurator:not(.o-cheek-v2-rear-none).o-c-cedar-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-cedar, #configurator:not(.o-cheek-v2-left-none).o-c-cedar-slatted-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-cedar, #configurator:not(.o-cheek-v2-front-none).o-c-cedar-slatted-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-cedar, #configurator:not(.o-cheek-v2-right-none).o-c-cedar-slatted-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-cedar, #configurator:not(.o-cheek-v2-rear-none).o-c-cedar-slatted-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-cedar, #configurator:not(.o-cheek-v2-left-none).o-c-composite-grey-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-grey, #configurator:not(.o-cheek-v2-front-none).o-c-composite-grey-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-grey, #configurator:not(.o-cheek-v2-right-none).o-c-composite-grey-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-grey, #configurator:not(.o-cheek-v2-rear-none).o-c-composite-grey-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-grey, #configurator:not(.o-cheek-v2-left-none).o-c-composite-wood-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-wood, #configurator:not(.o-cheek-v2-front-none).o-c-composite-wood-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-wood, #configurator:not(.o-cheek-v2-right-none).o-c-composite-wood-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-wood, #configurator:not(.o-cheek-v2-rear-none).o-c-composite-wood-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-wood, #configurator:not(.o-cheek-v2-left-none).o-c-composite-cedar-left #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-cedar, #configurator:not(.o-cheek-v2-front-none).o-c-composite-cedar-front #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-cedar, #configurator:not(.o-cheek-v2-right-none).o-c-composite-cedar-right #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-cedar, #configurator:not(.o-cheek-v2-rear-none).o-c-composite-cedar-rear #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-cedar, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-spruce #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-spruce, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-spruce #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-spruce, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-spruce #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-spruce, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-spruce #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-spruce, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-honey #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-honey, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-honey #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-honey, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-honey #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-honey, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-honey #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-honey, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-cedar #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-cedar, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-cedar #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-cedar, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-cedar #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-cedar, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-cedar #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-cedar, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-composite-grey #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-grey, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-composite-grey #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-grey, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-composite-grey #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-grey, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-composite-grey #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-grey, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-composite-wood #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-wood, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-composite-wood #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-wood, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-composite-wood #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-wood, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-composite-wood #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-wood, #configurator:not(.o-cheek-v2-left-none).o-cheek-v2-left-type-composite-cedar #dropdown-o-e-cheek-v2-left-type ul.dd-options li.o-cheek-v2-left-type-composite-cedar, #configurator:not(.o-cheek-v2-front-none).o-cheek-v2-front-type-composite-cedar #dropdown-o-e-cheek-v2-front-type ul.dd-options li.o-cheek-v2-front-type-composite-cedar, #configurator:not(.o-cheek-v2-right-none).o-cheek-v2-right-type-composite-cedar #dropdown-o-e-cheek-v2-right-type ul.dd-options li.o-cheek-v2-right-type-composite-cedar, #configurator:not(.o-cheek-v2-rear-none).o-cheek-v2-rear-type-composite-cedar #dropdown-o-e-cheek-v2-rear-type ul.dd-options li.o-cheek-v2-rear-type-composite-cedar {
display: inline-block;
}
#configurator.o-cheek-left-tgo3.g3.g3 #cheek-inner-left, #configurator.o-cheek-left-type-spruce.g3.g3 #cheek-inner-left, #configurator.o-cheek-right-tgo3.g3.g3 #cheek-inner-right, #configurator.o-cheek-right-type-spruce.g3.g3 #cheek-inner-right, #configurator.o-cheek-left-type-honey.g3.g3 #cheek-inner-left, #configurator.o-cheek-right-type-honey.g3.g3 #cheek-inner-right, #configurator.o-cheek-left-type-cedar.g3.g3 #cheek-inner-left, #configurator.o-cheek-right-type-cedar.g3.g3 #cheek-inner-right, #configurator.o-cheek-left-type-black.g5.g5 #cheek-inner-left, #configurator.o-cheek-left-type-spruce.g5.g5 #cheek-inner-left, #configurator.o-cheek-right-type-black.g5.g5 #cheek-inner-right, #configurator.o-cheek-right-type-spruce.g5.g5 #cheek-inner-right, #configurator.o-cheek-left-type-honey.g5.g5 #cheek-inner-left, #configurator.o-cheek-right-type-honey.g5.g5 #cheek-inner-right, #configurator.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left, #configurator.o-cheek-right-type-cedar.g5.g5 #cheek-inner-right, #configurator.o-cheek-left-type-black.b5.b5 #cheek-inner-left, #configurator.o-cheek-left-type-spruce.b5.b5 #cheek-inner-left, #configurator.o-cheek-right-type-black.b5.b5 #cheek-inner-right, #configurator.o-cheek-right-type-spruce.b5.b5 #cheek-inner-right, #configurator.o-cheek-left-type-honey.b5.b5 #cheek-inner-left, #configurator.o-cheek-right-type-honey.b5.b5 #cheek-inner-right, #configurator.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left, #configurator.o-cheek-right-type-cedar.b5.b5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.g3.g3.o-c-spruce-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-spruce-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-spruce.png");
}
#configurator.g3.g3.o-c-honey-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-honey-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-honey.png");
}
#configurator.g3.g3.o-c-composite-grey-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-composite-grey-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-grey.png");
}
#configurator.g3.g3.o-c-composite-wood-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-composite-wood-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-oak.png");
}
#configurator.g3.g3.o-c-composite-cedar-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-composite-cedar-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-cedar.png");
}
#configurator.g3.g3.o-c-cedar-natural-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-cedar-natural-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-cedar.png");
}
#configurator.g3.g3.o-c-cedar-premium-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-cedar-premium-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-cedar-premium.jpg");
}
#configurator.g3.g3.o-c-cedar-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-cedar-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.g3.g3.o-c-redwood-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-redwood-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.g3.g3.o-c-honey-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-left, #configurator.g3.g3.o-c-honey-slatted-front.o-d-size-extended-900mm:not([class*=o-cheek-left-type-]) #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-black #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-black #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-black #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-black #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-black.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-spruce #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-spruce #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-spruce #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-spruce #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-spruce.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-honey #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-honey #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-honey #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-honey #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-honey.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-cedar #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-cedar #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-cedar #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-cedar.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-cedar-slatted #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-cedar-slatted #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-cedar-slatted #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-cedar-slatted #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-cedar-slatted.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-grey #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-composite-grey #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-composite-grey #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-composite-grey #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-grey.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-oak #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-composite-oak #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-composite-oak #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-composite-oak #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-oak.png") !important;
}
#configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-composite-cedar #cheek-inner-left, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-composite-cedar #cheek-inner-right, #configurator.g3.o-d-size-standard-400mm.o-cheek-left-type-composite-cedar #cheek-inner-left, #configurator.g3.o-d-size-standard-400mm.o-cheek-right-type-composite-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-cedar.png") !important;
}
#configurator.o-c-cedar-front.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left, #configurator.o-c-cedar-front.o-cheek-left-type-cedar.g5.g5 #cheek-inner-right, #configurator.o-c-cedar-front.g5 #roof-underside-front, #configurator.o-c-cedar-front.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left, #configurator.o-c-cedar-front.o-cheek-left-type-cedar.b5.b5 #cheek-inner-right, #configurator.o-c-cedar-front.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-left-type-cedar.g5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-left-type-cedar.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left {
background-image: url("../../images/configurator.4506/cladding-cedar-horizontal.png");
}
#configurator.o-cheek-left-type-cedar.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-left-type-cedar.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left {
background-image: url("../../images/configurator.4506/cladding-cedar-horizontal.png");
}
#configurator.o-cheek-right-type-cedar.g5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-right-type-cedar.o-cheek-right-type-cedar.g5.g5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-horizontal.png");
}
#configurator.o-cheek-right-type-cedar.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-right-type-cedar.o-cheek-right-type-cedar.b5.b5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-horizontal.png");
}
#configurator.o-cheek-left-type-black.g5 #roof-underside-front {
background-color: black;
background-image: none;
}
#configurator.o-cheek-left-type-black.o-cheek-left-type-black.g5.g5 #cheek-inner-left {
background-color: black;
background-image: none;
}
#configurator.o-cheek-left-type-black.b5 #roof-underside-front {
background-color: black;
background-image: none;
}
#configurator.o-cheek-left-type-black.o-cheek-left-type-black.b5.b5 #cheek-inner-left {
background-color: black;
background-image: none;
}
#configurator.o-cheek-right-type-black.g5 #roof-underside-front {
background-color: black;
background-image: none;
}
#configurator.o-cheek-right-type-black.o-cheek-right-type-black.g5.g5 #cheek-inner-right {
background-color: black;
background-image: none;
}
#configurator.o-cheek-right-type-black.b5 #roof-underside-front {
background-color: black;
background-image: none;
}
#configurator.o-cheek-right-type-black.o-cheek-right-type-black.b5.b5 #cheek-inner-right {
background-color: black;
background-image: none;
}
#configurator.o-c-cedar-natural-front.g5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-natural-front.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left, #configurator.o-c-cedar-natural-front.o-cheek-right-type-cedar.g5.g5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-natural-horizontal.jpg");
}
#configurator.o-c-cedar-natural-front.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-natural-front.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left, #configurator.o-c-cedar-natural-front.o-cheek-right-type-cedar.b5.b5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-natural-horizontal.jpg");
}
#configurator.o-c-cedar-premium-front.g5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-premium-front.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left, #configurator.o-c-cedar-premium-front.o-cheek-right-type-cedar.g5.g5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-premium-horizontal.jpg");
}
#configurator.o-c-cedar-premium-front.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-premium-front.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left, #configurator.o-c-cedar-premium-front.o-cheek-right-type-cedar.b5.b5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-premium-horizontal.jpg");
}
#configurator.o-c-cedar-slatted-front.g5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-front.o-cheek-left-type-cedar.g5.g5 #cheek-inner-left, #configurator.o-c-cedar-slatted-front.o-cheek-right-type-cedar.g5.g5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-premium-horizontal.jpg");
}
#configurator.o-c-cedar-slatted-front.b5 #roof-underside-front {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-front.o-cheek-left-type-cedar.b5.b5 #cheek-inner-left, #configurator.o-c-cedar-slatted-front.o-cheek-right-type-cedar.b5.b5 #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cedar-premium-horizontal.jpg");
}
#configurator.g2.o-cheek-left-type-none #cheek-front-left, #configurator.den.o-cheek-left-type-none #cheek-front-left, #configurator.x1.o-cheek-left-type-none #cheek-front-left, #configurator.o-cheek-left-tgo3 #cheek-front-left, #configurator.g5.o-cheek-left-type-black #cheek-front-left, #configurator.b5.o-cheek-left-type-black #cheek-front-left, #configurator.o-cheek-left-type-spruce #cheek-front-left, #configurator.g2:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.den:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.o-cheek-right-tgo3 #cheek-front-right, #configurator.o-cheek-right-type-spruce #cheek-front-right, #configurator.g2.o-cheek-left-type-none #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-none #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-none #side-front ul.base li.left-cheek, #configurator.o-cheek-left-tgo3 #side-front ul.base li.left-cheek, #configurator.o-cheek-left-type-spruce #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-cheek-left-type-cedar #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-cheek-left-type-composite-oak #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-cheek-right-type-composite-cedar #cheek-front-right, #configurator.o-cheek-left-type-composite-cedar #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-cheek-left-type-composite-grey #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-cedar-natural-left.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-c-cedar-natural-right.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-c-cedar-natural-left.o-cheek-left-type-cedar #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-left.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-c-cedar-premium-right.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-c-cedar-premium-left.o-cheek-left-type-cedar #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-cheek-left-type-honey #cheek-front-left, #configurator.o-cheek-right-type-honey #cheek-front-right, #configurator.o-cheek-left-type-honey #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator #cheek-front-left,
#configurator #cheek-front-right {
background-image: none;
}
#configurator.g2.g2:not(.o-cheek-left-type-none) #cheek-front-left, #configurator.den.den:not(.o-cheek-left-type-none) #cheek-front-left, #configurator.g2.g2.o-cheek-left-type-spruce #cheek-front-left, #configurator.den.den.o-cheek-left-type-spruce #cheek-front-left, #configurator.g2.g2:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.den.den:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.g2.g2.o-cheek-right-type-spruce #cheek-front-right, #configurator.den.den.o-cheek-right-type-spruce #cheek-front-right, #configurator.g2.g2.o-cheek-left-type-honey #cheek-front-left, #configurator.den.den.o-cheek-left-type-honey #cheek-front-left, #configurator.g2.g2.o-cheek-right-type-honey #cheek-front-right, #configurator.den.den.o-cheek-right-type-honey #cheek-front-right, #configurator.g2.g2.o-cheek-left-type-cedar #cheek-front-left, #configurator.den.den.o-cheek-left-type-cedar #cheek-front-left, #configurator.g2.g2.o-cheek-right-type-cedar #cheek-front-right, #configurator.den.den.o-cheek-right-type-cedar #cheek-front-right, #configurator.g2.g2.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.den.den.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.g2.g2.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.den.den.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.g2.g2.o-cheek-left-type-contemporary #cheek-front-left, #configurator.den.den.o-cheek-left-type-contemporary #cheek-front-left, #configurator.g2.g2.o-cheek-right-type-contemporary #cheek-front-right, #configurator.den.den.o-cheek-right-type-contemporary #cheek-front-right, #configurator.g3.g3.o-d-size-extended-900mm.o-cheek-left-type-black #cheek-front-left, #configurator.g3.g3.o-d-size-standard-400mm.o-cheek-left-type-black #cheek-front-left, #configurator.g3.g3.o-cheek-left-tgo3 #cheek-front-left, #configurator.g3.g3.o-cheek-left-type-spruce #cheek-front-left, #configurator.g3.g3.o-d-size-extended-900mm.o-cheek-right-type-black #cheek-front-right, #configurator.g3.g3.o-d-size-standard-400mm.o-cheek-right-type-black #cheek-front-right, #configurator.g3.g3.o-cheek-right-tgo3 #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-black #cheek-front-right, #configurator.g3.g3.o-cheek-right-type-black #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-spruce #cheek-front-right, #configurator.g3.g3.o-cheek-right-type-spruce #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-honey #cheek-front-left, #configurator.g3.g3.o-cheek-right-type-honey #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-cedar #cheek-front-left, #configurator.g3.g3.o-cheek-right-type-cedar #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.g3.g3.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.g3.g3.o-cheek-left-type-contemporary #cheek-front-left, #configurator.g3.g3.o-cheek-right-type-contemporary #cheek-front-right, #configurator.g5.g5.o-cheek-left-type-black #cheek-front-left, #configurator.g5.g5.o-cheek-left-type-spruce #cheek-front-left, #configurator.g5.g5.o-cheek-right-type-black #cheek-front-right, #configurator.g5.g5.o-cheek-right-type-spruce #cheek-front-right, #configurator.g5.g5.o-cheek-left-type-honey #cheek-front-left, #configurator.g5.g5.o-cheek-right-type-honey #cheek-front-right, #configurator.g5.g5.o-cheek-left-type-cedar #cheek-front-left, #configurator.g5.g5.o-cheek-right-type-cedar #cheek-front-right, #configurator.g5.g5.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.g5.g5.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.g5.g5.o-cheek-left-type-contemporary #cheek-front-left, #configurator.g5.g5.o-cheek-right-type-contemporary #cheek-front-right, #configurator.b5.b5.o-cheek-left-type-black #cheek-front-left, #configurator.b5.b5.o-cheek-left-type-spruce #cheek-front-left, #configurator.b5.b5.o-cheek-right-type-black #cheek-front-right, #configurator.b5.b5.o-cheek-right-type-spruce #cheek-front-right, #configurator.b5.b5.o-cheek-left-type-honey #cheek-front-left, #configurator.b5.b5.o-cheek-right-type-honey #cheek-front-right, #configurator.b5.b5.o-cheek-left-type-cedar #cheek-front-left, #configurator.b5.b5.o-cheek-right-type-cedar #cheek-front-right, #configurator.b5.b5.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.b5.b5.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.b5.b5.o-cheek-left-type-contemporary #cheek-front-left, #configurator.b5.b5.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.o-fascia-metal-black.g2.g2:not(.o-cheek-left-type-none) #cheek-front-left, #configurator.o-fascia-metal-black.den.den:not(.o-cheek-left-type-none) #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.o-cheek-left-type-spruce #cheek-front-left, #configurator.o-fascia-metal-black.den.den.o-cheek-left-type-spruce #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.g2:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.o-fascia-metal-black.den.den.den:not(.o-cheek-right-type-none) #cheek-front-right, #configurator.o-fascia-metal-black.g2.g2.o-cheek-right-type-spruce #cheek-front-right, #configurator.o-fascia-metal-black.den.den.o-cheek-right-type-spruce #cheek-front-right, #configurator.o-fascia-metal-black.g2.g2.o-cheek-left-type-honey #cheek-front-left, #configurator.o-fascia-metal-black.den.den.o-cheek-left-type-honey #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.o-cheek-right-type-honey #cheek-front-right, #configurator.o-fascia-metal-black.den.den.o-cheek-right-type-honey #cheek-front-right, #configurator.o-fascia-metal-black.g2.g2.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-fascia-metal-black.den.den.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-fascia-metal-black.den.den.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-fascia-metal-black.g2.g2.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.o-fascia-metal-black.den.den.o-cheek-left-type-cedar-slatted #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.o-fascia-metal-black.den.den.o-cheek-right-type-cedar-slatted #cheek-front-right, #configurator.o-fascia-metal-black.g2.g2.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.den.den.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.g2.g2.o-cheek-right-type-contemporary #cheek-front-right, #configurator.o-fascia-metal-black.den.den.o-cheek-right-type-contemporary #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-tgo3 #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-type-black #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-type-spruce #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-tgo3 #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-type-black #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-type-spruce #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-type-honey #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-type-honey #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-fascia-metal-black.g3.g3.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.g3.g3.o-cheek-right-type-contemporary #cheek-front-right, #configurator.o-fascia-metal-black.g5.g5.o-cheek-left-type-black #cheek-front-left, #configurator.o-fascia-metal-black.g5.g5.o-cheek-left-type-spruce #cheek-front-left, #configurator.o-fascia-metal-black.g5.g5.o-cheek-right-type-black #cheek-front-right, #configurator.o-fascia-metal-black.g5.g5.o-cheek-right-type-spruce #cheek-front-right, #configurator.o-fascia-metal-black.g5.g5.o-cheek-left-type-honey #cheek-front-left, #configurator.o-fascia-metal-black.g5.g5.o-cheek-right-type-honey #cheek-front-right, #configurator.o-fascia-metal-black.g5.g5.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-fascia-metal-black.g5.g5.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-fascia-metal-black.g5.g5.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.g5.g5.o-cheek-right-type-contemporary #cheek-front-right, #configurator.o-fascia-metal-black.b5.b5.o-cheek-left-type-black #cheek-front-left, #configurator.o-fascia-metal-black.b5.b5.o-cheek-left-type-spruce #cheek-front-left, #configurator.o-fascia-metal-black.b5.b5.o-cheek-right-type-black #cheek-front-right, #configurator.o-fascia-metal-black.b5.b5.o-cheek-right-type-spruce #cheek-front-right, #configurator.o-fascia-metal-black.b5.b5.o-cheek-left-type-honey #cheek-front-left, #configurator.o-fascia-metal-black.b5.b5.o-cheek-right-type-honey #cheek-front-right, #configurator.o-fascia-metal-black.b5.b5.o-cheek-left-type-cedar #cheek-front-left, #configurator.o-fascia-metal-black.b5.b5.o-cheek-right-type-cedar #cheek-front-right, #configurator.o-fascia-metal-black.b5.b5.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.b5.b5.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.o-fascia-metal-black.o-fascia-metal-black.o-cheek-left-type-contemporary #cheek-front-left, #configurator.o-fascia-metal-black.o-fascia-metal-black.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.o-d-composite-black.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-composite-black.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-composite-black.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-composite-black.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-composite-black.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-composite-black.o-cheek-right-type-composite-cedar #cheek-front-right, #configurator.o-d-none.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-none.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-none.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-none.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-none.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-none.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-d-spruce.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-spruce.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-spruce.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-spruce.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-spruce.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-spruce.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-d-honey.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-honey.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-honey.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-honey.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-honey.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-honey.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-d-cedar.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-cedar.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-cedar.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-cedar.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-cedar.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-cedar.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-d-composite.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.o-d-composite.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.o-d-composite.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.o-d-composite.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.o-d-composite.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.o-d-composite.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.g2.o-cheek-left-tgo2 #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-tgo2 #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-composite-grey #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-composite-grey #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-composite-oak #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-composite-oak #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-composite-cedar #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-composite-cedar #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-left-type-cedar-slatted #side-front ul.base li.left-cheek, #configurator.den.o-cheek-left-type-cedar-slatted #side-front ul.base li.left-cheek, #configurator.g2.o-cheek-right-tgo2 #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-tgo2 #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-composite-grey #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-composite-grey #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-composite-oak #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-composite-oak #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-composite-cedar #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-composite-cedar #side-front ul.base li.right-cheek, #configurator.g2.o-cheek-right-type-cedar-slatted #side-front ul.base li.right-cheek, #configurator.den.o-cheek-right-type-cedar-slatted #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-left-tgo2 #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-composite-grey #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-composite-oak #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-composite-cedar #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-left-type-cedar-slatted #side-front ul.base li.left-cheek, #configurator.x1.o-cheek-right-tgo2 #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-composite-grey #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-composite-oak #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-composite-cedar #side-front ul.base li.right-cheek, #configurator.x1.o-cheek-right-type-cedar-slatted #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-left-tgo3 #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-composite-grey #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-composite-oak #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-composite-cedar #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.g3.o-cheek-right-tgo3 #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-composite-grey #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-composite-oak #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-composite-cedar #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.g3.o-cheek-right-type-cedar-slatted #side-front ul.base li.right-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-black #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.g2.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.den.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.g2.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.den.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.g2.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.den.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.g2.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.den.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.g2.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.den.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.g2.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.den.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.x1.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.x1.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.x1.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.x1.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.x1.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.x1.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-contemporary #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-black #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-composite-grey #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-composite-oak #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-left-type-composite-cedar #side-front ul.base li.left-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-contemporary #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-composite-grey #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-composite-oak #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-composite-cedar #side-front ul.base li.right-cheek, #configurator.g3.o-d-composite-black.cheek-right-type-cedar-slatted #side-front ul.base li.right-cheek, #configurator.g5.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.g5.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.g5.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.g5.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.g5.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.g5.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek, #configurator.b5.o-d-composite-black.cheek-left-type-spruce #side-front ul.base li.left-cheek, #configurator.b5.o-d-composite-black.cheek-left-type-honey #side-front ul.base li.left-cheek, #configurator.b5.o-d-composite-black.cheek-left-type-cedar #side-front ul.base li.left-cheek, #configurator.b5.o-d-composite-black.cheek-right-type-spruce #side-front ul.base li.right-cheek, #configurator.b5.o-d-composite-black.cheek-right-type-honey #side-front ul.base li.right-cheek, #configurator.b5.o-d-composite-black.cheek-right-type-cedar #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator #cheek-front-right, #configurator.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 6px;
}
#configurator.g4 #cheek-front-right, #configurator.g4.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.g4.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.g4.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.g4.o-cheek-right-type-black #side-front ul li.right-cheek {
width: 10px;
}
#configurator.o-cheek-right-tgo2 #cheek-front-right, #configurator.o-cheek-right-tgo3 #cheek-front-right, #configurator.o-cheek-right-tgo2 #side-front ul li.right-cheek, #configurator.o-cheek-right-tgo3 #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-black #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-black #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-composite-grey #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-composite-grey #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-composite-oak #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-composite-oak #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-composite-cedar #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-composite-cedar #side-front ul li.right-cheek, #configurator.g2.o-cheek-right-type-cedar-slatted #side-front ul li.right-cheek, #configurator.den.o-cheek-right-type-cedar-slatted #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-black #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-composite-grey #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-composite-oak #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-composite-cedar #side-front ul li.right-cheek, #configurator.x1.o-cheek-right-type-cedar-slatted #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-black #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-spruce #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-cedar #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-honey #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-cedar-slatted #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-composite-grey #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-composite-oak #side-front ul li.right-cheek, #configurator.g3.o-cheek-right-type-composite-cedar #side-front ul li.right-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-right-type-black #side-front ul li.right-cheek, #configurator.g3.o-d-size-extended-900mm.o-cheek-left-type-black #side-front ul li.left-cheek {
width: 10px;
}
#configurator.g5.o-cheek-right-type-black #side-front ul li.right-cheek {
width: 10px;
}
#configurator.g5.o-cheek-left-type-black #side-front ul.base li.right-corner, #configurator.g5.o-cheek-right-type-black #side-front ul.base li.left-corner, #configurator.g5.o-e-pack-natural.black #side-front ul.base li.right-corner, #configurator.g5.o-e-pack-natural.black #side-front ul.base li.left-corner {
background-image: url(../../images/configurator.4506/panels-transparent-black-no-handles.png) !important;
background-position: -8763px 100%;
}
#configurator.g5.o-e-pack-graphite.o-cheek-left-type-black #side-front ul.base li.right-corner, #configurator.g5.o-e-pack-graphite.o-cheek-right-type-black #side-front ul.base li.left-corner, #configurator.g5.o-e-pack-natural.graphite #side-front ul.base li.right-corner, #configurator.g5.o-e-pack-natural.graphite #side-front ul.base li.left-corner {
background-image: url(../../images/configurator.4506/panels-transparent-graphite-no-handles.png) !important;
background-position: -8763px 100%;
}
#configurator.g5:not(.o-cheek-right-type-none) #side-front ul.base li.right-cheek {
opacity: 0;
}
#configurator.b5.o-cheek-right-type-black #side-front ul li.right-cheek {
width: 10px;
}
#configurator.b5.o-cheek-left-type-black #side-front ul.base li.right-corner, #configurator.b5.o-cheek-right-type-black #side-front ul.base li.left-corner, #configurator.b5.o-e-pack-natural.black #side-front ul.base li.right-corner, #configurator.b5.o-e-pack-natural.black #side-front ul.base li.left-corner {
background-image: url(../../images/configurator.4506/panels-transparent-black-no-handles.png) !important;
background-position: -8763px 100%;
}
#configurator.b5.o-e-pack-graphite.o-cheek-left-type-black #side-front ul.base li.right-corner, #configurator.b5.o-e-pack-graphite.o-cheek-right-type-black #side-front ul.base li.left-corner, #configurator.b5.o-e-pack-natural.graphite #side-front ul.base li.right-corner, #configurator.b5.o-e-pack-natural.graphite #side-front ul.base li.left-corner {
background-image: url(../../images/configurator.4506/panels-transparent-graphite-no-handles.png) !important;
background-position: -8763px 100%;
}
#configurator.b5:not(.o-cheek-right-type-none) #side-front ul.base li.right-cheek {
opacity: 0;
}
#configurator.o-cheek-right-tgo2 #side-front ul.base li.right-cheek, #configurator.o-cheek-right-tgo3 #side-front ul.base li.right-cheek, #configurator.g5.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.b5.o-cheek-right-type-black #side-front ul.base li.right-cheek, #configurator.o-cheek-right-type-spruce #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-cheek-right-type-cedar #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-right-type-honey #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
.debug #configurator .side ul.base li.cheek {
background-color: red;
}
#configurator .side ul li.overhang {
width: 0;
}
.debug #configurator .side ul.base li.overhang {
background-color: orange;
}
#configurator #side-left.side ul li.right-cheek,
#configurator #side-right.side ul li.left-cheek {
width: 30px;
}
#configurator.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-cheek-left-type-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-cedar-natural-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.o-c-composite-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-vox-black.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-black.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-black.png");
}
#configurator.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-fireboard-white-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.o-c-composite-grey-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-grey.png");
}
#configurator.o-c-composite-wood-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-oak.png");
}
#configurator.o-c-composite-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-cedar.png");
}
#configurator.o-c-honey-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-honey-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-honey-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-honey.png");
}
#configurator.o-d-size-extended-900mm.o-c-honey-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-honey-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-honey-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-honey-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-honey.png");
}
#configurator.o-c-redwood-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-spruce-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-spruce-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-spruce.png");
}
#configurator.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-spruce.png");
}
#configurator.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-position: 0 0;
}
#configurator.o-c-redwood-slatted-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-redwood-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-redwood-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-right.o-cheek-right-type-redwood-slatted #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-redwood-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-redwood-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-redwood-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-spruce-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-spruce-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-spruce-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-spruce-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-spruce-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-spruce-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-spruce-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-spruce-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-spruce-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-spruce-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-spruce-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-spruce-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek, #configurator.o-c-spruce-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-honey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-honey-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-natual-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-cedar-natural-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-premium-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-cedar-slatted-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-redwood-slatted-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-redwood-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-redwood-slatted-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-redwood-slatted-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-honey-slatted-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-honey-slatted-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-honey-slatted-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek, #configurator.o-c-honey-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-spruce-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.o-c-honey-slatted-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-honey-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-honey-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-honey-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-honey-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-honey-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-honey-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-honey-slatted-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-honey-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-honey-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-honey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-honey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-honey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-honey-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-honey-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-honey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-honey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-honey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-honey-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-honey-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-honey-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-honey-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.o-c-composite-slatted-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.o-c-composite-slatted-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.o-c-composite-slatted-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-slatted-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.o-c-composite-slatted-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.o-c-composite-slatted-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.o-c-cedar-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-cedar-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-cedar-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-cedar-premium-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-cedar-premium-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-cedar-premium-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-cedar-premium-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-cedar-premium-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-cedar-premium-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-cedar-premium-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-slatted-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-cedar-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-cedar-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-cedar-slatted-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-cedar-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-cedar-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-cedar-slatted-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-cedar-natural-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-cedar-natural-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-cedar-natural-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-cedar-natural-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-cedar-natural-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-cedar-natural-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-c-cedar-slatted-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-cedar-natural-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-premium-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-c-cedar-natural-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-cedar-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-hyperion-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-hyperion-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-hyperion-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-hyperion-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-hyperion-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-hyperion-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-vox-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-vox-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-vox-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-vox-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-vox-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-vox-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-wood-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-wood-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-wood-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.o-c-composite-cedar-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-cedar-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-cedar-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.o-c-composite-grey-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-composite-grey-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-composite-grey-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-fireproof-cement-board-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-fireproof-cement-board-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-fireproof-cement-board-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-fireproof-cement-board-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-fireproof-cement-board-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-fireproof-cement-board-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-leftt-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-right.o-cheek-right-tgo2 #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-tgo3 #side-right ul.base li.left-cheek, #configurator.g5.o-c-fireboard-white-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.b5.o-c-fireboard-white-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.g3.o-c-fireboard-white-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-tgo2 #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-tgo3 #side-left ul.base li.right-cheek, #configurator.g5.o-c-fireboard-white-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.b5.o-c-fireboard-white-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.g3.o-c-fireboard-white-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-white-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-white-left.o-cheek-left-type-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-black #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-black #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.o-c-fireboard-white-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-fireboard-white-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-fireboard-white-right.o-cheek-right-type-composite #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-composite #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-fireboard-white-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.o-c-standing-seam-grey-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-spruce #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-spruce #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-honey #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-honey #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-cedar #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-cedar #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-black #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-black #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-vox-black #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-vox-black #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-vox-black #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-vox-black #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-grey #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-grey #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-redwood-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-redwood-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-redwood-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-redwood-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-honey-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-honey-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-honey-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-honey-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-grey-left.o-cheek-left-type-contemporary #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-grey-right.o-cheek-right-type-contemporary #side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-standing-seam-grey.jpg?20260521203846");
}
#configurator.o-c-standing-seam-black-left.o-cheek-left-type-spruce #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-spruce #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-spruce #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-spruce #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-honey #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-honey #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-honey #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-honey #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-cedar #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-cedar #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-cedar #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-cedar #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-vox-black #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-vox-black #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-vox-black #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-vox-black #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-black #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-black #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-oak #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-oak #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-cedar-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-cedar-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-redwood-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-redwood-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-redwood-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-redwood-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-honey-slatted #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-honey-slatted #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-honey-slatted #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-honey-slatted #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-cheek, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-cheek, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-composite-cedar #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-composite-cedar #side-right ul.base li.left-corner, #configurator.o-c-standing-seam-black-left.o-cheek-left-type-contemporary #side-left ul.base li.right-corner, #configurator.o-c-standing-seam-black-right.o-cheek-right-type-contemporary #side-right ul.base li.left-corner {
background-image: url("../../images/configurator.4506/cladding-standing-seam-black.jpg?20260521203846");
}
#configurator #side-left.side ul li.right-cheek,
#configurator #side-right.side ul li.left-cheek {
width: 20px;
}
#configurator.roof-style-apex #side-left.side ul li.right-cheek, #configurator.roof-style-apex #side-right.side ul li.left-cheek {
width: 0px;
}
#configurator.g1.o-cheek-left-size-100 #side-left.side ul li.right-cheek, #configurator.g1.o-cheek-right-size-100 #side-right.side ul li.left-cheek {
width: 20px;
}
#configurator.g1.o-cheek-left-size-400 #side-left.side ul li.right-cheek, #configurator.g1.o-cheek-right-size-400 #side-right.side ul li.left-cheek {
width: 52px;
}
#configurator.g2 #side-left.side ul li.right-cheek, #configurator.den #side-left.side ul li.right-cheek, #configurator.g2 #side-right.side ul li.left-cheek, #configurator.den #side-right.side ul li.left-cheek, #configurator.g2 #side-left.side ul li.right-cheek, #configurator.den #side-left.side ul li.right-cheek, #configurator.g2 #side-right.side ul li.left-cheek, #configurator.den #side-right.side ul li.left-cheek, #configurator.ta1 #side-left.side ul li.right-cheek, #configurator.ta1 #side-right.side ul li.left-cheek, #configurator.edge #side-left.side ul li.right-cheek, #configurator.edge #side-right.side ul li.left-cheek {
width: 10px;
}
#configurator.x1 #side-left.side ul li.right-cheek, #configurator.x1 #side-right.side ul li.left-cheek, #configurator.x1 #side-left.side ul li.right-cheek, #configurator.x1 #side-right.side ul li.left-cheek, #configurator.tp #side-left.side ul li.right-cheek, #configurator.tp #side-right.side ul li.left-cheek {
width: 0;
}
#configurator.basebox-derived #side-left.side ul li.right-cheek, #configurator.basebox-derived #side-right.side ul li.left-cheek {
width: 28px;
}
#configurator.basebox-derived.basebox-basic #side-left.side ul li.right-cheek, #configurator.basebox-derived.basebox-basic #side-right.side ul li.left-cheek {
width: 13px;
}
#configurator.basebox-derived.b2 #side-left.side ul li.right-cheek, #configurator.basebox-derived.b2 #side-right.side ul li.left-cheek {
width: 3px;
}
#configurator.basebox-derived.o-cheek-left-type-basebox-grey #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-cheek-right-type-basebox-grey #side-right ul.base li.left-cheek, #configurator.basebox-derived.o-cheek-left-type-basebox-grey #cheek-inner-left, #configurator.basebox-derived.o-cheek-right-type-basebox-grey #cheek-inner-right {
background-image: url("../../images/configurator.4506/basebox-cheek-grey.png");
}
#configurator.b-series-derived.o-cheek-left-type-basebox-grey #side-left ul.base li.right-cheek, #configurator.b-series-derived.o-cheek-right-type-basebox-grey #side-right ul.base li.left-cheek, #configurator.b-series-derived.o-cheek-left-type-basebox-grey #cheek-inner-left, #configurator.b-series-derived.o-cheek-right-type-basebox-grey #cheek-inner-right {
background-image: url("../../images/configurator.4506/basebox-cheek-300-grey.png");
}
#configurator.basebox-derived.o-cheek-left-type-black #cheek-inner-left, #configurator.basebox-derived.o-cheek-right-type-black #cheek-inner-right {
background-image: url("../../images/configurator.4506/basebox-cheek-black.png");
}
#configurator.basebox-derived.o-cheek-left-type-black.o-c-basebox-standard-front.o-paint-pack-primed #side-left ul.base li.right-cheek, #configurator.basebox-derived.o-cheek-right-type-black.o-c-basebox-standard-front.o-paint-pack-primed #side-right ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-paint-pack-primed.jpg");
background-position-x: 2px;
}
#configurator.basebox-derived.o-cheek-left-type-basebox-grey #cheek-front-left, #configurator.basebox-derived.o-cheek-right-type-basebox-grey #cheek-front-right {
width: 10px;
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png");
}
#configurator.g3 #side-left.side ul li.right-cheek, #configurator.g3 #side-right.side ul li.left-cheek, #configurator.g5 #side-left.side ul li.right-cheek, #configurator.g5 #side-right.side ul li.left-cheek, #configurator.b5 #side-left.side ul li.right-cheek, #configurator.b5 #side-right.side ul li.left-cheek, #configurator.g3 #side-left.side ul li.right-cheek, #configurator.g3 #side-right.side ul li.left-cheek {
width: 30px;
}
#configurator.g4 #side-left.side ul li.right-cheek, #configurator.g4 #side-right.side ul li.left-cheek {
width: 40px;
}
#configurator.o-c-redwood-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-redwood-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-redwood-slatted.png");
}
#configurator.o-c-honey-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-honey-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey-slatted.png");
}
#configurator.o-c-spruce-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-spruce-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-spruce.png");
}
#configurator.g4.o-c-spruce-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-spruce-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-spruce-pinnacle.png");
}
#configurator.g4.o-c-redwood-slatted-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-redwood-slatted-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cheek-redwood-slatted-pinnacle.png");
}
#configurator.o-c-honey-right:not(.o-cheek-right-type-none):not(.o-cheek-right-type-contemporary) #side-right ul.base li.left-cheek, #configurator.o-c-honey-left:not(.o-cheek-left-type-none):not(.o-cheek-left-type-contemporary) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-honey.png");
}
#configurator.g4.o-c-honey-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-honey-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-honey-pinnacle.png");
}
#configurator.g4.o-c-honey-slatted-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-honey-slatted-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cheek-honey-slatted-pinnacle.png");
}
#configurator.g4.o-c-composite-grey-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-grey-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-grey-pinnacle.png");
}
#configurator.g4.o-c-composite-vox-black-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-vox-black-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.g4.o-c-composite-wood-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-wood-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-oak-pinnacle.png");
}
#configurator.g4.o-c-cedar-slatted-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-slatted-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-slatted-pinnacle.png");
}
#configurator.g4.o-c-composite-cedar-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-cedar-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-cedar-pinnacle.png");
}
#configurator.g4.o-c-cedar-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-pinnacle.png");
}
#configurator.g4.o-c-standing-seam-grey-right:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4.o-c-standing-seam-grey-left:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-standing-seam-grey-pinnacle.png");
}
#configurator.g4:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek, #configurator.g4:not(.o-cheek-left-type-none) #side-left ul.base li.right-cheek {
background-position: 100% 0;
}
#configurator.g4:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek, #configurator.g4:not(.o-cheek-right-type-none) #side-right ul.base li.left-cheek {
background-position: 0 0;
}
#configurator.o-c-cedar-natural-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-natural.jpg");
}
#configurator.o-c-cedar-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-slatted.png");
}
#configurator.o-c-cedar-premium-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar-premium.jpg");
}
#configurator.o-c-cedar-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-cedar-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.g4.o-c-cedar-natural-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-natural-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-natural-pinnacle.png");
}
#configurator.g4.o-c-cedar-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-slatted-pinnacle.png");
}
#configurator.g4.o-c-cedar-premium-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-premium-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-premium-pinnacle.png");
}
#configurator.g4.o-c-cedar-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-cedar-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-pinnacle.png");
}
#configurator.o-c-cedar-natural-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-natural-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-premium-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-premium-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.o-c-composite-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.g4.o-c-composite-slatted-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-slatted-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.o-c-composite-slatted-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-slatted-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-hyperion-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.o-c-composite-vox-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.g4.o-c-composite-hyperion-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-hyperion-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.g4.o-c-composite-vox-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-vox-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-fireproof-cement-board-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.g4.o-c-fireproof-cement-board-black-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-fireproof-cement-board-black-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.o-c-fireboard-white-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.g4.o-c-fireboard-white-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-fireboard-white-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-white-pinnacle.png");
}
#configurator.o-c-fireboard-white-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-fireboard-white-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.o-c-composite-grey-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.g4.o-c-composite-grey-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-grey-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-grey-pinnacle.png");
}
#configurator.o-c-composite-grey-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-grey.png");
}
#configurator.o-c-composite-wood-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.g4.o-c-composite-wood-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-wood-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-oak-pinnacle.png");
}
#configurator.o-c-composite-wood-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-oak.png");
}
#configurator.o-c-composite-cedar-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.g4.o-c-composite-cedar-right.o-cheeks-forced #side-right ul.base li.left-cheek, #configurator.g4.o-c-composite-cedar-left.o-cheeks-forced #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-cedar-pinnacle.png");
}
#configurator.o-c-composite-cedar-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-composite-cedar.png");
}
#configurator.o-c-spruce-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-spruce-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-composite-spruce.png");
}
#configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-spruce.png");
}
#configurator.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-position: 0 0;
}
#configurator.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-composite-vox-black-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-vox-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-composite-wood-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-wood-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-composite-cedar-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-cedar-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-c-composite-grey-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-c-composite-grey-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-e-hood-interior-composite-oak.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-e-hood-interior-composite-oak.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-e-hood-interior-composite-cedar.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-e-hood-interior-composite-cedar.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-e-hood-interior-composite-grey.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-e-hood-interior-composite-grey.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-oak.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-oak.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-cedar.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-cedar.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-grey.o-cheek-right-type-contemporary.o-cheek-right-type-contemporary #side-right ul.base li.left-cheek, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-grey.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #side-left ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator #side-left.side ul li.right-overhang,
#configurator #side-right.side ul li.left-overhang {
/* front */
width: 8px;
}
#configurator #side-left.side ul li.left-overhang,
#configurator #side-right.side ul li.right-overhang {
/* rear */
width: 15px;
}
#configurator #side-left div.guttering,
#configurator #side-right div.guttering {
background-image: url("../../images/configurator.4506/gutter.png?20260521203846");
background-position: 0 14px;
background-repeat: no-repeat;
width: 10px !important;
}
#configurator.roof-style-apex #side-left div.guttering, #configurator.roof-style-apex #side-right div.guttering {
opacity: 0;
}
#configurator.basebox-derived #side-left div.guttering, #configurator.basebox-derived #side-right div.guttering {
background-image: url("../../images/configurator.4506/gutter.png?20260521203846");
background-position: 0 16px;
/* stop the guttering being above the roof for BaseBox buildings */
background-repeat: no-repeat;
width: 10px !important;
}
#configurator #viewer #side-left div.guttering,
#configurator #viewer #side-right div.guttering,
#configurator #summary #side-left div.guttering,
#configurator #summary #side-right div.guttering, #configurator.ta2 #side-left div.guttering, #configurator.ta2 #side-right div.guttering, #configurator.hide #side-left div.guttering, #configurator.hide #side-right div.guttering, #configurator.gsp #side-left div.guttering, #configurator.gsp #side-right div.guttering, #configurator.pw #side-left div.guttering, #configurator.pw #side-right div.guttering, #configurator.gw #side-left div.guttering, #configurator.gw #side-right div.guttering, #configurator.gs #side-left div.guttering, #configurator.gs #side-right div.guttering {
opacity: 0;
}
#configurator #side-front.side ul li.left-overhang,
#configurator #side-front.side ul li.right-overhang,
#configurator #side-rear.side ul li.left-overhang,
#configurator #side-rear.side ul li.right-overhang,
#configurator #side-rear-canopy.side ul li.left-overhang,
#configurator #side-rear-canopy.side ul li.right-overhang {
width: 18px;
}
#configurator .side ul li.remove {
width: 160px !important;
color: transparent;
}
#configurator.graphite .side ul.base li.corner.corner-window-door, #configurator.graphite .side ul.base li.slot.fake, #configurator.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846") !important;
}
#configurator.black .side ul.base li.corner.corner-window-door, #configurator.black .side ul.base li.slot.fake, #configurator.black .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846") !important;
}
#configurator.graphite.tp .side ul.base li.corner {
background-position: -8763px 100%;
}
#configurator.graphite.basebox-derived .side ul.base li.corner {
background-position: -8763px 100%;
}
#configurator.graphite.tp .side ul.base li.corner, #configurator.graphite.basebox-derived .side ul.base li.corner, #configurator.graphite.g1.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.graphite.g1.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.graphite.g1 .side#side-rear ul.base li.left-corner, #configurator.graphite.g1 .side#side-rear ul.base li.right-corner, #configurator.graphite.g1 .side#side-left ul.base li.left-corner, #configurator.graphite.g1.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.graphite.g1.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.graphite.g1 .side#side-right ul.base li.right-corner, #configurator.graphite.ta2 .side ul.base li.corner, #configurator.graphite.hide .side ul.base li.corner, #configurator.graphite.gsp .side ul.base li.corner, #configurator.graphite.g2.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.graphite.den.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.graphite.g2.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.graphite.den.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.graphite.g2 .side#side-rear ul.base li.left-corner, #configurator.graphite.den .side#side-rear ul.base li.left-corner, #configurator.graphite.g2 .side#side-rear ul.base li.right-corner, #configurator.graphite.den .side#side-rear ul.base li.right-corner, #configurator.graphite.g2 .side#side-left ul.base li.left-corner, #configurator.graphite.den .side#side-left ul.base li.left-corner, #configurator.graphite.g2.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.graphite.den.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.graphite.g2.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.graphite.den.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.graphite.g2 .side#side-right ul.base li.right-corner, #configurator.graphite.den .side#side-right ul.base li.right-corner, #configurator.graphite.g3 .side ul.base li.corner, #configurator.graphite.g5 .side ul.base li.corner, #configurator.graphite.b5 .side ul.base li.corner {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.black.g1.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.black.g1.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.black.g1 .side#side-rear ul.base li.left-corner, #configurator.black.g1 .side#side-rear ul.base li.right-corner, #configurator.black.g1 .side#side-left ul.base li.left-corner, #configurator.black.g1.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.black.g1.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.black.g1 .side#side-right ul.base li.right-corner, #configurator.black.ta2 .side ul.base li.corner, #configurator.black.hide .side ul.base li.corner, #configurator.black.gsp .side ul.base li.corner, #configurator.black.g2.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.black.den.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.black.g2.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.black.den.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.black.g2 .side#side-rear ul.base li.left-corner, #configurator.black.den .side#side-rear ul.base li.left-corner, #configurator.black.g2 .side#side-rear ul.base li.right-corner, #configurator.black.den .side#side-rear ul.base li.right-corner, #configurator.black.g2 .side#side-left ul.base li.left-corner, #configurator.black.den .side#side-left ul.base li.left-corner, #configurator.black.g2.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.black.den.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.black.g2.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.black.den.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.black.g2 .side#side-right ul.base li.right-corner, #configurator.black.den .side#side-right ul.base li.right-corner, #configurator.x1.o-cheek-left-type-none #side-front ul.base li.left-corner, #configurator.x1.o-cheek-right-type-none #side-front ul.base li.right-corner, #configurator.x1 .side#side-rear ul.base li.left-corner, #configurator.x1 .side#side-rear ul.base li.right-corner, #configurator.x1 .side#side-left ul.base li.left-corner, #configurator.x1.o-cheek-left-type-none .side#side-left ul.base li.right-corner, #configurator.x1.o-cheek-right-type-none .side#side-right ul.base li.left-corner, #configurator.x1 .side#side-right ul.base li.right-corner, #configurator.black.g3 .side ul.base li.corner, #configurator.black.g5 .side ul.base li.corner, #configurator.black.b5 .side ul.base li.corner {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.g1 ul.base li.left-corner, #configurator.ta2 ul.base li.left-corner, #configurator.hide ul.base li.left-corner, #configurator.gsp ul.base li.left-corner, #configurator.g2 ul.base li.left-corner, #configurator.den ul.base li.left-corner, #configurator.x1 ul.base li.left-corner, #configurator.g3 ul.base li.left-corner, #configurator.g5 ul.base li.left-corner, #configurator.b5 ul.base li.left-corner {
background-position: -8790px 100%;
}
#configurator.g3.o-d-size-extended-900mm #side-left ul.base li.left-corner, #configurator.g3.o-d-size-extended-900mm #side-right ul.base li.right-corner {
background-position: -8788px 100%;
}
#configurator.g1 ul.base li.right-corner, #configurator.ta2 ul.base li.right-corner, #configurator.hide ul.base li.right-corner, #configurator.gsp ul.base li.right-corner, #configurator.g2 ul.base li.right-corner, #configurator.den ul.base li.right-corner, #configurator.x1 ul.base li.right-corner, #configurator.g3 ul.base li.right-corner #configurator.g5 ul.base li.right-corner, #configurator.b5 ul.base li.right-corner {
background-position: -8760px 100%;
}
#configurator.g1.has-canopy-left #side-rear ul.base li.right-corner, #configurator.g1.has-canopy-right #side-rear ul.base li.left-corner {
background-image: none !important;
}
#configurator.o-c-aluminium-bronze-left .side#side-left ul.base li.left-corner, #configurator.o-c-aluminium-bronze-left .side#side-left ul.base li.right-corner, #configurator.o-c-aluminium-bronze-front .side#side-front ul.base li.left-corner, #configurator.o-c-aluminium-bronze-front .side#side-front ul.base li.right-corner, #configurator.o-c-aluminium-bronze-right .side#side-right ul.base li.left-corner, #configurator.o-c-aluminium-bronze-right .side#side-right ul.base li.right-corner, #configurator.o-c-aluminium-bronze-rear .side#side-rear ul.base li.left-corner, #configurator.o-c-aluminium-bronze-rear .side#side-rear ul.base li.right-corner {
background-image: url("../../images/configurator.4506/x1_trims_copper.png?20260521203846");
background-repeat: repeat-y;
}
#configurator.o-c-aluminium-charcoal-left .side#side-left ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-left .side#side-left ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-front .side#side-front ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-front .side#side-front ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-right .side#side-right ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-right .side#side-right ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-rear .side#side-rear ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-rear .side#side-rear ul.base li.right-corner {
background-image: url("../../images/configurator.4506/x1_trims_black.png?20260521203846");
background-repeat: repeat-y;
}
#configurator.o-c-aluminium-bronze-left ul.base li.left-corner, #configurator.o-c-aluminium-bronze-front ul.base li.left-corner, #configurator.o-c-aluminium-bronze-right ul.base li.left-corner, #configurator.o-c-aluminium-bronze-rear ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-left ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-front ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-right ul.base li.left-corner, #configurator.o-c-aluminium-charcoal-rear ul.base li.left-corner {
background-position: -61px 100%;
}
#configurator.o-c-aluminium-bronze-left ul.base li.right-corner, #configurator.o-c-aluminium-bronze-front ul.base li.right-corner, #configurator.o-c-aluminium-bronze-right ul.base li.right-corner, #configurator.o-c-aluminium-bronze-rear ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-left ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-front ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-right ul.base li.right-corner, #configurator.o-c-aluminium-charcoal-rear ul.base li.right-corner {
background-position: -33px 100%;
}
#configurator .side ul li.remove.fake-hover,
#configurator .side ul li.remove.hover {
/* background-color: #efefef; */
color: red;
background-image: url("../../images/configurator.4506/trashcan_delete.png?20260521203846");
background-repeat: no-repeat;
background-position: 50% 50%;
}
#configurator .side .slot:hover,
#configurator .side .slot.hover {
/*background-color: #efefef;*/
}
#configurator #sides.dragging-wall .side.wall-container ul.overlay li {
border-bottom-color: red;
}
#configurator #sides.dragging-wall .side.wall-container ul.overlay li.slot {
border-bottom: 5px solid red;
}
#configurator #sides.dragging-wall .side.wall-container ul.overlay li.dropzone,
#configurator #sides.dragging-wall .side.wall-container ul.overlay li.fake-dropzone {
border-bottom-color: green;
}
#configurator #sides.dragging-roof .side.roof-container ul li.slot {
background-color: red;
opacity: 0.1;
}
#configurator #sides.dragging-roof .side.roof-container ul li.dropzone,
#configurator #sides.dragging-roof .side.roof-container ul li.fake-dropzone {
background-color: green;
opacity: 0.1;
}
#configurator #sides .side ul {
list-style: none;
background-color: transparent;
}
#configurator .style-chooser .hover {
background-color: #edba03;
}
#configurator .style-chooser .style {
border-radius: 0;
border: 1px solid silver;
position: relative;
height: 128px;
}
#configurator .style-chooser .style .overview {
margin-top: 20px;
}
#configurator .style-chooser .style h2 {
margin-bottom: 10px;
margin-top: 0;
text-align: left;
}
#configurator .style-chooser .style img {
padding: 1px;
margin-right: 10px;
}
#configurator .style-chooser .style img.photo {
margin-top: 0;
margin-bottom: 3px;
}
#configurator .style-chooser .style div.style-name {
display: inline-block;
width: 150px;
text-align: left;
vertical-align: top;
}
#configurator .style-chooser .style .description {
display: inline-block;
width: 560px;
text-align: left;
vertical-align: top;
margin-left: 20px;
}
#configurator .style-chooser .style .description {
line-height: 23px;
}
#configurator .style-chooser .style img.line-drawing {
opacity: 0;
/* no line drawing for the X1, so hide all for now */
border-width: 0;
margin-left: 50px;
vertical-align: bottom;
}
#configurator .style-chooser .style .select {
position: absolute;
top: 47px;
right: 50px;
}
#configurator .style-chooser h1,
#configurator .size-chooser h1 {
border: 1px solid gray;
border-bottom-width: 0;
text-align: left;
padding: 10px 20px 10px 20px;
}
#configurator .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator .style-chooser div.style {
background-color: #ffffff;
}
#configurator .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator .style-chooser div.style.hover p.ui-button {
background-color: #edba03;
}
#configurator .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator.skin-gr .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-gr .style-chooser div.style {
background-color: #ffffff;
}
#configurator.skin-gr .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator.skin-gr .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator.skin-gr .style-chooser div.style.hover p.ui-button {
background-color: #697f6a;
}
#configurator.skin-gr .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-gr .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-gr .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator.skin-gr .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator.skin-tgo .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-tgo .style-chooser div.style {
background-color: #ffffff;
}
#configurator.skin-tgo .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator.skin-tgo .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator.skin-tgo .style-chooser div.style.hover p.ui-button {
background-color: #edba03;
}
#configurator.skin-tgo .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-tgo .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-tgo .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator.skin-tgo .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator.skin-gs .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-gs .style-chooser div.style {
background-color: #ffffff;
}
#configurator.skin-gs .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator.skin-gs .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator.skin-gs .style-chooser div.style.hover p.ui-button {
background-color: #697f6a;
}
#configurator.skin-gs .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-gs .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-gs .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator.skin-gs .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator.skin-pw .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-pw .style-chooser div.style {
background-color: #ffffff;
}
#configurator.skin-pw .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator.skin-pw .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator.skin-pw .style-chooser div.style.hover p.ui-button {
background-color: #edba03;
}
#configurator.skin-pw .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-pw .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-pw .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator.skin-pw .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator.skin-ta .style-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-ta .style-chooser div.style {
background-color: #ffffff;
}
#configurator.skin-ta .style-chooser div.style.hover {
background-color: #f3f3f3;
}
#configurator.skin-ta .style-chooser div.style p.ui-button {
background-color: #c0c0c0;
}
#configurator.skin-ta .style-chooser div.style.hover p.ui-button {
background-color: #465775;
}
#configurator.skin-ta .style-chooser div.style p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-ta .style-chooser div.style.hover p.ui-button span.ui-button-text {
color: #ffffff;
}
#configurator.skin-ta .style-chooser div.style p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_000000_256x240.png");
}
#configurator.skin-ta .style-chooser div.style.hover p.ui-button.ui-state-default span.ui-button-icon-secondary {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
#configurator .size-chooser.ui-button.ui-state-hover {
background-color: #1f2b38;
border: 1px solid #3078aa;
color: white;
}
#configurator .size-chooser.ui-button.ui-state-hover .ui-icon, #configurator .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_e0fdff_256x240.png);
}
#configurator .size-chooser table {
text-align: center;
border-spacing: 0;
border-collapse: collapse;
margin: 0 auto;
border-radius: 0;
color: white;
padding: 55px;
font-size: 16px;
}
#configurator .size-chooser p.size-note,
#configurator .size-chooser p.costco-note {
padding-top: 10px;
color: #434343;
}
#configurator .size-chooser p.costco-note {
text-align: center;
}
#configurator .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator .size-chooser table tr.header,
#configurator .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator .size-chooser table th.w-d-label span.width,
#configurator .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator .size-chooser table td.v.selected a span,
#configurator .size-chooser table td.v a:hover span {
background-color: #edba03;
color: #ffffff;
}
#configurator .size-chooser .style-chooser .change {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gr .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-gr .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator.skin-gr .size-chooser table tr.header, #configurator.skin-gr .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gr div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator.skin-gr div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator.skin-gr div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator.skin-gr .size-chooser table th.w-d-label span.width, #configurator.skin-gr .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator.skin-gr .size-chooser table td.v.selected a span, #configurator.skin-gr .size-chooser table td.v a:hover span {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .size-chooser .style-chooser .change {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-tgo .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-tgo .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator.skin-tgo .size-chooser table tr.header, #configurator.skin-tgo .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-tgo div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator.skin-tgo div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator.skin-tgo div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator.skin-tgo .size-chooser table th.w-d-label span.width, #configurator.skin-tgo .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator.skin-tgo .size-chooser table td.v.selected a span, #configurator.skin-tgo .size-chooser table td.v a:hover span {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .size-chooser .style-chooser .change {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gs .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-gs .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator.skin-gs .size-chooser table tr.header, #configurator.skin-gs .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-gs div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator.skin-gs div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator.skin-gs div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator.skin-gs .size-chooser table th.w-d-label span.width, #configurator.skin-gs .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator.skin-gs .size-chooser table td.v.selected a span, #configurator.skin-gs .size-chooser table td.v a:hover span {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .size-chooser .style-chooser .change {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-pw .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-pw .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator.skin-pw .size-chooser table tr.header, #configurator.skin-pw .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-pw div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator.skin-pw div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator.skin-pw div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator.skin-pw .size-chooser table th.w-d-label span.width, #configurator.skin-pw .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator.skin-pw .size-chooser table td.v.selected a span, #configurator.skin-pw .size-chooser table td.v a:hover span {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .size-chooser .style-chooser .change {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-ta .size-chooser h1 {
border: 1px solid #c0c0c0;
}
#configurator.skin-ta .size-chooser table tr:nth-child(odd) {
background-color: #f3f3f3;
}
#configurator.skin-ta .size-chooser table tr.header, #configurator.skin-ta .size-chooser table tr.data th.header {
background-color: #f3f3f3;
color: #444743;
}
#configurator.skin-ta div.style-size.content-pane table {
border: 1px solid #c0c0c0;
}
#configurator.skin-ta div.style-size.content-pane table tr.header {
border-bottom: 1px solid #c0c0c0;
}
#configurator.skin-ta div.style-size.content-pane table tr th.header {
border-right: 1px solid #c0c0c0;
}
#configurator.skin-ta .size-chooser table th.w-d-label span.width, #configurator.skin-ta .size-chooser table th.w-d-label span.depth {
color: #c0c0c0;
}
#configurator.skin-ta .size-chooser table td.v.selected a span, #configurator.skin-ta .size-chooser table td.v a:hover span {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .size-chooser .style-chooser .change {
background-color: #465775;
color: #ffffff;
}
#configurator .size-chooser table tr.header th,
#configurator .size-chooser table tr.data th.header,
#configurator .size-chooser table tr.data td a span {
width: 52px;
height: 22px;
padding: 15px 7px 15px 7px;
text-align: center;
}
#configurator .size-chooser table tr.header th {
padding: 19px 7px 11px 7px;
}
#configurator .size-chooser table tr.data td a span {
padding: 15px 7px 20px 7px;
}
#configurator .size-chooser table tr.data td a span {
height: 22px;
font-size: 14px;
min-width: 62px;
}
#configurator .size-chooser table th.w-d-label {
position: relative;
background-image: url("../../images/configurator.4506/diagonal-line-tgo.svg?20260521203846");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#configurator .size-chooser table th.w-d-label span.width,
#configurator .size-chooser table th.w-d-label span.depth {
position: absolute;
font-size: 12px;
text-transform: uppercase;
}
#configurator .size-chooser table th.w-d-label span.width {
top: 3px;
right: 3px;
}
#configurator .size-chooser table th.w-d-label span.depth {
bottom: 3px;
left: 3px;
}
#configurator .size-chooser table th {
font-weight: 500;
padding: 2px 10px 2px 10px;
}
#configurator .size-chooser table th.depth {
vertical-align: middle;
}
#configurator .size-chooser table th.depth-headings {
width: 4em;
}
#configurator .size-chooser table td.v {
cursor: pointer;
}
#configurator .size-chooser table td.v a {
display: inline-block;
line-height: 31px;
vertical-align: middle;
outline: none;
padding: 0;
margin-right: 0px;
position: relative;
border-radius: 0;
}
#configurator .size-chooser table td.v a span {
position: relative;
padding: 0 3px 0 3px;
border-radius: 0;
line-height: 31px;
display: inline-block;
height: 31px;
margin: 0 !important;
color: #434343;
}
#configurator .size-chooser table:hover td.v a {
background-position: 0 -587px;
}
#configurator .size-chooser table:hover td.v a span {
background-position: 100% 0px;
}
#configurator .size-chooser table td.v a:hover {
background-position: 0 -618px;
}
#configurator .size-chooser table td.v.selected a span,
#configurator .size-chooser table td.v a:hover span {
text-decoration: none;
}
#configurator .size-chooser table td.v.selected a {
background-image: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding-right: 0px;
margin-right: 0px;
}
#configurator .size-chooser table td.v.selected a span,
#configurator .size-chooser table td.v.selected a:hover span {
background-position: 100% -649px;
background-image: url("../../images/configurator.4506/elements.png?20260521203846");
text-decoration: none;
}
#configurator .size-chooser h1.style-holder {
position: relative;
}
#configurator .size-chooser h1.style-holder .style-chooser {
width: 800px;
display: inline-block;
background-color: white;
color: black;
position: absolute;
top: 0px;
right: 0;
height: 37px;
}
#configurator .size-chooser h1.style-holder .style-chooser span.selected-style {
padding: 11px 10px 11px 10px;
color: black;
display: inline-block;
}
#configurator .size-chooser .style-chooser .change {
display: inline-block;
padding: 11px 25px 11px 25px;
}
#configurator .size-chooser .style-chooser .change .icon {
margin-left: 15px;
}
#configurator .ui-draggable {
cursor: move;
}
#configurator .ui-widget {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
#configurator .ui-button.ui-widget,
#configurator .ui-button.ui-widget-content {
background-image: none;
}
#configurator .ui-button.ui-widget.ui-state-hover,
#configurator .ui-button.ui-widget-content.ui-state-hover {
background-image: none;
}
#configurator .ui-state-default,
#configurator .ui-widget-content .ui-state-default,
#configurator .ui-widget-header .ui-state-default {
border-width: 0;
}
#configurator div.drag-helper {
height: 167px;
padding: 0;
opacity: 1;
}
#configurator.basebox-derived div.drag-helper {
height: 277px;
}
#configurator.height-2800 div.drag-helper {
height: 187px;
}
#configurator div.drag-helper.can-drop {
background-color: green;
}
#configurator div.drag-helper.cannot-drop {
background-color: red;
}
#configurator div.drag-helper div.sprite {
background-repeat: no-repeat;
}
#configurator div.drag-helper div {
opacity: 1;
}
#configurator p.guidance {
position: absolute;
width: 200px;
color: white;
background-color: red;
border-radius: 0;
border: 1px solid silver;
padding: 5px;
text-transform: uppercase;
text-align: center;
font-size: 14px;
display: none;
}
#configurator div.drag-helper.cannot-drop p.guidance {
display: block;
}
#configurator .toolbar h3 {
font-size: 14px;
}
#configurator .toolbar li.panel {
position: relative;
}
#configurator .toolbar li.panel div.preview {
display: none;
position: absolute;
top: -80px;
z-index: 100;
padding: 0;
}
#configurator div.drag-helper div.panel-glazing,
#configurator .toolbar li.panel div.preview div.panel-glazing {
position: absolute;
z-index: -1;
}
#configurator .toolbar li.panel div.preview div.panel {
height: 167px;
/*margin: 0 0 0 20px;*/
margin: 0 0 0 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator.basebox-derived .toolbar li.panel div.preview div.panel {
height: 279px;
}
#configurator.height-2800 .toolbar li.panel div.preview div.panel {
height: 187px;
}
#configurator .toolbar li.panel div.preview div.pricing-info {
background-color: white;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 1px solid #666666;
position: absolute;
top: 167px;
left: 10px;
width: 250px;
}
#configurator.basebox-derived .toolbar li.panel div.preview div.pricing-info {
top: 279px;
}
#configurator.height-2800 .toolbar li.panel div.preview div.pricing-info {
top: 187px;
}
#configurator .toolbar li.panel div.preview div.pricing-info p {
padding: 3px;
}
#configurator .toolbar li.panel div.preview div.pricing-info .price {
float: none;
color: black;
}
#configurator .toolbar li.panel:hover div.preview {
display: block;
}
#configurator .toolbar.hide-preview li.panel:hover div.preview {
display: none;
}
#configurator.graphite div.drag-helper div.sprite {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.black div.drag-helper div.sprite {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.graphite .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.black .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.graphite .toolbar li.corner div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-corner-previews-graphite.png?20260521203846") !important;
}
#configurator.black .toolbar li.corner div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-corner-previews-black.png?20260521203846") !important;
}
#configurator #summary h1,
#configurator #summary h2 {
text-align: center;
}
#configurator #summary table.summary {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
#configurator #summary table.summary th {
vertical-align: top;
}
#configurator #summary table.summary tr td {
padding: 5px 0 5px 0;
text-transform: uppercase;
font-size: 14px;
text-align: left;
}
#configurator #summary table.summary tr.odd {
border: 1px solid #99ccff;
border-width: 1px 0 1px 0;
}
#configurator #summary table.summary .desc {
/* let this column auto fill the rest of the space */
padding-left: 20px;
}
#configurator #summary table.summary .desc.error {
text-align: center;
color: red;
}
#configurator #summary table.summary tr.standard-label td span.ui-icon {
display: inline-block;
vertical-align: middle;
}
#configurator #summary table.summary .desc.group,
#configurator #summary table.summary .desc.standard {
padding-left: 100px;
}
#configurator #summary table.summary tr.standard-label {
cursor: pointer;
}
#configurator #summary table.summary .quantity {
width: 80px;
text-align: center;
}
#configurator #summary table.summary .unit-price,
#configurator #summary table.summary .total-price {
width: 105px;
text-align: center;
}
#configurator #summary table.summary tr.misc-button {
height: 10px;
}
#configurator #summary table.summary tr.misc-extra td span.remove,
#configurator #summary table.summary tr.misc-button td.add-extra span {
display: inline-block;
width: 15px;
height: 15px;
text-align: center;
border: 1px solid black;
padding: 3px;
cursor: pointer;
}
#configurator #summary table.summary tr.misc-button td.add-extra span:hover {
color: green;
border-color: green;
}
#configurator #summary table.summary tr.misc-extra td span.remove:hover {
color: red;
border-color: red;
}
#configurator #summary table.summary tr.misc-button td.add-extra,
#configurator #summary table.summary tr.misc-extra td span.remove {
float: right;
}
#configurator #summary table.summary tr.misc-button input[type=radio] {
width: 20px;
margin: 0;
padding: 0;
}
#configurator #summary table.summary tr.total-price {
line-height: 48px;
vertical-align: middle;
}
#configurator #summary table.summary tr.total-price td {
font-weight: bold;
font-size: 24px;
}
#configurator #summary table.summary tr.total-price td.total-price {
padding-left: 20px;
}
#configurator #summary table.summary tr .desc .free {
font-style: italic;
margin-left: 50px;
}
#configurator #summary table.summary td.total-price-label {
text-align: right;
}
#configurator #summary table.summary tr.footer {
background-color: inherit;
text-align: center;
}
#configurator.tp #delivery-installation div.content {
padding-bottom: 70px;
}
#configurator.basebox-derived #delivery-installation div.content {
padding-bottom: 70px;
}
#configurator .delivery-cost-message {
text-align: right;
font-size: 22px;
margin-top: 10px;
}
#configurator .delivery-cost-message span {
display: inline-block;
}
#configurator .delivery-cost-message .label {
text-transform: uppercase;
font-weight: 400;
}
#configurator .delivery-cost-message .price {
min-width: 65px;
}
#configurator .delivery-cost-message .price.call {
display: block;
}
#configurator .delivery-cost-message .details {
min-width: 150px;
margin-left: 5px;
}
#configurator #installation-package-wrapper {
margin-bottom: 20px;
}
#configurator #installation-package-wrapper h2 {
text-align: left;
font-size: 32px;
margin: 10px 0 10px 0;
}
#configurator select#postcode {
border-radius: 0;
background-color: white;
padding: 3px;
margin: 15px;
}
#configurator #kitchen h3,
#configurator #bathroom h3,
#configurator #interior h3 {
margin: 3px 0 3px 0;
font-weight: normal;
}
#configurator #kitchen ul,
#configurator #bathroom ul,
#configurator #interior ul {
width: 700px;
padding: 0;
list-style: none;
}
#configurator #kitchen h4 .price,
#configurator #bathroom h4 .price,
#configurator #interior h4 .price {
float: right;
}
#configurator #interior h4 .ui-icon,
#configurator #kitchen h4 .ui-icon,
#configurator #bathroom h4 .ui-icon,
#configurator #electrics .ui-icon {
display: inline-block;
vertical-align: middle;
margin-bottom: 4px;
}
#configurator #interior h4 .more,
#configurator #kitchen h4 .more,
#configurator #bathroom h4 .more,
#configurator #electrics h4 .more {
position: relative;
}
#configurator #interior h4 .more .icon,
#configurator #kitchen h4 .more .icon,
#configurator #bathroom h4 .more .icon,
#configurator #electrics h4 .more .icon {
height: 1em;
position: relative;
color: black;
}
#configurator #interior h4 .more .icon:before,
#configurator #kitchen h4 .more .icon:before,
#configurator #bathroom h4 .more .icon:before,
#configurator #electrics h4 .more .icon:before {
height: 1em;
position: relative;
color: black;
}
#configurator #electrics h3 .more {
margin-left: 5px;
font-size: 12px;
}
#configurator #interior h4 .more,
#configurator #kitchen h4 .more,
#configurator #bathroom h4 .more,
#configurator #electrics h4 .more {
font-size: 12px;
margin-left: 5px;
}
#configurator li.subgroup .ui-button.ui-dialog,
#configurator li.subgroup .ui-button.ui-dialog,
#configurator li.subgroup .ui-button.ui-widget,
#configurator li.subgroup .ui-button.ui-widget-content,
#configurator li.subgroup .ui-button.ui-corner-all,
#configurator li.subgroup .ui-button.ui-draggable,
#configurator li.subgroup .ui-button.ui-resizable {
background: #EEEEEE !important;
text-align: left;
}
#configurator .tabs li,
#configurator .ui-corner-all {
border-radius: 0 !important;
}
#configurator li.subgroup .ui-button.ui-state-default {
color: black;
}
#configurator li.subgroup .ui-button.ui-state-hover {
color: #026890;
}
#configurator #electrics ul.option-subgroup {
margin: 5px 5px 5px 5px;
}
#configurator #interior p.current-price,
#configurator #kitchen p.current-price,
#configurator #bathroom p.current-price,
#configurator #electrics p.current-price {
width: 300px;
float: left;
margin-top: 10px;
}
#configurator > .header {
text-align: center;
margin-bottom: 0;
background-repeat: no-repeat;
min-height: 102px;
}
#configurator > .header .style-size {
min-height: 17px;
}
#configurator > .header .current-price {
min-height: 44px;
}
#configurator > .header .info-bar {
max-height: 0;
opacity: 0;
background-color: red;
-webkit-transition: max-height 1s ease-in-out, opacity 1s linear;
-moz-transition: max-height 1s ease-in-out, opacity 1s linear;
transition: max-height 1s ease-in-out, opacity 1s linear;
cursor: pointer;
}
#configurator > .header .info-bar h1,
#configurator > .header .info-bar ol li {
color: white;
}
#configurator.show-info-bar > .header .info-bar {
max-height: 40px;
height: 40px;
line-height: 30px;
opacity: 1;
-webkit-transition: max-height 1s ease-in-out, opacity 1s linear;
-moz-transition: max-height 1s ease-in-out, opacity 1s linear;
transition: max-height 1s ease-in-out, opacity 1s linear;
}
#configurator > .header .info-bar p {
padding: 3px;
color: white;
}
#configurator > .header .info-bar.offline-pending span.icon {
display: inline-block;
width: 25px;
margin-left: 10px;
height: 25px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 25px;
background-image: url("../../images/configurator.4506/upload-cloud.svg?20260521203846");
}
#configurator > .header .info-bar.offline-pending p.pending span.icon {
background-image: url("../../images/configurator.4506/upload-cloud.svg?20260521203846");
}
#configurator > .header .info-bar.offline-pending p.uploading span.icon {
background-image: url("../../images/configurator.4506/transaction-cloud.svg?20260521203846");
}
#configurator > .header .info-bar.offline-pending p.pending span.icon.details, #configurator > .header .info-bar.offline-pending p.uploading span.icon.details {
float: right;
background-image: url("../../images/configurator.4506/upload-details.svg?20260521203846");
}
#configurator .header h1 {
font-size: 36px;
line-height: 45px;
color: #434343;
}
@media screen and (max-width: 1150px) {
#configurator .header h1 {
padding-top: 100px;
}
}
#configurator.no-size-selected .header h1 {
padding-top: 22px;
padding-bottom: 25px;
}
#configurator.no-size-selected ul.tabs li.cp-0, #configurator.no-style-selected .next-prev-bar, #configurator.no-style-selected .header #actionbar .order, #configurator.no-style-selected .header #actionbar .request-quote, #configurator.no-style-selected .header #actionbar .request-brochure, #configurator.no-style-selected .header #actionbar .site-survey, #configurator.no-style-selected ul.tabs.ui-tabs-nav li.action.advanced, #configurator.no-style-selected ul.tabs.ui-tabs-nav li.action.print, #configurator.no-style-selected .header #actionbar .advanced, #configurator.no-style-selected .header #actionbar .print, #configurator.no-size-selected .next-prev-bar, #configurator.no-size-selected .header #actionbar .order, #configurator.no-size-selected .header #actionbar .request-quote, #configurator.no-size-selected .header #actionbar .request-brochure, #configurator.no-size-selected .header #actionbar .site-survey, #configurator.no-size-selected .header #actionbar .advanced, #configurator.no-size-selected .header #actionbar .print {
display: none;
/* can't print a summary if the size has not yet been selected */
}
#configurator #print-header,
#configurator #print-footer {
display: none;
}
#configurator p.postcode-select {
margin: 15px 0 0 0;
text-align: right;
position: absolute;
right: 150px;
top: 480px;
}
#configurator #delivery-installation.zoned p.postcode-select {
right: 115px;
max-height: 38px;
overflow: hidden;
top: 430px;
}
#configurator p.postcode-select input {
text-transform: uppercase;
}
#configurator p.postcode-select select {
font-size: 14px;
}
#configurator p.postcode-select .delivery-cost-summary-button {
display: inline-block;
font-size: 32px;
font-weight: 400;
padding: 5px 25px 5px 25px;
margin: 10px 0 10px 0;
opacity: 0;
text-transform: uppercase;
}
#configurator .dd-option {
font-weight: normal;
}
#configurator #electrics ul,
#configurator #kitchen ul,
#configurator #bathroom ul,
#configurator #interior ul {
list-style: none;
margin: 5px 0 5px 0;
padding: 0;
}
#configurator #electrics div.intro ul,
#configurator #kitchen div.intro ul,
#configurator #bathroom div.intro ul,
#configurator #interior div.intro ul {
display: inline-block;
margin: 10px auto 10px 160px;
}
#configurator #electrics ul.option-subgroup,
#configurator #ikitchen ul.option-subgroup,
#configurator #bathroom ul.option-subgroup,
#configurator #interior ul.option-subgroup {
margin-top: 0;
padding: 0 5px 5px 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #77D5F7;
border-top-width: 0;
}
#configurator #electrics ul li,
#configurator #kitchen ul li,
#configurator #bathroom ul li,
#configurator #interior ul li {
padding: 15px 0 0 25px;
clear: right;
line-height: 25px;
}
#configurator #electrics #use-electric-plan {
display: none;
margin-bottom: 30px;
}
#configurator.electric-plan-enabled.electric-plan-started #electrics #use-electric-plan {
display: block;
}
#configurator.electric-plan-enabled.electric-plan-started #electrics div.options h3.hide-when-electric-plan-started, #configurator.electric-plan-enabled.electric-plan-started #electrics ul.option-group li.hide-when-electric-plan-started {
display: none;
}
#configurator #electrics #use-electric-plan h1 {
color: white;
}
#configurator #electrics #use-electric-plan p {
color: white;
}
#configurator #electrics #use-electric-plan button.view-electric-plan {
background-color: #53334d;
border: 1px solid silver;
color: white;
text-transform: uppercase;
padding: 15px 30px 15px 30px;
margin: 20px;
}
#configurator #electrics .header ul,
#configurator #kitchen .header ul,
#configurator #bathroom .header ul,
#configurator #interior .header ul {
padding: 0;
width: 400px;
margin-left: calc(((100%-400px)/2) - 200px);
}
#configurator #electrics .header ul li,
#configurator #kitchen .header ul li,
#configurator #bathroom .header ul li,
#configurator #interior .header ul li {
padding: 0;
clear: right;
line-height: 25px;
text-align: left;
}
#configurator #electrics ul li:first-child,
#configurator #kitchen ul li:first-child,
#configurator #bathroom ul li:first-child,
#configurator #interior ul li:first-child {
padding-top: 0;
}
#configurator #electrics h3,
#configurator #kitchen h3,
#configurator #bathroom h3,
#configurator #interior h3 {
margin: 10px 0 5px 0;
}
#configurator #electrics .description-content h3,
#configurator #kitchen .description-content h3,
#configurator #bathroom .description-content h3,
#configurator #interior .description-content h3 {
text-align: left;
}
#configurator #electrics ul h4,
#configurator #kitchen ul h4,
#configurator #bathroom ul h4,
#configurator #interior ul h4 {
margin: 5px 0 0 0;
padding: 0px 0 6px 5px;
}
#configurator #electrics div.options,
#configurator #kitchen div.options,
#configurator #bathroom div.options,
#configurator #interior div.options {
margin-left: 350px;
width: 700px;
}
#configurator #electrics div.options h4 .more:hover,
#configurator #kitchen div.options h4 .more:hover,
#configurator #bathroom div.options h4 .more:hover,
#configurator #interior div.options h4 .more:hover {
color: #666666;
}
#configurator #kitchen div.options div.kitchen-selected img,
#configurator #bathroom div.options div.bathroom-selected img {
float: left;
margin-right: 10px;
}
#configurator .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator .tabs li.ui-state-default.ui-tabs-active,
#configurator .tabs li.ui-state-default.ui-state-hover {
background-color: #edba03;
}
#configurator .tabs li.ui-state-default.ui-tabs-active a,
#configurator .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator .tabs li.ui-state-default a {
color: black;
}
#configurator .ui-widget-header,
#configurator .ui-dialog .ui-button,
#configurator .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator ul.tabs li.portal-save {
background-color: #edba03;
color: #ffffff;
}
#configurator ul.tabs li.portal-save:hover {
color: black;
}
#configurator.skin-gr .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-gr .tabs li.ui-state-default.ui-tabs-active, #configurator.skin-gr .tabs li.ui-state-default.ui-state-hover {
background-color: #697f6a;
}
#configurator.skin-gr .tabs li.ui-state-default.ui-tabs-active a, #configurator.skin-gr .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator.skin-gr .tabs li.ui-state-default a {
color: black;
}
#configurator.skin-gr .ui-widget-header, #configurator.skin-gr .ui-dialog .ui-button, #configurator.skin-gr .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-gr ul.tabs li.portal-save {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr ul.tabs li.portal-save:hover {
color: black;
}
#configurator.skin-tgo .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-tgo .tabs li.ui-state-default.ui-tabs-active, #configurator.skin-tgo .tabs li.ui-state-default.ui-state-hover {
background-color: #edba03;
}
#configurator.skin-tgo .tabs li.ui-state-default.ui-tabs-active a, #configurator.skin-tgo .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator.skin-tgo .tabs li.ui-state-default a {
color: black;
}
#configurator.skin-tgo .ui-widget-header, #configurator.skin-tgo .ui-dialog .ui-button, #configurator.skin-tgo .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-tgo ul.tabs li.portal-save {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo ul.tabs li.portal-save:hover {
color: black;
}
#configurator.skin-gs .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-gs .tabs li.ui-state-default.ui-tabs-active, #configurator.skin-gs .tabs li.ui-state-default.ui-state-hover {
background-color: #697f6a;
}
#configurator.skin-gs .tabs li.ui-state-default.ui-tabs-active a, #configurator.skin-gs .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator.skin-gs .tabs li.ui-state-default a {
color: black;
}
#configurator.skin-gs .ui-widget-header, #configurator.skin-gs .ui-dialog .ui-button, #configurator.skin-gs .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-gs ul.tabs li.portal-save {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs ul.tabs li.portal-save:hover {
color: black;
}
#configurator.skin-pw .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-pw .tabs li.ui-state-default.ui-tabs-active, #configurator.skin-pw .tabs li.ui-state-default.ui-state-hover {
background-color: #edba03;
}
#configurator.skin-pw .tabs li.ui-state-default.ui-tabs-active a, #configurator.skin-pw .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator.skin-pw .tabs li.ui-state-default a {
color: black;
}
#configurator.skin-pw .ui-widget-header, #configurator.skin-pw .ui-dialog .ui-button, #configurator.skin-pw .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-pw ul.tabs li.portal-save {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw ul.tabs li.portal-save:hover {
color: black;
}
#configurator.skin-ta .tabs {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-ta .tabs li.ui-state-default.ui-tabs-active, #configurator.skin-ta .tabs li.ui-state-default.ui-state-hover {
background-color: #465775;
}
#configurator.skin-ta .tabs li.ui-state-default.ui-tabs-active a, #configurator.skin-ta .tabs li.ui-state-default.ui-state-hover a {
color: #ffffff;
}
#configurator.skin-ta .tabs li.ui-state-default a {
color: black;
}
#configurator.skin-ta .ui-widget-header, #configurator.skin-ta .ui-dialog .ui-button, #configurator.skin-ta .ui-button {
background-color: #f3f3f3;
color: black;
}
#configurator.skin-ta ul.tabs li.portal-save {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta ul.tabs li.portal-save:hover {
color: black;
}
#configurator .tabs {
position: relative;
border-width: 0;
margin-top: -3px;
padding-top: 0;
height: 42px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator .tabs li {
background-image: none;
border-width: 0px;
background-color: transparent;
text-transform: uppercase;
font-size: 15px;
margin-top: 0px;
padding-top: 5px;
}
#configurator .tabs li.ui-tabs-active,
#configurator .tabs li.ui-state-hover {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator.tab-kitchen ul.tabs.ui-tabs-nav li a, #configurator.tab-bathroom ul.tabs.ui-tabs-nav li a {
padding-left: 10px;
padding-right: 10px;
}
#configurator .tabs li a {
outline: none;
}
#configurator .content-pane .content-pane-content {
position: relative;
}
#configurator .content-pane .content-pane-content .message-background {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #444743;
opacity: 0.95;
text-align: center;
}
#configurator .content-pane .content-pane-content .message-background div {
color: white;
}
#configurator.o-kitchen-none .content-pane.kitchen .content-pane-content .message-background, #configurator.o-bathroom-none .content-pane.bathroom .content-pane-content .message-background {
display: block;
}
#configurator .content-pane.door-sets .header {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0 0 5px 0;
padding: 5px;
text-align: center;
background-image: none;
}
#configurator .content-pane.door-sets .header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gr .content-pane.door-sets .header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-tgo .content-pane.door-sets .header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gs .content-pane.door-sets .header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-pw .content-pane.door-sets .header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-ta .content-pane.door-sets .header {
background-color: #465775;
color: #ffffff;
}
#configurator .content-pane.interior .header,
#configurator .content-pane.kitchen .header,
#configurator .content-pane.bathroom .header,
#configurator .content-pane.electrics .header,
#configurator .content-pane.floor-plan #content-header-bar,
#configurator .content-pane.exterior-options .header {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0 0 5px 0;
padding: 5px;
text-align: center;
font-size: 16px;
background-image: none;
}
#configurator .content-pane.interior .header,
#configurator .content-pane.kitchen .header,
#configurator .content-pane.bathroom .header,
#configurator .content-pane.electrics .header,
#configurator .content-pane.floor-plan #content-header-bar,
#configurator .content-pane.exterior-options .header {
background-color: #edba03;
color: #ffffff;
}
#configurator .content-pane.interior .option-wrapper.header,
#configurator .content-pane.kitchen .option-wrapper.header,
#configurator .content-pane.bathroom .option-wrapper.header,
#configurator .content-pane.electrics .option-wrapper.header,
#configurator .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator.skin-gr .content-pane.interior .header, #configurator.skin-gr .content-pane.kitchen .header, #configurator.skin-gr .content-pane.bathroom .header, #configurator.skin-gr .content-pane.electrics .header, #configurator.skin-gr .content-pane.floor-plan #content-header-bar, #configurator.skin-gr .content-pane.exterior-options .header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .content-pane.interior .option-wrapper.header, #configurator.skin-gr .content-pane.kitchen .option-wrapper.header, #configurator.skin-gr .content-pane.bathroom .option-wrapper.header, #configurator.skin-gr .content-pane.electrics .option-wrapper.header, #configurator.skin-gr .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator.skin-tgo .content-pane.interior .header, #configurator.skin-tgo .content-pane.kitchen .header, #configurator.skin-tgo .content-pane.bathroom .header, #configurator.skin-tgo .content-pane.electrics .header, #configurator.skin-tgo .content-pane.floor-plan #content-header-bar, #configurator.skin-tgo .content-pane.exterior-options .header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .content-pane.interior .option-wrapper.header, #configurator.skin-tgo .content-pane.kitchen .option-wrapper.header, #configurator.skin-tgo .content-pane.bathroom .option-wrapper.header, #configurator.skin-tgo .content-pane.electrics .option-wrapper.header, #configurator.skin-tgo .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator.skin-gs .content-pane.interior .header, #configurator.skin-gs .content-pane.kitchen .header, #configurator.skin-gs .content-pane.bathroom .header, #configurator.skin-gs .content-pane.electrics .header, #configurator.skin-gs .content-pane.floor-plan #content-header-bar, #configurator.skin-gs .content-pane.exterior-options .header {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .content-pane.interior .option-wrapper.header, #configurator.skin-gs .content-pane.kitchen .option-wrapper.header, #configurator.skin-gs .content-pane.bathroom .option-wrapper.header, #configurator.skin-gs .content-pane.electrics .option-wrapper.header, #configurator.skin-gs .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator.skin-pw .content-pane.interior .header, #configurator.skin-pw .content-pane.kitchen .header, #configurator.skin-pw .content-pane.bathroom .header, #configurator.skin-pw .content-pane.electrics .header, #configurator.skin-pw .content-pane.floor-plan #content-header-bar, #configurator.skin-pw .content-pane.exterior-options .header {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .content-pane.interior .option-wrapper.header, #configurator.skin-pw .content-pane.kitchen .option-wrapper.header, #configurator.skin-pw .content-pane.bathroom .option-wrapper.header, #configurator.skin-pw .content-pane.electrics .option-wrapper.header, #configurator.skin-pw .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator.skin-ta .content-pane.interior .header, #configurator.skin-ta .content-pane.kitchen .header, #configurator.skin-ta .content-pane.bathroom .header, #configurator.skin-ta .content-pane.electrics .header, #configurator.skin-ta .content-pane.floor-plan #content-header-bar, #configurator.skin-ta .content-pane.exterior-options .header {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .content-pane.interior .option-wrapper.header, #configurator.skin-ta .content-pane.kitchen .option-wrapper.header, #configurator.skin-ta .content-pane.bathroom .option-wrapper.header, #configurator.skin-ta .content-pane.electrics .option-wrapper.header, #configurator.skin-ta .content-pane.exterior-options .option-wrapper.header {
background-color: transparent;
}
#configurator .content-pane.exterior-options {
position: relative;
}
#configurator .right-click-prompt,
#configurator .panel-options {
z-index: 112;
/* ensure in front of image changer and .panel-options-underlay */
position: absolute;
}
#configurator .panel-options-underlay {
z-index: 111;
/* ensure in front of image changer */
position: absolute;
top: 0;
left: 0;
}
#configurator .panel-options .close {
width: 20px;
height: 20px;
position: absolute;
right: 7px;
top: 15px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 1px solid silver;
background-color: #d5d5d5;
text-align: center;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
#configurator .panel-options label {
display: inline-block;
margin: 5px 5px 0px 5px;
text-align: right;
}
#configurator .panel-options h1 {
margin-top: 10px;
margin-bottom: 10px;
}
#configurator .panel-options input[type=radio] {
width: 20px;
margin: 0;
padding: 0;
}
#configurator .panel-options .description {
font-style: italic;
font-size: 14px;
color: #afafaf;
margin: 5px 5px 0px 25px;
border-top-width: 0;
}
#configurator .panel-options .options .panel-alignment {
background-image: none;
height: auto;
margin: 10px 0 5px 0;
padding-top: 10px;
border-top: 1px dotted #afafaf;
text-align: center;
cursor: pointer;
}
#configurator .panel-options .options .panel-alignment.left,
#configurator .panel-options .options .panel-alignment.centre,
#configurator .panel-options .options .panel-alignment.right,
#configurator .panel-options .options .panel-alignment.none {
display: none;
}
#configurator.show-panel-alignment .panel-options .options .panel-alignment {
display: block;
}
#configurator .panel-options .options .panel-dimensions {
background-image: none;
height: auto;
margin: 10px 0 5px 0;
padding-top: 10px;
border-top: 1px dotted #afafaf;
text-align: center;
}
#configurator .panel-options .options .panel-dimensions span {
color: white;
}
#configurator .panel-options .options .panel-dimensions span.type {
font-size: 14px;
}
#configurator .panel-options .options .panel-dimensions span[contenteditable=true] {
background-color: white;
color: black;
}
#configurator .panel-options div.options .panel-dimensions .icon.edit-save {
display: inline-block;
width: 15px;
margin-left: 10px;
height: 15px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 15px;
cursor: pointer;
background-image: url("../../images/configurator.4506/edit.svg?20260521203846");
}
#configurator .panel-options div.options .panel-dimensions.editing .icon.edit-save {
background-image: url("../../images/configurator.4506/save.svg?20260521203846");
}
#configurator.show-panel-dimensions .panel-options .options .panel-dimensions {
display: block;
}
#configurator .panel-options .options div.variants,
#configurator .panel-options .options div.frame-material-type,
#configurator .panel-options .options div.glass-type,
#configurator .panel-options .options div.glazing-film-type,
#configurator .panel-options .options div.thumb-lock-type,
#configurator .panel-options .options div.window-lock-type,
#configurator .panel-options .options div.blinds {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted silver;
}
#configurator .panel-options .options div.low-threshold-option,
#configurator .panel-options .options div.fire-egress-hinge-option {
margin-top: 10px;
border-top: 1px dotted silver;
}
#configurator .panel-options .options div.low-threshold-option {
margin-top: 10px;
border-top: 1px dotted silver;
}
#configurator .panel-options .options div.variants span.price,
#configurator .panel-options .options div.blinds span.price,
#configurator .panel-options .options div.frame-material-type span.price,
#configurator .panel-options .options div.glass-type span.price,
#configurator .panel-options .options div.glazing-film-type span.price,
#configurator .panel-options .options div.thumb-lock-type span.price,
#configurator .panel-options .options div.window-lock-type span.price,
#configurator .panel-options .options div.thumbprint-lock-option span.price {
color: white;
font-size: 14px;
margin-left: 5px;
}
#configurator .panel-options .options .footer {
position: relative;
background-image: none;
height: auto;
margin: 10px 0 5px 0;
border-top: 1px dotted #afafaf;
}
#configurator .panel-options input[type=checkbox] {
width: 20px;
margin: 10px 0 0 0;
}
#configurator .panel-options .options .footer label {
display: inline-block;
width: 240px;
vertical-align: top;
text-align: left;
color: #afafaf;
}
#configurator .right-click-prompt p {
margin-top: 20px;
}
#configurator #viewer {
float: right;
margin-top: 100px;
margin-right: 0;
}
#configurator.basebox-derived.scale-big-building #viewer {
margin-right: 160px;
}
#configurator #viewer .sides-wrapper {
text-align: right;
-webkit-perspective: 800px;
perspective: 800px;
-webkit-perspective-origin: 50% 100px;
perspective-origin: 50% 100px;
}
#configurator.basebox-derived #viewer .sides-wrapper {
padding-bottom: 110px;
}
#configurator #viewer #sides {
float: none;
position: relative;
-webkit-transform-style: preserve-3d;
/* -webkit-transform: rotateY(45deg);
*/
-webkit-transform: rotateY(45deg);
}
#configurator #sides div.side-wrapper ul.handles li.slot {
background-repeat: no-repeat;
}
#configurator #viewer #sides div.side-wrapper {
clear: none;
margin: 0;
text-align: center;
position: absolute;
overflow: visible;
}
#configurator.basebox-derived #viewer #sides div.side {
height: 277px;
}
#configurator #viewer #sides div.side-wrapper {
-webkit-perspective: 800px;
}
#configurator #viewer #sides div#side-rear {
backface-visibility: hidden;
}
#configurator #viewer #sides h3 {
padding-top: 10px;
display: inline-block;
background-color: white;
}
#configurator.roof-style-pent:not(.b-series-derived) #viewer #sides .side {
overflow: hidden;
}
#configurator #viewer .overlay {
cursor: move;
}
#configurator * {
/* stop user selecting things - eg panels etc */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#configurator.advanced * {
/* allow advanced mode users to select things - requested by Tammy 18/09/2019 */
-webkit-touch-callout: auto;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
#configurator.advanced #sides * {
/* don't allow text selection on elevations (or 3d) view, irrespective of advanced mode - rotating the 3d with the mouse highlights text in Chrome */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#configurator .ajax-configurator-reference,
#configurator .ajax-configurator-reference .configurator-key,
#configurator input,
#configurator select,
#configurator textarea {
/* allow users to select text in very specific areas. form fields have been re-enabled as this is potentially causing problems under iOS */
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
#configurator ul.option-group div.option-wrapper {
display: inline-block;
width: 160px;
}
#configurator ul.option-group div.option-wrapper.header {
margin: 0 30px 0 0;
padding: 0;
background-color: inherit;
color: inherit;
}
#configurator ul.option-group div.option-wrapper h4,
#configurator ul.option-group div.option-wrapper p.price {
text-align: center;
}
#configurator.o-f-e-straight ul.option-group div.option-wrapper.o-f-e-herringbone-walnut, #configurator.o-f-e-straight ul.option-group div.option-wrapper.o-f-e-herringbone-oak, #configurator.o-f-e-straight ul.option-group div.option-wrapper.o-f-e-herringbone-ash, #configurator.o-f-e-herringbone ul.option-group div.option-wrapper.o-f-e-straight-walnut, #configurator.o-f-e-herringbone ul.option-group div.option-wrapper.o-f-e-straight-oak, #configurator.o-f-e-herringbone ul.option-group div.option-wrapper.o-f-e-straight-ash {
display: none;
}
#configurator ul.option-group .description {
margin-top: 5px;
}
#configurator ul.option-group .description img {
padding: 2px;
border: 1px solid white;
width: 150px;
height: 113px;
}
#configurator #installation-package-wrapper span.chooser,
#configurator ul.option-group .description span.o-internal-lights-none,
#configurator ul.option-group .description span.o-f-none {
display: inline-block;
background-position: 0 0;
background-repeat: no-repeat;
width: 32px;
height: 32px;
margin-bottom: -8px;
}
#configurator ul.option-group .description img.selected {
padding: 0px;
}
#configurator #electrics ul.option-group div.description h4 {
text-align: left;
margin: 10px 0 0 0;
}
#configurator ul.option-group div.description .chooser,
#configurator ul.option-group .more {
cursor: pointer;
}
#configurator ul.option-group div.description p.note {
margin-left: 10px;
font-style: italic;
text-align: center;
color: #026890;
}
#configurator #plastered-ceiling-only-note {
display: none;
border: 1px solid #2a5a5b;
background-color: #697f6a;
color: #fff;
margin-top: 5px;
width: calc(100% - 20px);
padding: 5px 10px;
}
#configurator.has-plastered-ceiling-only #plastered-ceiling-only-note {
display: inline-block;
}
#configurator.tp div.content-pane.electrics h3.internal, #configurator.tp div.content-pane.electrics .option-group.internal, #configurator.tp div.content-pane.interior h3.internal-walls, #configurator.tp div.content-pane.interior .option-group.internal-walls {
display: none;
}
#configurator #interior .option-group h4 .price,
#configurator #kitchen .option-group h4 .price,
#configurator #bathroom .option-group h4 .price,
#configurator #electrics .option-group h4 .price,
#configurator #interior .option-group h4 .price *,
#configurator #kitchen .option-group h4 .price *,
#configurator #bathroom .option-group h4 .price *,
#configurator #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator ul.option-group .description img.selected {
border: 3px solid #edba03;
}
#configurator #installation-package-wrapper span.chooser,
#configurator ul.option-group .description span.o-internal-lights-none,
#configurator ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-tgo.png?20260521203846");
}
#configurator #installation-package-wrapper span.chooser.selected,
#configurator ul.option-group .description span.o-internal-lights-none.selected,
#configurator ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-tgo.png?20260521203846");
}
#configurator.skin-gr #interior .option-group h4 .price, #configurator.skin-gr #kitchen .option-group h4 .price, #configurator.skin-gr #bathroom .option-group h4 .price, #configurator.skin-gr #electrics .option-group h4 .price, #configurator.skin-gr #interior .option-group h4 .price *, #configurator.skin-gr #kitchen .option-group h4 .price *, #configurator.skin-gr #bathroom .option-group h4 .price *, #configurator.skin-gr #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator.skin-gr ul.option-group .description img.selected {
border: 3px solid #697f6a;
}
#configurator.skin-gr #installation-package-wrapper span.chooser, #configurator.skin-gr ul.option-group .description span.o-internal-lights-none, #configurator.skin-gr ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-gr.png?20260521203846");
}
#configurator.skin-gr #installation-package-wrapper span.chooser.selected, #configurator.skin-gr ul.option-group .description span.o-internal-lights-none.selected, #configurator.skin-gr ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-gr.png?20260521203846");
}
#configurator.skin-tgo #interior .option-group h4 .price, #configurator.skin-tgo #kitchen .option-group h4 .price, #configurator.skin-tgo #bathroom .option-group h4 .price, #configurator.skin-tgo #electrics .option-group h4 .price, #configurator.skin-tgo #interior .option-group h4 .price *, #configurator.skin-tgo #kitchen .option-group h4 .price *, #configurator.skin-tgo #bathroom .option-group h4 .price *, #configurator.skin-tgo #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator.skin-tgo ul.option-group .description img.selected {
border: 3px solid #edba03;
}
#configurator.skin-tgo #installation-package-wrapper span.chooser, #configurator.skin-tgo ul.option-group .description span.o-internal-lights-none, #configurator.skin-tgo ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-tgo.png?20260521203846");
}
#configurator.skin-tgo #installation-package-wrapper span.chooser.selected, #configurator.skin-tgo ul.option-group .description span.o-internal-lights-none.selected, #configurator.skin-tgo ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-tgo.png?20260521203846");
}
#configurator.skin-gs #interior .option-group h4 .price, #configurator.skin-gs #kitchen .option-group h4 .price, #configurator.skin-gs #bathroom .option-group h4 .price, #configurator.skin-gs #electrics .option-group h4 .price, #configurator.skin-gs #interior .option-group h4 .price *, #configurator.skin-gs #kitchen .option-group h4 .price *, #configurator.skin-gs #bathroom .option-group h4 .price *, #configurator.skin-gs #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator.skin-gs ul.option-group .description img.selected {
border: 3px solid #697f6a;
}
#configurator.skin-gs #installation-package-wrapper span.chooser, #configurator.skin-gs ul.option-group .description span.o-internal-lights-none, #configurator.skin-gs ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-gs.png?20260521203846");
}
#configurator.skin-gs #installation-package-wrapper span.chooser.selected, #configurator.skin-gs ul.option-group .description span.o-internal-lights-none.selected, #configurator.skin-gs ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-gs.png?20260521203846");
}
#configurator.skin-pw #interior .option-group h4 .price, #configurator.skin-pw #kitchen .option-group h4 .price, #configurator.skin-pw #bathroom .option-group h4 .price, #configurator.skin-pw #electrics .option-group h4 .price, #configurator.skin-pw #interior .option-group h4 .price *, #configurator.skin-pw #kitchen .option-group h4 .price *, #configurator.skin-pw #bathroom .option-group h4 .price *, #configurator.skin-pw #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator.skin-pw ul.option-group .description img.selected {
border: 3px solid #edba03;
}
#configurator.skin-pw #installation-package-wrapper span.chooser, #configurator.skin-pw ul.option-group .description span.o-internal-lights-none, #configurator.skin-pw ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-tgo.png?20260521203846");
}
#configurator.skin-pw #installation-package-wrapper span.chooser.selected, #configurator.skin-pw ul.option-group .description span.o-internal-lights-none.selected, #configurator.skin-pw ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-tgo.png?20260521203846");
}
#configurator.skin-ta #interior .option-group h4 .price, #configurator.skin-ta #kitchen .option-group h4 .price, #configurator.skin-ta #bathroom .option-group h4 .price, #configurator.skin-ta #electrics .option-group h4 .price, #configurator.skin-ta #interior .option-group h4 .price *, #configurator.skin-ta #kitchen .option-group h4 .price *, #configurator.skin-ta #bathroom .option-group h4 .price *, #configurator.skin-ta #electrics .option-group h4 .price * {
color: #ffffff;
}
#configurator.skin-ta ul.option-group .description img.selected {
border: 3px solid #465775;
}
#configurator.skin-ta #installation-package-wrapper span.chooser, #configurator.skin-ta ul.option-group .description span.o-internal-lights-none, #configurator.skin-ta ul.option-group .description span.o-f-none {
background-image: url("../../images/configurator.4506/checkbox-unchecked-ta.png?20260521203846");
}
#configurator.skin-ta #installation-package-wrapper span.chooser.selected, #configurator.skin-ta ul.option-group .description span.o-internal-lights-none.selected, #configurator.skin-ta ul.option-group .description span.o-f-none.selected {
background-image: url("../../images/configurator.4506/checkbox-checked-ta.png?20260521203846");
}
#modal-message-underlay, #configurator #activity-indicator-underlay {
background-color: #1e5b88;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.8;
z-index: 120;
/* ensure in front of image changer and .panel-options */
}
#configurator #activity-indicator-underlay {
z-index: 220;
/* ensure in front of image changer and .panel-options */
}
#modal-message, #configurator #activity-indicator {
margin: 0 auto;
width: 550px;
background-color: #1e5b88;
color: white;
z-index: 121;
/* ensure in front of #helper-underlay */
position: absolute;
top: 200px;
left: 325px;
padding: 20px;
border-radius: 0;
border: 1px solid white;
}
#configurator div#modal-message.admin.dates {
width: 600px;
}
#configurator div#modal-message.admin.dates input[type=date] {
width: calc(100% - 260px);
}
#configurator div#modal-message.admin.dates span.clear-date {
display: inline-block;
width: 50px;
text-align: right;
font-size: 12px;
}
#configurator #address-fields {
margin: 0 auto;
width: 550px;
background-color: #1e5b88;
color: white;
padding: 20px;
border-radius: 0;
border: 1px solid white;
}
#modal-message.full-screen {
width: calc(100% - 40px);
top: 0;
left: 0;
background-color: white;
color: black;
}
#configurator #modal-message.full-screen.blinds-order,
#configurator #modal-message.full-screen.site-survey,
#configurator .customer-document {
background-color: white;
color: black;
}
#configurator #modal-message.full-screen.site-survey div.print-textarea {
display: none;
}
#configurator #modal-message.full-screen.site-survey .obstacle,
#configurator #modal-message.full-screen.site-survey .obstacle-after-fence {
font-size: 12px;
}
#configurator #modal-message.full-screen.site-survey div.after-fence {
background-color: silver;
width: 150px;
padding: 10px;
}
#configurator #modal-message.full-screen.site-survey div.after-fence select {
width: 150px;
}
#configurator #modal-message.full-screen.blinds-order div.close a,
#configurator #modal-message.full-screen.blinds-order div.close a:visited {
color: black;
}
#configurator .customer-document {
font-size: 90%;
}
#configurator #modal-message.full-screen.site-survey p.info label.site-survey-type,
#configurator #modal-message.full-screen.site-survey p.info span.customer-details {
float: right;
}
#configurator #modal-message.full-screen.site-survey p.info label.site-survey-type {
width: auto;
margin-right: 20px;
}
#configurator #activity-indicator {
z-index: 221;
/* ensure in front of #helper-underlay */
}
#configurator #activity-indicator img.activity-indicator {
margin-top: 30px;
}
#modal-message {
width: 600px;
top: 200px;
left: 325px;
}
#modal-message.promotion div.header label,
#modal-message.promotion div.promotion-applied label {
width: 100%;
display: inline-block;
}
#modal-message.promotion div.header label.archived,
#modal-message.promotion div.header label.invalid {
color: #999999;
}
#modal-message.promotion p.actions {
width: 100%;
display: inline-block;
text-align: center;
}
#modal-message.promotion div.promotion-applied h2.amount {
text-align: left;
}
#modal-message.electric-plan-notes {
width: 800px;
top: 300px;
left: 240px;
}
#modal-message.electric-plan-notes h4 {
font-size: 16px;
text-transform: uppercase;
text-align: center;
margin-top: 30px;
}
#modal-message.electric-plan-notes div.actions {
text-align: center;
}
#modal-message.electric-plan-notes textarea.notes {
width: 95%;
margin: 10px 2.5% 10px 2.5%;
border: 1px solid gray;
min-height: 200px;
}
#modal-message.electric-plan-notes ol {
list-style: decimal;
}
#modal-message.electric-plan-notes ol li {
margin: 10px 25px 10px 25px;
}
#configurator #address-fields {
width: 600px;
top: 200px;
left: 325px;
}
#modal-message.advanced-menu {
width: auto;
top: 120px;
right: 15px;
left: 15px;
}
#modal-message.advanced-menu ul.actions {
text-align: right;
}
#modal-message.advanced-menu ul.actions li {
width: 200px;
height: 200px;
display: inline-block;
text-align: center;
padding: 0;
margin: 0;
}
#modal-message.advanced-menu ul.actions li.site-survey {
float: none;
}
#modal-message.site-survey .report-issue span.icon,
#modal-message.advanced-menu ul.actions li span.icon {
display: block;
width: 75px;
margin-left: 62px;
height: 75px;
background-position: 50% 2px;
background-repeat: no-repeat;
background-size: auto 70px;
background-image: url("../../images/configurator.4506/admin-icon-placeholder.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.site-survey span.icon {
background-image: url("../../images/configurator.4506/admin-icon-site-survey.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.promotion span.icon {
background-image: url("../../images/configurator.4506/admin-icon-promotion.svg?20260521203846");
}
#modal-message.site-survey .report-issue span.icon,
#modal-message.advanced-menu ul.actions li.report-issue span.icon {
background-image: url("../../images/configurator.4506/admin-icon-help.svg?20260521203846");
}
#modal-message.site-survey .report-issue {
position: absolute;
top: 20px;
right: 250px;
}
#modal-message.advanced-menu ul.actions li.new-design span.icon {
background-image: url("../../images/configurator.4506/admin-icon-new-design.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.gift-promotion span.icon {
background-image: url("../../images/configurator.4506/admin-icon-happy-birthday.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.gift-promotion.active span.icon {
background-image: url("../../images/configurator.4506/admin-icon-happy-birthday-active.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.special-request span.icon,
#modal-message.advanced-menu ul.actions li.black-friday span.icon,
#modal-message.advanced-menu ul.actions li.boxing-day span.icon,
#modal-message.advanced-menu ul.actions li.bom-viewer-auto-update span.icon {
background-image: url("../../images/configurator.4506/admin-icon-switch-off-2.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.bom span.icon {
background-image: url("../../images/configurator.4506/admin-icon-bom.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.planning-document span.icon {
background-image: url("../../images/configurator.4506/admin-icon-planning-document.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.special-request.active span.icon,
#modal-message.advanced-menu ul.actions li.black-friday.active span.icon,
#modal-message.advanced-menu ul.actions li.boxing-day.active span.icon,
#modal-message.advanced-menu ul.actions li.bom-viewer-auto-update.active span.icon {
background-image: url("../../images/configurator.4506/admin-icon-switch-on-2.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.showroom-designs span.icon {
background-image: url("../../images/configurator.4506/bookshelf.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.exit span.icon {
background-image: url("../../images/configurator.4506/admin-icon-exit.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.advisor-name span.icon {
background-image: url("../../images/configurator.4506/admin-icon-advisor-name.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.debug span.icon {
background-image: url("../../images/configurator.4506/admin-icon-debug.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.panel-edges span.icon {
background-image: none;
border: 1px dashed red;
border-width: 0 1px 0 1px;
}
#modal-message.advanced-menu ul.actions li.base-delivery-note span.icon {
background-image: url("../../images/configurator.4506/admin-icon-base-installation-delivery-note.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.production-pack span.icon {
background-image: url("../../images/configurator.4506/admin-icon-production-pack.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.installation-delivery-note span.icon {
background-image: url("../../images/configurator.4506/admin-icon-installation-delivery-note.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.invoice span.icon {
background-image: url("../../images/configurator.4506/admin-icon-invoice.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.proforma-invoice span.icon {
background-image: url("../../images/configurator.4506/admin-icon-proforma-invoice.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.misc-extra span.icon {
background-image: url("../../images/configurator.4506/admin-icon-misc.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.payments span.icon {
background-image: url("../../images/configurator.4506/admin-icon-payments.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.sales-order-preliminary span.icon {
background-image: url("../../images/configurator.4506/admin-icon-preliminary-sales-order.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.sales-order span.icon {
background-image: url("../../images/configurator.4506/admin-icon-sales-order.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.customer-details span.icon {
background-image: url("../../images/configurator.4506/admin-icon-set-customer-details.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.customer-number span.icon {
background-image: url("../../images/configurator.4506/admin-icon-set-customer-number.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.order-status span.icon {
background-image: url("../../images/configurator.4506/admin-icon-set-order-status.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.quotation span.icon {
background-image: url("../../images/configurator.4506/admin-icon-quotation.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.document-version span.icon {
background-image: url("../../images/configurator.4506/admin-icon-document-version.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.installation-dates span.icon {
background-image: url("../../images/configurator.4506/admin-icon-set-dates.svg?20260521203846");
}
#modal-message.advanced-menu ul.actions li.save-location span.icon {
background-image: url("../../images/configurator.4506/admin-icon-pin.svg?20260521203846");
}
#configurator #modal-message p,
#configurator #modal-message span,
#configurator #modal-message h4 {
color: white;
}
#configurator #modal-message.gift-promotion {
width: auto;
top: 120px;
right: 15px;
left: 15px;
background-color: white;
}
#configurator #modal-message.gift-promotion img.promotion {
border-radius: 15px;
border: 5px solid white;
width: 30%;
/*height: 214px;*/
margin-left: 2%;
margin-top: 22px;
}
#configurator #modal-message.gift-promotion img.promotion.active {
border: 5px solid gold;
}
#modal-message.blinds-order p {
color: black;
}
#modal-message.blinds-order .section {
border: 1px solid gray;
margin: 0 0 20px 0;
padding: 10px;
}
#modal-message.blinds-order span.value {
font-weight: 500;
font-size: 24px;
}
#modal-message.blinds-order h1 {
font-size: 48px;
text-transform: uppercase;
line-height: 203px;
}
#modal-message.blinds-order h1 img.logo {
max-width: 35%;
float: right;
}
#modal-message.blinds-order label {
display: inline-block;
width: 250px;
text-align: right;
text-transform: uppercase;
font-size: 20px;
}
#modal-message.blinds-order .footer label {
display: inline;
}
#modal-message.blinds-order div.footer span.date {
float: right;
}
#modal-message.blinds-order table.order {
width: 100%;
}
#modal-message.blinds-order table.order,
#modal-message.blinds-order table.order tr,
#modal-message.blinds-order table.order td {
border: 3px solid gray;
}
#modal-message.blinds-order table.order tr td {
text-align: center;
padding: 5px;
}
#modal-message.blinds-order table.order tr td.thumbnail {
width: 65px;
height: 65px;
background-image: url("../../images/configurator.4506/blinds-order-icons.png?20260521203846");
}
#modal-message.blinds-order table.order tr td.product-code {
width: 85px;
}
#modal-message.blinds-order table.order tr td.style-colour {
width: calc(100% - 75px - 70px - 85px - (3 * 10px));
}
#modal-message.blinds-order table.order tr td.quantity {
width: 70px;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-c.left,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-s.left,
#modal-message.blinds-order table.order tr td.thumbnail.d-s.left {
background-position: -750px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-c.right,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-s.right,
#modal-message.blinds-order table.order tr td.thumbnail.d-s.right {
background-position: -825px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-h.left {
background-position: -600px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-h.right {
background-position: -675px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-f-s,
#modal-message.blinds-order table.order tr td.thumbnail.d-f-c,
#modal-message.blinds-order table.order tr td.thumbnail.d-f,
#modal-message.blinds-order table.order tr td.thumbnail.d-f-s-matchbox,
#modal-message.blinds-order table.order tr td.thumbnail.d-f-m-matchbox {
background-position: -900px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-f-h {
background-position: -1050px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-l.left,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-m.left,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-m-matchbox.left {
background-position: -1275px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-l.right,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-m.right,
#modal-message.blinds-order table.order tr td.thumbnail.d-s-m-matchbox.right {
background-position: -1200px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-xl {
background-position: -1350px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-s-xl-triple {
background-position: -2700px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-l {
background-position: -1575px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xl {
background-position: -1650px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xl-all {
background-position: -1650px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xxl {
background-position: -1725px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-l.right {
background-position: -1800px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xl.right {
background-position: -1875px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xl-all.right {
background-position: -1875px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-b-xxl.right {
background-position: -1950px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.dw-fw-l,
#modal-message.blinds-order table.order tr td.thumbnail.dw-fw-m,
#modal-message.blinds-order table.order tr td.thumbnail.dw-fw-s,
#modal-message.blinds-order table.order tr td.thumbnail.dw-sw-s {
background-position: -975px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-lz-m-matchbox,
#modal-message.blinds-order table.order tr td.thumbnail.w-lz-m {
background-position: -75px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-sq {
background-position: -2025px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-velux {
background-position: -2025px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-escape.left {
background-position: -2100px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-escape.right {
background-position: -2175px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-c,
#modal-message.blinds-order table.order tr td.thumbnail.w-c-900 {
background-position: -150px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-p {
background-position: -150px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-p-xl {
background-position: -2792px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-a-f-small.left,
#modal-message.blinds-order table.order tr td.thumbnail.w-a-f.left {
background-position: -1425px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-a-f-small.right,
#modal-message.blinds-order table.order tr td.thumbnail.w-a-f.right {
background-position: -1500px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.w-lz-v {
background-position: -525px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-l.left {
background-position: -2250px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-l.right {
background-position: -2475px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-xl.left {
background-position: -2325px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-xl.right {
background-position: -2550px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-xxl.left {
background-position: -2400px 0;
}
#modal-message.blinds-order table.order tr td.thumbnail.d-if-xxl.right {
background-position: -2625px 0;
}
#configurator #modal-message.portal-login {
width: 310px;
margin: 0 auto;
top: 200px;
left: calc(50% - 155px - 21px);
}
#configurator #modal-message.portal-login input {
display: block;
width: 300px;
height: 40px;
margin: 10px 0;
padding: 3px;
border: 1px solid silver;
}
#configurator #modal-message.portal-login input[type=submit] {
width: 310px;
height: 50px;
border: 1px solid silver;
background-image: linear-gradient(to bottom, #2f78a9 0%, #225679 100%);
background-repeat: repeat-x;
border-color: #1f5071;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
color: #fff;
background-color: #2f78a9;
border-radius: 6px;
}
#configurator div.customer-document form.admin.site-survey h4,
#configurator div.customer-document form.admin.site-survey span,
#configurator #modal-message.site-survey h4,
#configurator #modal-message.site-survey span {
color: black;
}
#configurator #modal-message p.info span {
color: gray;
font-size: 12px;
}
#configurator #modal-message span.range-value {
color: black;
}
#configurator div.customer-document form.admin.site-survey p.info,
#configurator div.customer-document form.admin.site-survey p.info span,
#configurator #modal-message.site-survey p.info,
#configurator #modal-message.site-survey p.info span {
color: black;
}
#modal-message-underlay.gr,
#modal-message.gr {
background-color: #521d42;
}
#modal-message-underlay.tgo,
#modal-message.tgo {
background-color: #1e5b88;
}
#modal-message-underlay.ta2,
#modal-message.ta2 {
background-color: #1e5b88;
}
#modal-message-underlay.hide,
#modal-message.hide {
background-color: #1e5b88;
}
#modal-message-underlay.gsp,
#modal-message.gsp {
background-color: #1e5b88;
}
#modal-message-underlay.pw,
#modal-message.pw {
background-color: #2a1e08;
}
#modal-message-underlay.gs,
#modal-message.gs {
background-color: #1e5b88;
}
#modal-message h1 {
margin: 0 20px 20px 20px;
}
#configurator .price.free {
display: none;
}
#configurator.p-g-doors-free .price.p-g-doors.free, #configurator.p-g-fh-windows-free .price.p-g-fh-windows.free, #configurator.p-g-windows-tgo-free .price.p-g-windows-tgo.free, #configurator.p-g-windows-free .price.p-g-windows.free, #configurator.p-g-windows-included-free .price.p-g-windows-included.free, #configurator.p-g-windows-included-tgo-free .price.p-g-windows-included-tgo.free, #configurator.p-g-windows-large-building-free .price.p-g-windows-large-building.free, #configurator.p-g-spot-lights-free .price.p-g-spot-lights.free, #configurator.p-g-track-lights-free .price.p-g-track-lights.free {
display: inline;
}
#configurator.p-g-doors-free .price.p-g-doors.charge, #configurator.p-g-fh-windows-free .price.p-g-fh-windows.charge, #configurator.p-g-windows-free .price.p-g-windows.charge, #configurator.p-g-windows-tgo-free .price.p-g-windows-tgo.charge, #configurator.p-g-windows-included-free .price.p-g-windows-included.charge, #configurator.p-g-windows-included-tgo-free .price.p-g-windows-included-tgo.charge, #configurator.p-g-windows-large-building-free .price.p-g-windows-large-building.charge, #configurator.p-g-spot-lights-free .price.p-g-spot-lights.charge, #configurator.p-g-track-lights-free .price.p-g-track-lights.charge {
display: none;
}
#configurator #modal-message .ajax-configurator-reference,
#configurator #modal-message .ajax-response-message,
#configurator #modal-message .header {
background-image: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 10px;
margin: 10px;
}
#configurator #modal-message .header .order-intro-text p {
text-align: left;
}
#configurator #modal-message .ajax-configurator-reference:empty,
#configurator #modal-message .ajax-response-message:empty {
display: none;
}
#configurator #modal-message .ajax-configurator-reference p,
#configurator #modal-message .ajax-response-message p,
#configurator #modal-message .header p {
text-align: left;
text-align: center;
margin: 5px;
font-size: 16px;
}
#configurator #modal-message .ajax-configurator-reference p.configurator-key {
text-align: center;
text-transform: uppercase;
}
#configurator #modal-message .ajax-response-message ul {
margin-left: 50px;
}
#configurator #activity-indicator-underlay,
#configurator #modal-message-underlay {
background-color: #444743;
}
#configurator #activity-indicator,
#configurator #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator #modal-message .ajax-configurator-reference,
#configurator #modal-message .ajax-response-message,
#configurator #modal-message .header {
border: 1px solid #ffffff;
}
#configurator #modal-message .ajax-configurator-reference p,
#configurator #modal-message .ajax-response-message p,
#configurator #modal-message .header p {
color: #ffffff;
}
#configurator #modal-message .ajax-response-message ul li a,
#configurator #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator form.admin.customer-details button#find_address,
#configurator form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator #modal-message.full-screen.door-window-order .close a,
#configurator #modal-message .close a:visited {
color: #ffffff;
}
#configurator .next-steps .actions li.action:hover {
color: #edba03;
}
#configurator.skin-gr #activity-indicator-underlay, #configurator.skin-gr #modal-message-underlay {
background-color: #444743;
}
#configurator.skin-gr #activity-indicator, #configurator.skin-gr #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gr #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gr #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gr #modal-message .ajax-configurator-reference, #configurator.skin-gr #modal-message .ajax-response-message, #configurator.skin-gr #modal-message .header {
border: 1px solid #ffffff;
}
#configurator.skin-gr #modal-message .ajax-configurator-reference p, #configurator.skin-gr #modal-message .ajax-response-message p, #configurator.skin-gr #modal-message .header p {
color: #ffffff;
}
#configurator.skin-gr #modal-message .ajax-response-message ul li a, #configurator.skin-gr #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator.skin-gr form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-gr form.admin.customer-details button#find_address, #configurator.skin-gr form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-gr #modal-message.full-screen.door-window-order .close a, #configurator.skin-gr #modal-message .close a:visited {
color: #ffffff;
}
#configurator.skin-gr .next-steps .actions li.action:hover {
color: #697f6a;
}
#configurator.skin-tgo #activity-indicator-underlay, #configurator.skin-tgo #modal-message-underlay {
background-color: #444743;
}
#configurator.skin-tgo #activity-indicator, #configurator.skin-tgo #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-tgo #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-tgo #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-tgo #modal-message .ajax-configurator-reference, #configurator.skin-tgo #modal-message .ajax-response-message, #configurator.skin-tgo #modal-message .header {
border: 1px solid #ffffff;
}
#configurator.skin-tgo #modal-message .ajax-configurator-reference p, #configurator.skin-tgo #modal-message .ajax-response-message p, #configurator.skin-tgo #modal-message .header p {
color: #ffffff;
}
#configurator.skin-tgo #modal-message .ajax-response-message ul li a, #configurator.skin-tgo #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator.skin-tgo form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-tgo form.admin.customer-details button#find_address, #configurator.skin-tgo form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-tgo #modal-message.full-screen.door-window-order .close a, #configurator.skin-tgo #modal-message .close a:visited {
color: #ffffff;
}
#configurator.skin-tgo .next-steps .actions li.action:hover {
color: #edba03;
}
#configurator.skin-gs #activity-indicator-underlay, #configurator.skin-gs #modal-message-underlay {
background-color: #444743;
}
#configurator.skin-gs #activity-indicator, #configurator.skin-gs #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gs #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gs #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-gs #modal-message .ajax-configurator-reference, #configurator.skin-gs #modal-message .ajax-response-message, #configurator.skin-gs #modal-message .header {
border: 1px solid #ffffff;
}
#configurator.skin-gs #modal-message .ajax-configurator-reference p, #configurator.skin-gs #modal-message .ajax-response-message p, #configurator.skin-gs #modal-message .header p {
color: #ffffff;
}
#configurator.skin-gs #modal-message .ajax-response-message ul li a, #configurator.skin-gs #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator.skin-gs form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-gs form.admin.customer-details button#find_address, #configurator.skin-gs form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-gs #modal-message.full-screen.door-window-order .close a, #configurator.skin-gs #modal-message .close a:visited {
color: #ffffff;
}
#configurator.skin-gs .next-steps .actions li.action:hover {
color: #697f6a;
}
#configurator.skin-pw #activity-indicator-underlay, #configurator.skin-pw #modal-message-underlay {
background-color: #444743;
}
#configurator.skin-pw #activity-indicator, #configurator.skin-pw #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-pw #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-pw #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-pw #modal-message .ajax-configurator-reference, #configurator.skin-pw #modal-message .ajax-response-message, #configurator.skin-pw #modal-message .header {
border: 1px solid #ffffff;
}
#configurator.skin-pw #modal-message .ajax-configurator-reference p, #configurator.skin-pw #modal-message .ajax-response-message p, #configurator.skin-pw #modal-message .header p {
color: #ffffff;
}
#configurator.skin-pw #modal-message .ajax-response-message ul li a, #configurator.skin-pw #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator.skin-pw form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-pw form.admin.customer-details button#find_address, #configurator.skin-pw form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-pw #modal-message.full-screen.door-window-order .close a, #configurator.skin-pw #modal-message .close a:visited {
color: #ffffff;
}
#configurator.skin-pw .next-steps .actions li.action:hover {
color: #edba03;
}
#configurator.skin-ta #activity-indicator-underlay, #configurator.skin-ta #modal-message-underlay {
background-color: #444743;
}
#configurator.skin-ta #activity-indicator, #configurator.skin-ta #modal-message {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-ta #address-fields {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-ta #modal-message.advanced-menu {
background-color: #444743;
color: #ffffff;
border: 1px solid #ffffff;
}
#configurator.skin-ta #modal-message .ajax-configurator-reference, #configurator.skin-ta #modal-message .ajax-response-message, #configurator.skin-ta #modal-message .header {
border: 1px solid #ffffff;
}
#configurator.skin-ta #modal-message .ajax-configurator-reference p, #configurator.skin-ta #modal-message .ajax-response-message p, #configurator.skin-ta #modal-message .header p {
color: #ffffff;
}
#configurator.skin-ta #modal-message .ajax-response-message ul li a, #configurator.skin-ta #modal-message .ajax-response-message ul li a:hover {
color: #ffffff;
}
#configurator.skin-ta form.admin button {
border: 1px solid silver;
width: 200px;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-ta form.admin.customer-details button#find_address, #configurator.skin-ta form.contact button#find_address {
border: 1px solid silver;
background-color: #ffffff;
color: #444743;
}
#configurator.skin-ta #modal-message.full-screen.door-window-order .close a, #configurator.skin-ta #modal-message .close a:visited {
color: #ffffff;
}
#configurator.skin-ta .next-steps .actions li.action:hover {
color: #465775;
}
#configurator div.misc-entry label,
#configurator form.contact label {
width: 420px;
text-align: right;
display: block;
vertical-align: top;
}
#configurator form.contact label.portal_account_required,
#configurator form.contact label.sync_tcard {
margin-top: 10px;
text-align: left;
}
#configurator form.contact label.how_found_us {
padding-top: 10px;
}
#configurator form.contact label.insert-questions {
cursor: pointer;
}
#configurator form.contact label.quote_required {
margin-top: 20px;
}
#configurator.portal-mode div.contact form.contact.order {
display: none;
}
#configurator div.misc-entry label {
width: 520px;
margin-bottom: 5px;
text-transform: uppercase;
}
#configurator div.misc-entry .header label {
text-align: left;
}
#configurator div.misc-entry input[type=text],
#configurator div.misc-entry textarea,
#configurator div.misc-entry select {
width: 300px;
margin-left: 10px;
vertical-align: top;
padding: 1px;
border-width: 2px;
}
#configurator div.misc-entry select {
width: 306px;
/* 2 x (2px + 1px) */
}
#configurator form.contact input[type=checkbox][disabled] + span {
color: gray !important;
}
#configurator form.contact input[type=tel],
#configurator form.contact input[type=email],
#configurator form.contact input[type=text],
#configurator form.contact button#find_address,
#configurator form.contact textarea {
width: 200px;
margin-left: 10px;
}
#configurator form.contact #form-questions input[type=tel],
#configurator form.contact #form-questions input[type=email],
#configurator form.contact #form-questions input[type=text],
#configurator form.contact #form-questions button#find_address,
#configurator form.contact #form-questions textarea {
width: 95%;
margin-left: 10px;
}
#configurator form.admin.customer-details button#find_address,
#configurator form.contact button#find_address {
width: 204px;
padding: 2px;
margin: 2px 0 2px 0;
}
#configurator form.contact div#postcode_lookup_results select,
#configurator form.admin.customer-details div#postcode_lookup_results select {
width: 100%;
}
#configurator div.misc-entry textarea,
#configurator form.showroom-voucher textarea,
#configurator form.contact textarea {
height: 100px;
}
#configurator div.misc-entry p.actions,
#configurator form.contact p.actions {
text-align: center;
margin-top: 20px;
}
#configurator div.misc-entry input[type=submit],
#configurator form.contact input[type=submit] {
font-weight: normal;
margin-left: 80px;
color: white;
background-color: transparent;
border: 1px solid white;
}
#configurator #site-survey-copy-unchecked {
position: absolute;
top: 150px;
left: 0;
right: 0;
background-color: #6d7e6c;
bottom: 0;
z-index: 121;
/* Must be the same as the site survey modal: that will appear after this, thereby being visible. If set to 120, the trim colour chooser will show through */
font-size: 32px;
padding: 50px;
}
#configurator #rotate-icon,
#configurator div.guttering {
background-repeat: no-repeat;
}
#configurator div.decking {
background-repeat: repeat-x;
}
#configurator.o-i-w-standard ul.option-group li.o-i-w-painted {
display: none;
}
#configurator.ta1 ul.option-group.internal-walls, #configurator.ta1 div.content-pane.interior div#interior h3.internal-walls, #configurator.ta2 ul.option-group.internal-walls, #configurator.ta2 div.content-pane.interior div#interior h3.internal-walls, #configurator.hide ul.option-group.internal-walls, #configurator.hide div.content-pane.interior div#interior h3.internal-walls {
display: none;
}
#configurator.o-i-d-none ul.option-group li.o-i-d-q {
display: none;
}
#configurator.o-i-w-standard tr.internal-options.o-i-w-skirting-plastered {
display: none;
}
#configurator.o-i-w-standard tr.internal-options.o-i-w-painted {
display: none;
/* painting is not supported on standard internal finish buildings, so hide the painting line from the customer document - showing "painting: none" for plastered buildings, but showing it for standard finish buildings would be odd */
}
#configurator.o-i-w-plastered tr.internal-options.o-i-w-skirting, #configurator.o-i-w-acoustic tr.internal-options.o-i-w-skirting {
display: none;
}
#configurator.o-i-w-standard .o-e-h-ir {
display: none;
}
#configurator.o-height-extended:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-front li.o-c-cedar-slatted-front, #configurator.o-height-max:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-front li.o-c-cedar-slatted-front, #configurator.o-height-extended:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-left li.o-c-cedar-slatted-left, #configurator.o-height-max:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-left li.o-c-cedar-slatted-left, #configurator.o-height-extended:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-rear li.o-c-cedar-slatted-rear, #configurator.o-height-max:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-rear li.o-c-cedar-slatted-rear, #configurator.o-height-extended:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-right li.o-c-cedar-slatted-right, #configurator.o-height-max:not(.allow-slatted-cedar-on-extended-height) #dropdown-o-e-c-right li.o-c-cedar-slatted-right {
display: none;
}
#configurator.basebox-derived #dropdown-o-e-c-left, #configurator.basebox-derived:not(.b-series-derived) #dropdown-o-e-c-rear, #configurator.basebox-derived.basebox-basic #dropdown-o-e-c-rear, #configurator.basebox-derived #dropdown-o-e-c-right {
/* all sides are synced, so no benefit in showing all - it looks cluttered */
display: none;
}
#configurator.b-series-derived.o-c-basebox-standard-front #dropdown-o-e-c-rear li:not(.o-c-basebox-standard-rear), #configurator.b-series-derived.o-c-basebox-black-front #dropdown-o-e-c-rear li:not(.o-c-basebox-standard-rear):not(.o-c-basebox-black-rear), #configurator.b-series-derived.o-c-basebox-oak-front #dropdown-o-e-c-rear li:not(.o-c-basebox-standard-rear):not(.o-c-basebox-oak-rear), #configurator.b-series-derived.o-c-basebox-grey-front #dropdown-o-e-c-rear li:not(.o-c-basebox-standard-rear):not(.o-c-basebox-grey-rear), #configurator.b-series-derived.o-c-basebox-ash-front #dropdown-o-e-c-rear li:not(.o-c-basebox-standard-rear):not(.o-c-basebox-ash-rear) {
display: none;
}
#configurator.basebox-plus #dropdown-o-e-plus-pack {
display: none;
}
#configurator.basebox-derived:not(.o-c-basebox-standard-front).o-paint-pack-primed div.summary tr.external-options.o-paint-pack, #configurator.basebox-derived:not(.o-c-basebox-standard-front) #dropdown-o-paint-pack {
/* cladding selected, so hide paint pack option chooser and the paint-pack-primed option in the summary */
display: none;
}
#configurator.basebox-derived:not(.b1, .b2, .b3, .b4, .b5) #dropdown-o-e-c-front li.o-c-basebox-standard-front {
/* o-c-basebox-standard-front is only set programmatically - don't display it to users, other confusion may ensue */
display: none;
}
#configurator.basebox-derived.o-c-basebox-black-front.o-plus-pack-no #dropdown-o-e-c-front, #configurator.basebox-derived.o-c-basebox-oak-front.o-plus-pack-no #dropdown-o-e-c-front, #configurator.basebox-derived.o-c-basebox-grey-front.o-plus-pack-no #dropdown-o-e-c-front {
/* display front cladding when enabled via advanced mode or if the building already has the option selected with no plus pack */
display: block;
}
#configurator.basebox-derived.show-basebox-cladding.o-plus-pack-no #dropdown-o-e-c-front.external-options .dd-options li .dd-option .dd-option-description .price.hidden, #configurator.basebox-derived.o-c-basebox-black-front.o-plus-pack-no #dropdown-o-e-c-front.external-options .dd-options li .dd-option .dd-option-description .price.hidden, #configurator.basebox-derived.o-c-basebox-oak-front.o-plus-pack-no #dropdown-o-e-c-front.external-options .dd-options li .dd-option .dd-option-description .price.hidden, #configurator.basebox-derived.o-c-basebox-grey-front.o-plus-pack-no #dropdown-o-e-c-front.external-options .dd-options li .dd-option .dd-option-description .price.hidden {
/* display front cladding option prices when enabled via advanced mode or if the building already has the option selected with no plus pack */
display: block;
}
#configurator.tp #dropdown-o-e-c-left, #configurator.tp #dropdown-o-e-c-front, #configurator.tp #dropdown-o-e-c-rear, #configurator.tp #dropdown-o-e-c-right, #configurator.tp #dropdown-o-e-foundations {
display: none;
}
#configurator.g4.o-c-composite-grey-front #dropdown-o-e-fascia-type li.o-fascia-cedar, #configurator.g4.o-c-composite-wood-front #dropdown-o-e-fascia-type li.o-fascia-cedar, #configurator.g4.o-c-composite-cedar-front #dropdown-o-e-fascia-type li.o-fascia-cedar, #configurator.g4.o-c-composite-grey-front #dropdown-o-e-fascia-type li.o-fascia-spruce, #configurator.g4.o-c-composite-wood-front #dropdown-o-e-fascia-type li.o-fascia-spruce, #configurator.g4.o-c-composite-cedar-front #dropdown-o-e-fascia-type li.o-fascia-spruce, #configurator.g4.o-c-composite-grey-front #dropdown-o-e-fascia-type li.o-fascia-honey, #configurator.g4.o-c-composite-wood-front #dropdown-o-e-fascia-type li.o-fascia-honey, #configurator.g4.o-c-composite-cedar-front #dropdown-o-e-fascia-type li.o-fascia-honey {
display: none;
}
#configurator ul.options-group li.o-e-canopy-left-hoodlights,
#configurator ul.options-group li.o-e-canopy-right-hoodlights {
display: none;
}
#configurator.has-canopy-left ul.options-group li.o-e-canopy-left-hoodlights {
display: list-item;
}
#configurator.has-canopy-right ul.options-group li.o-e-canopy-right-hoodlights {
display: list-item;
}
#configurator div.customer-document tr.o-kitchen-d-slot-a,
#configurator div.customer-document tr.o-kitchen-d-slot-b,
#configurator div.customer-document tr.o-kitchen-e-slot-a,
#configurator div.customer-document tr.o-kitchen-e-slot-b {
display: none;
}
#configurator.o-kitchen-d div.customer-document tr.o-kitchen-d-slot-a, #configurator.o-kitchen-d div.customer-document tr.o-kitchen-d-slot-b, #configurator.o-kitchen-e div.customer-document tr.o-kitchen-e-slot-a, #configurator.o-kitchen-e div.customer-document tr.o-kitchen-e-slot-b {
display: table-row;
}
#configurator.o-bathroom-none div.customer-document tr.bathroom-options, #configurator.o-kitchen-none div.customer-document tr.kitchen-options {
display: none;
}
#configurator tr.blinds-minimum-charge-supplement td {
color: red;
}
#configurator .ajax-tcard-sync-message h3.failed-to-sync-tcard,
#configurator .size-chooser td.invalid span {
cursor: default;
}
#configurator div.header {
position: relative;
}
#configurator div.header div.click-target {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#configurator div.header img.header-banner {
width: 100%;
height: 102px;
margin-top: 5px;
}
#configurator .rotate-toggle {
text-align: center;
background-image: url("../../images/configurator.4506/3d-rotation-button-sprite-tgo.png?20260521203846");
background-position: 0 0;
width: 200px;
height: 60px;
position: absolute;
right: 0;
padding: 0;
}
#configurator .rotate-toggle.bottom {
bottom: 56px;
}
#configurator .rotate-toggle.top {
top: 78px;
}
#configurator .rotate-toggle:hover {
background-position: -200px 0;
cursor: pointer;
}
#configurator .rotate-toggle.active {
background-position: -200px 0;
}
#configurator .rotate-toggle:hover.active {
background-position: 0 0;
}
#configurator .ui-dialog {
font-size: 80%;
}
#configurator .ui-dialog-content {
font-size: 120%;
}
#configurator .ui-tabs .ui-state-disabled {
display: none;
}
#configurator .ui-tabs-panel {
padding: 10px 0 5px 0;
}
#configurator .ui-dialog.dialog.confirm .ui-widget-header,
#configurator .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gr .ui-dialog.dialog.confirm .ui-widget-header, #configurator.skin-gr .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo .ui-dialog.dialog.confirm .ui-widget-header, #configurator.skin-tgo .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-gs .ui-dialog.dialog.confirm .ui-widget-header, #configurator.skin-gs .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .ui-dialog.dialog.confirm .ui-widget-header, #configurator.skin-pw .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-ta .ui-dialog.dialog.confirm .ui-widget-header, #configurator.skin-ta .ui-dialog.dialog.confirm .ui-button {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .toolbar {
background-image: none;
color: #3c1530;
}
#configurator.skin-pw .right-click-prompt, #configurator.skin-pw .panel-options {
/*
background-color: #2a1e08;
background-image: none;
border-radius: 10px;
*/
}
#configurator.skin-pw .trim-colour {
border: 1px solid #2a1e08;
background-color: #443410;
}
#configurator.skin-pw div.size-chooser.ui-button, #configurator.skin-pw h3.ui-button {
background-image: none;
background-color: #3c1530;
border: 1px solid #521d42;
text-transform: uppercase;
text-align: left;
}
#configurator.skin-pw h3.ui-button.active, #configurator.skin-pw h3.ui-button.ui-state-hover {
background-color: #443410;
border: 1px solid #3c1530;
color: white;
}
#configurator.skin-pw h3.ui-button.ui-state-hover {
color: #fca305;
}
#configurator.skin-pw .toolbar .footer {
/* background-image: url('../../images/configurator.4506/pw/toolbar-bg.png?20260521203846'); */
background-image: none;
}
#configurator.skin-pw .toolbar .options-group, #configurator.skin-pw .toolbar ul {
background-color: #2a1e08;
border: 1px solid #443410;
color: white;
}
#configurator.skin-pw #help-viewer span.icon.drag-and-drop, #configurator.skin-pw .toolbar li span.icon {
background-image: url("../../images/configurator.4506/pw/move-icon.png?20260521203846");
}
#configurator .ui-dialog span,
#configurator .ui-dialog p,
#configurator .ui-dialog span {
color: white;
}
#configurator .ui-dialog p.price-change-message {
color: #222;
margin: 10px 0 10px 0;
}
#configurator .ui-dialog p.price-change-message span.price-change-to-options-note {
display: block;
margin-top: 15px;
color: #222;
font-size: 12px;
}
#configurator .ui-widget-header,
#configurator .ui-dialog .ui-button,
#configurator .ui-button {
outline: none;
background-image: none;
}
#configurator.skin-pw .ui-dialog .ui-button.ui-state-focus {
color: white;
}
#configurator.skin-pw .ui-dialog .ui-button.ui-state-hover, #configurator.skin-pw .ui-button.ui-state-hover {
color: #fca305;
}
#configurator.skin-pw .style-chooser .hover {
background-color: #fca305;
}
#configurator.skin-pw .header {
text-align: center;
margin-bottom: 0;
}
#configurator.skin-pw .header h1 {
margin-bottom: 10px;
}
#configurator.skin-pw .size-chooser table td.v a {
background-color: #2a1e08;
border: 1px solid silver;
}
#configurator.skin-pw .size-chooser table td.v a span {
background-color: #2a1e08;
}
#configurator.skin-pw .size-chooser table td.v.selected a {
background-image: none;
border: 1px solid silver;
}
#configurator.skin-pw .size-chooser table td.v.selected a span {
background-color: #3c1530;
}
#configurator.skin-pw .size-chooser table:hover td.v a {
background-color: #443410;
}
#configurator.skin-pw .size-chooser table td, #configurator.skin-pw .size-chooser table th {
background-color: transparent;
color: #ffffde;
}
#configurator.skin-pw .size-chooser table td.v a:hover span {
background-position: 100% -31px;
text-decoration: underline;
background-color: #443410;
}
#configurator.skin-pw .size-chooser table:hover td.v a:hover {
background-color: #fca305;
}
#configurator.skin-pw .size-chooser table td.v.selected a span, #configurator.skin-pw .size-chooser table td.v.selected a:hover span {
background-position: 100% -649px;
background-color: #fca305;
background-image: none;
text-decoration: none;
}
#configurator.skin-pw .style-chooser .style h2 {
margin-bottom: 10px;
}
#configurator.skin-pw #modal-message .ajax-configurator-reference, #configurator.skin-pw #modal-message .ajax-response-message, #configurator.skin-pw #modal-message .header {
border: 1px solid #fca305;
}
#configurator.skin-pw #modal-message p {
color: white;
}
#configurator.skin-pw input[type=submit] {
background-color: #443410;
}
#configurator.skin-pw .content-pane.door-sets .header {
border: 1px solid #9bad39;
}
#configurator.skin-pw .dd-pointer-down {
border-top-color: #fca305;
}
#configurator.skin-pw .dd-pointer-up {
border-bottom-color: #fca305 !important;
}
#configurator.skin-pw .side ul li {
width: 34px;
height: 167px;
float: left;
}
#configurator.height-2800.skin-pw .side ul li {
height: 187px;
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-pw.o-cheek-left-type-contemporary #side-front ul li.left-corner, #configurator.gw.gw.o-cheek-left-type-contemporary #side-front ul li.left-corner {
width: 0;
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-pw.o-cheek-right-type-contemporary #side-front ul li.right-corner, #configurator.gw.gw.o-cheek-right-type-contemporary #side-front ul li.right-corner {
width: 0;
}
#configurator.skin-pw .side ul li.cheek, #configurator.gw.gw .side ul li.cheek {
width: 0;
}
#configurator.skin-pw #cheek-front-left, #configurator.gw.gw #cheek-front-left, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-pw.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.gw.gw.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.skin-pw #cheek-front-left, #configurator.height-2800.gw.gw #cheek-front-left, #configurator.height-2800.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-pw.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.height-2800.gw.gw.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
height: 187px;
}
#configurator.skin-pw.g1 #viewer #cheek-front-left, #configurator.gw.gw.g1 #viewer #cheek-front-left, #configurator.skin-pw.g1 #cheek-front-left, #configurator.gw.gw.g1 #cheek-front-left, #configurator.g1.o-cheek-left-size-100 #side-front ul li.left-cheek, #configurator.g1.o-cheek-left-size-400 #side-front ul li.left-cheek {
width: 13px;
}
#configurator.skin-pw #viewer #cheek-front-left, #configurator.gw.gw #viewer #cheek-front-left, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek {
width: 10px;
height: 147px;
}
#configurator.skin-pw #cheek-inner-left, #configurator.gw.gw #cheek-inner-left {
background-position: 0 0;
}
#configurator.skin-pw #cheek-inner-right, #configurator.gw.gw #cheek-inner-right {
background-position: 0 0;
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-spruce.png");
}
#configurator.skin-pw.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-honey.png");
}
#configurator.skin-pw.edge.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.edge.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.edge.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.edge.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.edge.o-cheeks-forced #front-step-change-side-infill, #configurator.gw.gw.edge.o-cheeks-forced #front-step-change-side-infill {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-black.png") !important;
}
#configurator.skin-pw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-spruce-inner-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-honey-inner-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-cedar-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-white-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-pw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.skin-pw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.skin-pw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.skin-pw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-cedar.png");
}
#configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-cedar-premium.jpg");
}
#configurator.skin-pw.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-pw.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-pw.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-pw.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-pw.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-white.png");
}
#configurator.skin-pw.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-grey.png");
}
#configurator.skin-pw.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-grey.png");
}
#configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-oak.png");
}
#configurator.skin-pw.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-oak.png");
}
#configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-cedar.png");
}
#configurator.skin-pw.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-composite-cedar.png");
}
#configurator.skin-pw.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.gw.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-pw.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.gw.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-inner-cheek-composite-spruce.png");
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-spruce.png");
}
#configurator.skin-pw.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-honey.png");
}
#configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-cedar.png");
}
#configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-black.png");
}
#configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-black.png");
}
#configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-black.png");
}
#configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-black.png");
}
#configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-white.png");
}
#configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-grey.png");
}
#configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-oak.png");
}
#configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-composite-cedar.png");
}
#configurator.skin-pw.o-cheek-left-type-contemporary #cheek-front-left, #configurator.gw.gw.o-cheek-left-type-contemporary #cheek-front-left, #configurator.skin-pw.o-cheek-right-type-contemporary #cheek-front-right, #configurator.gw.gw.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.skin-pw.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek, #configurator.gw.gw.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.skin-pw #cheek-front-right, #configurator.gw.gw #cheek-front-right, #configurator.skin-pw .side ul li.corner, #configurator.gw.gw .side ul li.corner, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.gw.gw.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.skin-pw #cheek-front-right, #configurator.height-2800.gw.gw #cheek-front-right, #configurator.height-2800.skin-pw .side ul li.corner, #configurator.height-2800.gw.gw .side ul li.corner, #configurator.height-2800.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
height: 187px;
}
#configurator.skin-pw.g1 #viewer #cheek-front-right, #configurator.gw.gw.g1 #viewer #cheek-front-right, #configurator.skin-pw.g1 #viewer #side-front ul li.corner, #configurator.gw.gw.g1 #viewer #side-front ul li.corner, #configurator.skin-pw.g1 #viewer #side-rear ul li.corner, #configurator.gw.gw.g1 #viewer #side-rear ul li.corner, #configurator.skin-pw.g1 #viewer #side-rear-canopy ul li.corner, #configurator.gw.gw.g1 #viewer #side-rear-canopy ul li.corner, #configurator.skin-pw.g1 #cheek-front-right, #configurator.gw.gw.g1 #cheek-front-right, #configurator.skin-pw.g1 #side-front ul li.corner, #configurator.gw.gw.g1 #side-front ul li.corner, #configurator.skin-pw.g1 #side-rear ul li.corner, #configurator.gw.gw.g1 #side-rear ul li.corner, #configurator.skin-pw.g1 #side-rear-canopy ul li.corner, #configurator.gw.gw.g1 #side-rear-canopy ul li.corner, #configurator.g1.o-cheek-right-size-100 #side-front ul li.right-cheek, #configurator.g1.o-cheek-right-size-400 #side-front ul li.right-cheek {
width: 13px;
}
#configurator.skin-pw #viewer #cheek-front-right, #configurator.gw.gw #viewer #cheek-front-right, #configurator.skin-pw #viewer .side ul li.corner, #configurator.gw.gw #viewer .side ul li.corner, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.skin-pw #viewer #cheek-front-right, #configurator.height-2800.gw.gw #viewer #cheek-front-right, #configurator.height-2800.skin-pw #viewer .side ul li.corner, #configurator.height-2800.gw.gw #viewer .side ul li.corner, #configurator.height-2800.skin-pw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-pw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.gw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
height: 187px;
}
#configurator.skin-pw.g4 #cheek-front-right, #configurator.gw.gw.g4 #cheek-front-right, #configurator.skin-pw.g4 .side ul li.corner, #configurator.gw.gw.g4 .side ul li.corner, #configurator.skin-pw.g4.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-pw.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.gw.gw.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek {
height: 149px;
}
#configurator.skin-pw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/pw/fascia-vertical-spruce.png");
}
#configurator.skin-pw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-pw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-pw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-pw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.skin-pw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.skin-pw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.skin-pw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.skin-pw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.skin-pw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.skin-pw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.skin-pw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.skin-pw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.skin-pw.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek, #configurator.gw.gw.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.skin-pw .side ul li.cheek, #configurator.gw.gw .side ul li.cheek {
width: 0;
}
.debug #configurator.skin-pw .side ul.base li.cheek, .debug #configurator.gw.gw .side ul.base li.cheek {
background-color: red;
}
#configurator.skin-pw .side ul li.overhang, #configurator.gw.gw .side ul li.overhang {
width: 0;
}
.debug #configurator.skin-pw .side ul.base li.overhang, .debug #configurator.gw.gw .side ul.base li.overhang {
background-color: orange;
}
#configurator.skin-pw #side-left.side ul li.right-overhang, #configurator.gw.gw #side-left.side ul li.right-overhang, #configurator.skin-pw #side-right.side ul li.left-overhang {
/* front */
width: 16px;
}
#configurator.skin-pw.g1 #side-left.side ul li.right-overhang, #configurator.gw.gw.g1 #side-left.side ul li.right-overhang, #configurator.skin-pw.g1 #side-right.side ul li.left-overhang {
/* front */
width: 32px;
}
#configurator.skin-pw.g4 #side-left.side ul li.right-overhang, #configurator.gw.gw.g4 #side-left.side ul li.right-overhang, #configurator.skin-pw.g4 #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-pw #side-left.side ul li.left-overhang, #configurator.gw.gw #side-left.side ul li.left-overhang, #configurator.skin-pw #side-right.side ul li.right-overhang {
/* rear */
width: 5px;
}
#configurator.skin-pw #side-front.side ul li.left-overhang, #configurator.gw.gw #side-front.side ul li.left-overhang, #configurator.skin-pw #side-front.side ul li.right-overhang, #configurator.gw.gw #side-front.side ul li.right-overhang, #configurator.skin-pw #side-rear.side ul li.left-overhang, #configurator.gw.gw #side-rear.side ul li.left-overhang, #configurator.skin-pw #side-rear.side ul li.right-overhang, #configurator.gw.gw #side-rear.side ul li.right-overhang, #configurator.skin-pw #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw #side-rear-canopy.side ul li.right-overhang {
width: 18px;
}
#configurator.skin-pw.g2 #side-left .decking, #configurator.skin-pw.den #side-left .decking, #configurator.gw.gw.g2 #side-left .decking, #configurator.gw.gw.den #side-left .decking, #configurator.skin-pw.g2 #side-right .decking, #configurator.skin-pw.den #side-right .decking, #configurator.gw.gw.g2 #side-right .decking, #configurator.gw.gw.den #side-right .decking, #configurator.skin-pw.x1 #side-left .decking, #configurator.gw.gw.x1 #side-left .decking, #configurator.skin-pw.x1 #side-right .decking, #configurator.gw.gw.x1 #side-right .decking, #configurator.skin-pw.ta1 #side-left .decking, #configurator.gw.gw.ta1 #side-left .decking, #configurator.skin-pw.ta1 #side-right .decking, #configurator.gw.gw.ta1 #side-right .decking, #configurator.skin-pw.g3 #side-left .decking, #configurator.gw.gw.g3 #side-left .decking, #configurator.skin-pw.g3 #side-right .decking, #configurator.gw.gw.g3 #side-right .decking, #configurator.skin-pw.edge #side-left .decking, #configurator.gw.gw.edge #side-left .decking, #configurator.skin-pw.edge #side-right .decking, #configurator.gw.gw.edge #side-right .decking {
display: none;
}
#configurator.skin-pw.g2 #front-roof, #configurator.skin-pw.den #front-roof, #configurator.gw.gw.g2 #front-roof, #configurator.gw.gw.den #front-roof, #configurator.skin-pw.x1 #front-roof, #configurator.gw.gw.x1 #front-roof, #configurator.skin-pw.ta1 #front-roof, #configurator.gw.gw.ta1 #front-roof, #configurator.skin-pw.g3 #front-roof, #configurator.gw.gw.g3 #front-roof, #configurator.skin-pw.edge #front-roof, #configurator.gw.gw.edge #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
}
#configurator.skin-pw.g2 #left-roof, #configurator.skin-pw.den #left-roof, #configurator.gw.gw.g2 #left-roof, #configurator.gw.gw.den #left-roof, #configurator.skin-pw.x1 #left-roof, #configurator.gw.gw.x1 #left-roof, #configurator.skin-pw.ta1 #left-roof, #configurator.gw.gw.ta1 #left-roof, #configurator.skin-pw.g3 #left-roof, #configurator.gw.gw.g3 #left-roof, #configurator.skin-pw.edge #left-roof, #configurator.gw.gw.edge #left-roof {
background-position: 100% -200px;
}
#configurator.skin-pw.g2 #right-roof, #configurator.skin-pw.den #right-roof, #configurator.gw.gw.g2 #right-roof, #configurator.gw.gw.den #right-roof, #configurator.skin-pw.x1 #right-roof, #configurator.gw.gw.x1 #right-roof, #configurator.skin-pw.ta1 #right-roof, #configurator.gw.gw.ta1 #right-roof, #configurator.skin-pw.g3 #right-roof, #configurator.gw.gw.g3 #right-roof, #configurator.skin-pw.edge #right-roof, #configurator.gw.gw.edge #right-roof {
background-position: 0 -800px;
}
#configurator.skin-pw.g2 #viewer #front-roof, #configurator.skin-pw.den #viewer #front-roof, #configurator.gw.gw.g2 #viewer #front-roof, #configurator.gw.gw.den #viewer #front-roof, #configurator.skin-pw.x1 #viewer #front-roof, #configurator.gw.gw.x1 #viewer #front-roof, #configurator.skin-pw.ta1 #viewer #front-roof, #configurator.gw.gw.ta1 #viewer #front-roof, #configurator.skin-pw.g3 #viewer #front-roof, #configurator.gw.gw.g3 #viewer #front-roof, #configurator.skin-pw.edge #viewer #front-roof, #configurator.gw.gw.edge #viewer #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
background-position: 0 -2986px;
/*-1391px;*/
}
#configurator.skin-pw.g2 #viewer #left-roof, #configurator.skin-pw.den #viewer #left-roof, #configurator.gw.gw.g2 #viewer #left-roof, #configurator.gw.gw.den #viewer #left-roof, #configurator.skin-pw.x1 #viewer #left-roof, #configurator.gw.gw.x1 #viewer #left-roof, #configurator.skin-pw.ta1 #viewer #left-roof, #configurator.gw.gw.ta1 #viewer #left-roof, #configurator.skin-pw.g3 #viewer #left-roof, #configurator.gw.gw.g3 #viewer #left-roof, #configurator.skin-pw.edge #viewer #left-roof, #configurator.gw.gw.edge #viewer #left-roof {
background-position: 100% -194px;
}
#configurator.skin-pw.g2 #viewer #right-roof, #configurator.skin-pw.den #viewer #right-roof, #configurator.gw.gw.g2 #viewer #right-roof, #configurator.gw.gw.den #viewer #right-roof, #configurator.skin-pw.x1 #viewer #right-roof, #configurator.gw.gw.x1 #viewer #right-roof, #configurator.skin-pw.ta1 #viewer #right-roof, #configurator.gw.gw.ta1 #viewer #right-roof, #configurator.skin-pw.g3 #viewer #right-roof, #configurator.gw.gw.g3 #viewer #right-roof, #configurator.skin-pw.edge #viewer #right-roof, #configurator.gw.gw.edge #viewer #right-roof {
background-position: 0 -794px;
}
#configurator.skin-pw.g2 #side-left.side ul li.right-overhang, #configurator.skin-pw.den #side-left.side ul li.right-overhang, #configurator.gw.gw.g2 #side-left.side ul li.right-overhang, #configurator.gw.gw.den #side-left.side ul li.right-overhang, #configurator.skin-pw.g2 #side-right.side ul li.left-overhang, #configurator.skin-pw.den #side-right.side ul li.left-overhang, #configurator.gw.gw.g2 #side-right.side ul li.left-overhang, #configurator.gw.gw.den #side-right.side ul li.left-overhang, #configurator.skin-pw.x1 #side-left.side ul li.right-overhang, #configurator.gw.gw.x1 #side-left.side ul li.right-overhang, #configurator.skin-pw.x1 #side-right.side ul li.left-overhang, #configurator.gw.gw.x1 #side-right.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-left.side ul li.right-overhang, #configurator.gw.gw.ta1 #side-left.side ul li.right-overhang, #configurator.skin-pw.ta1 #side-right.side ul li.left-overhang, #configurator.gw.gw.ta1 #side-right.side ul li.left-overhang, #configurator.skin-pw.g3 #side-left.side ul li.right-overhang, #configurator.gw.gw.g3 #side-left.side ul li.right-overhang, #configurator.skin-pw.g3 #side-right.side ul li.left-overhang, #configurator.gw.gw.g3 #side-right.side ul li.left-overhang, #configurator.skin-pw.edge #side-left.side ul li.right-overhang, #configurator.gw.gw.edge #side-left.side ul li.right-overhang, #configurator.skin-pw.edge #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-pw.g2 #side-left.side ul li.left-overhang, #configurator.skin-pw.den #side-left.side ul li.left-overhang, #configurator.gw.gw.g2 #side-left.side ul li.left-overhang, #configurator.gw.gw.den #side-left.side ul li.left-overhang, #configurator.skin-pw.g2 #side-right.side ul li.right-overhang, #configurator.skin-pw.den #side-right.side ul li.right-overhang, #configurator.gw.gw.g2 #side-right.side ul li.right-overhang, #configurator.gw.gw.den #side-right.side ul li.right-overhang, #configurator.skin-pw.x1 #side-left.side ul li.left-overhang, #configurator.gw.gw.x1 #side-left.side ul li.left-overhang, #configurator.skin-pw.x1 #side-right.side ul li.right-overhang, #configurator.gw.gw.x1 #side-right.side ul li.right-overhang, #configurator.skin-pw.ta1 #side-left.side ul li.left-overhang, #configurator.gw.gw.ta1 #side-left.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-right.side ul li.right-overhang, #configurator.gw.gw.ta1 #side-right.side ul li.right-overhang, #configurator.skin-pw.g3 #side-left.side ul li.left-overhang, #configurator.gw.gw.g3 #side-left.side ul li.left-overhang, #configurator.skin-pw.g3 #side-right.side ul li.right-overhang, #configurator.gw.gw.g3 #side-right.side ul li.right-overhang, #configurator.skin-pw.edge #side-left.side ul li.left-overhang, #configurator.gw.gw.edge #side-left.side ul li.left-overhang, #configurator.skin-pw.edge #side-right.side ul li.right-overhang {
/* rear */
width: 0px;
}
#configurator.skin-pw.g2 #side-front.side ul li.left-overhang, #configurator.skin-pw.den #side-front.side ul li.left-overhang, #configurator.gw.gw.g2 #side-front.side ul li.left-overhang, #configurator.gw.gw.den #side-front.side ul li.left-overhang, #configurator.skin-pw.g2 #side-front.side ul li.right-overhang, #configurator.skin-pw.den #side-front.side ul li.right-overhang, #configurator.gw.gw.g2 #side-front.side ul li.right-overhang, #configurator.gw.gw.den #side-front.side ul li.right-overhang, #configurator.skin-pw.g2 #side-rear.side ul li.left-overhang, #configurator.skin-pw.den #side-rear.side ul li.left-overhang, #configurator.gw.gw.g2 #side-rear.side ul li.left-overhang, #configurator.gw.gw.den #side-rear.side ul li.left-overhang, #configurator.skin-pw.g2 #side-rear.side ul li.right-overhang, #configurator.skin-pw.den #side-rear.side ul li.right-overhang, #configurator.gw.gw.g2 #side-rear.side ul li.right-overhang, #configurator.gw.gw.den #side-rear.side ul li.right-overhang, #configurator.skin-pw.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.den #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.den #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-pw.den #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.den #side-rear-canopy.side ul li.right-overhang, #configurator.skin-pw.x1 #side-front.side ul li.left-overhang, #configurator.gw.gw.x1 #side-front.side ul li.left-overhang, #configurator.skin-pw.x1 #side-front.side ul li.right-overhang, #configurator.gw.gw.x1 #side-front.side ul li.right-overhang, #configurator.skin-pw.x1 #side-rear.side ul li.left-overhang, #configurator.gw.gw.x1 #side-rear.side ul li.left-overhang, #configurator.skin-pw.x1 #side-rear.side ul li.right-overhang, #configurator.gw.gw.x1 #side-rear.side ul li.right-overhang, #configurator.skin-pw.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-pw.ta1 #side-front.side ul li.left-overhang, #configurator.gw.gw.ta1 #side-front.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-front.side ul li.right-overhang, #configurator.gw.gw.ta1 #side-front.side ul li.right-overhang, #configurator.skin-pw.ta1 #side-rear.side ul li.left-overhang, #configurator.gw.gw.ta1 #side-rear.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-rear.side ul li.right-overhang, #configurator.gw.gw.ta1 #side-rear.side ul li.right-overhang, #configurator.skin-pw.g3 #side-front.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.ta1 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.ta1 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-pw.g3 #side-front.side ul li.left-overhang, #configurator.gw.gw.g3 #side-front.side ul li.left-overhang, #configurator.skin-pw.g3 #side-front.side ul li.right-overhang, #configurator.gw.gw.g3 #side-front.side ul li.right-overhang, #configurator.skin-pw.g3 #side-rear.side ul li.left-overhang, #configurator.gw.gw.g3 #side-rear.side ul li.left-overhang, #configurator.skin-pw.g3 #side-rear.side ul li.right-overhang, #configurator.gw.gw.g3 #side-rear.side ul li.right-overhang, #configurator.skin-pw.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-pw.edge #side-front.side ul li.left-overhang, #configurator.gw.gw.edge #side-front.side ul li.left-overhang, #configurator.skin-pw.edge #side-front.side ul li.right-overhang, #configurator.gw.gw.edge #side-front.side ul li.right-overhang, #configurator.skin-pw.edge #side-rear.side ul li.left-overhang, #configurator.gw.gw.edge #side-rear.side ul li.left-overhang, #configurator.skin-pw.edge #side-rear.side ul li.right-overhang, #configurator.gw.gw.edge #side-rear.side ul li.right-overhang, #configurator.skin-pw.edge #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.edge #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.edge #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.edge #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator.skin-pw.g4 #side-front.side ul li.left-overhang, #configurator.gw.gw.g4 #side-front.side ul li.left-overhang, #configurator.skin-pw.g4 #side-front.side ul li.right-overhang, #configurator.gw.gw.g4 #side-front.side ul li.right-overhang, #configurator.skin-pw.g4 #side-rear.side ul li.left-overhang, #configurator.gw.gw.g4 #side-rear.side ul li.left-overhang, #configurator.skin-pw.g4 #side-rear.side ul li.right-overhang, #configurator.gw.gw.g4 #side-rear.side ul li.right-overhang, #configurator.skin-pw.g4 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.gw.g4 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-pw.g4 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.gw.g4 #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator.skin-pw.graphite .side ul.base li.corner.corner-window-door, #configurator.gw.gw.graphite .side ul.base li.corner.corner-window-door, #configurator.skin-pw.graphite .side ul.base li.slot.fake, #configurator.gw.gw.graphite .side ul.base li.slot.fake, #configurator.skin-pw.graphite .side ul.base li.slot.occupied, #configurator.gw.gw.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.skin-pw.black .side ul.base li.corner.corner-window-door, #configurator.gw.gw.black .side ul.base li.corner.corner-window-door, #configurator.skin-pw.black .side ul.base li.slot.fake, #configurator.gw.gw.black .side ul.base li.slot.fake, #configurator.skin-pw.black .side ul.base li.slot.occupied, #configurator.gw.gw.black .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.skin-pw.graphite div.drag-helper div.sprite, #configurator.gw.gw.graphite div.drag-helper div.sprite, #configurator.skin-pw.graphite .toolbar li.panel div.preview div.panel, #configurator.gw.gw.graphite .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.skin-pw.black div.drag-helper div.sprite, #configurator.gw.gw.black div.drag-helper div.sprite, #configurator.skin-pw.black .toolbar li.panel div.preview div.panel, #configurator.gw.gw.black .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.skin-pw div#summary table.summary .group, #configurator.gw.gw div#summary table.summary .group {
margin: 0;
}
#configurator #sides img.view-3d-button,
#configurator #sides img.view-bom-button {
padding: 0;
border-width: 0;
}
#configurator #summary table.summary em {
color: black;
}
#configurator.gs .side ul li, #configurator.gw .side ul li {
width: 34px;
height: 167px;
float: left;
}
#configurator.height-2800.gs .side ul li, #configurator.height-2800.gw .side ul li {
height: 187px;
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.gs.o-cheek-left-type-contemporary #side-front ul li.left-corner, #configurator.gw.o-cheek-left-type-contemporary #side-front ul li.left-corner {
width: 0;
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.gs.o-cheek-right-type-contemporary #side-front ul li.right-corner, #configurator.gw.o-cheek-right-type-contemporary #side-front ul li.right-corner {
width: 0;
}
#configurator.gs #cheek-front-left, #configurator.gw #cheek-front-left, #configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.gw.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
width: 10px;
height: 167px;
}
#configurator.gs #cheek-front-left, #configurator.gw #cheek-front-left, #configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.gw.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
height: 187px;
}
#configurator.gs.g1 #viewer #cheek-front-left, #configurator.gw.g1 #viewer #cheek-front-left, #configurator.gs.g1 #cheek-front-left, #configurator.gw.g1 #cheek-front-left, #configurator.gs.g1.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gs.g1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.gw.g1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek {
width: 13px;
}
#configurator.gs #viewer #cheek-front-left, #configurator.gw #viewer #cheek-front-left, #configurator.gs.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek, #configurator.gw.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek {
width: 10px;
height: 147px;
}
#configurator.gs #cheek-inner-left, #configurator.gw #cheek-inner-left {
background-position: 0 0;
}
#configurator.gs #cheek-inner-right, #configurator.gw #cheek-inner-right {
background-position: 0 0;
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-spruce.png");
}
#configurator.gs.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-honey.png");
}
#configurator.gs.edge.o-cheeks-forced #cheek-inner-left, #configurator.gw.edge.o-cheeks-forced #cheek-inner-left, #configurator.gs.edge.o-cheeks-forced #cheek-inner-right, #configurator.gw.edge.o-cheeks-forced #cheek-inner-right, #configurator.gs.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.gw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.gs.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.gw.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.gs.edge.o-cheeks-forced #front-step-change-side-infill, #configurator.gw.edge.o-cheeks-forced #front-step-change-side-infill {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-black.png") !important;
}
#configurator.gs.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-spruce-inner-pinnacle.png");
}
#configurator.gs.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-honey-inner-pinnacle.png");
}
#configurator.gs.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-cedar-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.gs.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-white-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.gs.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.gs.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.gs.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.gs.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.gs.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-cedar.png");
}
#configurator.gs.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gs.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gs.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gs.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-black.png");
}
#configurator.gs.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-black.png");
}
#configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-vox-black.png");
}
#configurator.gs.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.gs.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-black.png");
}
#configurator.gs.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-white.png");
}
#configurator.gs.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.gs.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-grey.png");
}
#configurator.gs.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-grey.png");
}
#configurator.gs.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-oak.png");
}
#configurator.gs.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-oak.png");
}
#configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-cedar.png");
}
#configurator.gs.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-composite-cedar.png");
}
#configurator.gs.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gw.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.gs.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.gw.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gs/cladding-inner-cheek-composite-spruce.png");
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-spruce.png");
}
#configurator.gs.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-honey.png");
}
#configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, .skin-gr.g1 #side-right.side ul li.left-overhang #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-cedar.png");
}
#configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-black.png");
}
#configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-black.png");
}
#configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-black.png");
}
#configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-black.png");
}
#configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-white.png");
}
#configurator.gs.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-grey.png");
}
#configurator.gs.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-oak.png");
}
#configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-composite-cedar.png");
}
#configurator.gs.o-cheek-left-type-contemporary #cheek-front-left, #configurator.gw.o-cheek-left-type-contemporary #cheek-front-left, #configurator.gs.o-cheek-right-type-contemporary #cheek-front-right, #configurator.gw.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.gs.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek, #configurator.gw.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.gs #cheek-front-right, #configurator.gw #cheek-front-right, #configurator.gs .side ul li.corner, #configurator.gw .side ul li.corner, #configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.gw.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.gs #cheek-front-right, #configurator.height-2800.gw #cheek-front-right, #configurator.height-2800.gs .side ul li.corner, #configurator.height-2800.gw .side ul li.corner, #configurator.height-2800.gs.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.gs.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.height-2800.gw.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
height: 187px;
}
#configurator.gs.g1 #viewer #cheek-front-right, #configurator.gw.g1 #viewer #cheek-front-right, #configurator.gs.g1 #viewer #side-front ul li.corner, #configurator.gw.g1 #viewer #side-front ul li.corner, #configurator.gs.g1 #viewer #side-rear ul li.corner, #configurator.gw.g1 #viewer #side-rear ul li.corner, #configurator.gs.g1 #viewer #side-rear-canopy ul li.corner, #configurator.gw.g1 #viewer #side-rear-canopy ul li.corner, #configurator.gs.g1 #cheek-front-right, #configurator.gw.g1 #cheek-front-right, #configurator.gs.g1 #side-front ul li.corner, #configurator.gw.g1 #side-front ul li.corner, #configurator.gs.g1 #side-rear ul li.corner, #configurator.gw.g1 #side-rear ul li.corner, #configurator.gs.g1 #side-rear-canopy ul li.corner, #configurator.gw.g1 #side-rear-canopy ul li.corner, #configurator.gs.g1.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek {
width: 13px;
}
#configurator.gs #viewer #cheek-front-right, #configurator.gw #viewer #cheek-front-right, #configurator.gs #viewer .side ul li.corner, #configurator.gw #viewer .side ul li.corner, #configurator.gs.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.gw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.gs #viewer #cheek-front-right, #configurator.height-2800.gw #viewer #cheek-front-right, #configurator.height-2800.gs #viewer .side ul li.corner, #configurator.height-2800.gw #viewer .side ul li.corner, #configurator.height-2800.gs.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.gs.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.height-2800.gw.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
height: 187px;
}
#configurator.gs.g4 #cheek-front-right, #configurator.gw.g4 #cheek-front-right, #configurator.gs.g4 .side ul li.corner, #configurator.gw.g4 .side ul li.corner, #configurator.gs.g4.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gw.g4.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.gs.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.gw.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.gs.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek {
height: 149px;
}
#configurator.gs.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gs/fascia-vertical-spruce.png");
}
#configurator.gs.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gs.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gs.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gs.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.gs.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-slatted.png");
}
#configurator.gs.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.gs.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.gs.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.gs.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.gs.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.gs.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.gs.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.gw.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.gs.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek, #configurator.gw.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.gs .side ul li.cheek, #configurator.gw .side ul li.cheek {
width: 0;
}
.debug #configurator.gs .side ul.base li.cheek, .debug #configurator.gw .side ul.base li.cheek {
background-color: red;
}
#configurator.gs .side ul li.overhang, #configurator.gw .side ul li.overhang {
width: 0;
}
.debug #configurator.gs .side ul.base li.overhang, .debug #configurator.gw .side ul.base li.overhang {
background-color: orange;
}
#configurator.gs #side-left.side ul li.right-overhang, #configurator.gw #side-left.side ul li.right-overhang, #configurator.gs #side-right.side ul li.left-overhang, #configurator.gw #side-right.side ul li.left-overhang {
/* front */
width: 16px;
}
#configurator.gs.g1 #side-left.side ul li.right-overhang, #configurator.gw.g1 #side-left.side ul li.right-overhang, #configurator.gs.g1 #side-right.side ul li.left-overhang, #configurator.gw.g1 #side-right.side ul li.left-overhang {
/* front */
width: 32px;
}
#configurator.gs.g4 #side-left.side ul li.right-overhang, #configurator.gw.g4 #side-left.side ul li.right-overhang, #configurator.gs.g4 #side-right.side ul li.left-overhang, #configurator.gw.g4 #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.gs #side-left.side ul li.left-overhang, #configurator.gw #side-left.side ul li.left-overhang, #configurator.gs #side-right.side ul li.right-overhang, #configurator.gw #side-right.side ul li.right-overhang {
/* rear */
width: 5px;
}
#configurator.gs #side-front.side ul li.left-overhang, #configurator.gw #side-front.side ul li.left-overhang, #configurator.gs #side-front.side ul li.right-overhang, #configurator.gw #side-front.side ul li.right-overhang, #configurator.gs #side-rear.side ul li.left-overhang, #configurator.gw #side-rear.side ul li.left-overhang, #configurator.gs #side-rear.side ul li.right-overhang, #configurator.gw #side-rear.side ul li.right-overhang, #configurator.gs #side-rear-canopy.side ul li.left-overhang, #configurator.gw #side-rear-canopy.side ul li.left-overhang, #configurator.gs #side-rear-canopy.side ul li.right-overhang, #configurator.gw #side-rear-canopy.side ul li.right-overhang {
width: 18px;
}
#configurator.gs.g2 #side-left .decking, #configurator.gs.den #side-left .decking, #configurator.gw.g2 #side-left .decking, #configurator.gw.den #side-left .decking, #configurator.gs.g2 #side-right .decking, #configurator.gs.den #side-right .decking, #configurator.gw.g2 #side-right .decking, #configurator.gw.den #side-right .decking, #configurator.gs.x1 #side-left .decking, #configurator.gw.x1 #side-left .decking, #configurator.gs.x1 #side-right .decking, #configurator.gw.x1 #side-right .decking, #configurator.gs.ta1 #side-left .decking, #configurator.gw.ta1 #side-left .decking, #configurator.gs.ta1 #side-right .decking, #configurator.gw.ta1 #side-right .decking, #configurator.gs.g3 #side-left .decking, #configurator.gw.g3 #side-left .decking, #configurator.gs.g3 #side-right .decking, #configurator.gw.g3 #side-right .decking, #configurator.gs.edge #side-left .decking, #configurator.gw.edge #side-left .decking, #configurator.gs.edge #side-right .decking, #configurator.gw.edge #side-right .decking {
display: none;
}
#configurator.gs.g2 #front-roof, #configurator.gs.den #front-roof, #configurator.gw.g2 #front-roof, #configurator.gw.den #front-roof, #configurator.gs.x1 #front-roof, #configurator.gw.x1 #front-roof, #configurator.gs.ta1 #front-roof, #configurator.gw.ta1 #front-roof, #configurator.gs.g3 #front-roof, #configurator.gw.g3 #front-roof, #configurator.gs.edge #front-roof, #configurator.gw.edge #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
}
#configurator.gs.g2 #left-roof, #configurator.gs.den #left-roof, #configurator.gw.g2 #left-roof, #configurator.gw.den #left-roof, #configurator.gs.x1 #left-roof, #configurator.gw.x1 #left-roof, #configurator.gs.ta1 #left-roof, #configurator.gw.ta1 #left-roof, #configurator.gs.g3 #left-roof, #configurator.gw.g3 #left-roof, #configurator.gs.edge #left-roof, #configurator.gw.edge #left-roof {
background-position: 100% -200px;
}
#configurator.gs.g2 #right-roof, #configurator.gs.den #right-roof, #configurator.gw.g2 #right-roof, #configurator.gw.den #right-roof, #configurator.gs.x1 #right-roof, #configurator.gw.x1 #right-roof, #configurator.gs.ta1 #right-roof, #configurator.gw.ta1 #right-roof, #configurator.gs.g3 #right-roof, #configurator.gw.g3 #right-roof, #configurator.gs.edge #right-roof, #configurator.gw.edge #right-roof {
background-position: 0 -800px;
}
#configurator.gs.g2 #viewer #front-roof, #configurator.gs.den #viewer #front-roof, #configurator.gw.g2 #viewer #front-roof, #configurator.gw.den #viewer #front-roof, #configurator.gs.x1 #viewer #front-roof, #configurator.gw.x1 #viewer #front-roof, #configurator.gs.ta1 #viewer #front-roof, #configurator.gw.ta1 #viewer #front-roof, #configurator.gs.g3 #viewer #front-roof, #configurator.gw.g3 #viewer #front-roof, #configurator.gs.edge #viewer #front-roof, #configurator.gw.edge #viewer #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
background-position: 0 -2986px;
/*-1391px;*/
}
#configurator.gs.g2 #viewer #left-roof, #configurator.gs.den #viewer #left-roof, #configurator.gw.g2 #viewer #left-roof, #configurator.gw.den #viewer #left-roof, #configurator.gs.x1 #viewer #left-roof, #configurator.gw.x1 #viewer #left-roof, #configurator.gs.ta1 #viewer #left-roof, #configurator.gw.ta1 #viewer #left-roof, #configurator.gs.g3 #viewer #left-roof, #configurator.gw.g3 #viewer #left-roof, #configurator.gs.edge #viewer #left-roof, #configurator.gw.edge #viewer #left-roof {
background-position: 100% -194px;
}
#configurator.gs.g2 #viewer #right-roof, #configurator.gs.den #viewer #right-roof, #configurator.gw.g2 #viewer #right-roof, #configurator.gw.den #viewer #right-roof, #configurator.gs.x1 #viewer #right-roof, #configurator.gw.x1 #viewer #right-roof, #configurator.gs.ta1 #viewer #right-roof, #configurator.gw.ta1 #viewer #right-roof, #configurator.gs.g3 #viewer #right-roof, #configurator.gw.g3 #viewer #right-roof, #configurator.gs.edge #viewer #right-roof, #configurator.gw.edge #viewer #right-roof {
background-position: 0 -794px;
}
#configurator.gs.g2 #side-left.side ul li.right-overhang, #configurator.gs.den #side-left.side ul li.right-overhang, #configurator.gw.g2 #side-left.side ul li.right-overhang, #configurator.gw.den #side-left.side ul li.right-overhang, #configurator.gs.g2 #side-right.side ul li.left-overhang, #configurator.gs.den #side-right.side ul li.left-overhang, #configurator.gw.g2 #side-right.side ul li.left-overhang, #configurator.gw.den #side-right.side ul li.left-overhang, #configurator.gs.x1 #side-left.side ul li.right-overhang, #configurator.gw.x1 #side-left.side ul li.right-overhang, #configurator.gs.x1 #side-right.side ul li.left-overhang, #configurator.gw.x1 #side-right.side ul li.left-overhang, #configurator.gs.ta1 #side-left.side ul li.right-overhang, #configurator.gw.ta1 #side-left.side ul li.right-overhang, #configurator.gs.ta1 #side-right.side ul li.left-overhang, #configurator.gw.ta1 #side-right.side ul li.left-overhang, #configurator.gs.g3 #side-left.side ul li.right-overhang, #configurator.gw.g3 #side-left.side ul li.right-overhang, #configurator.gs.g3 #side-right.side ul li.left-overhang, #configurator.gw.g3 #side-right.side ul li.left-overhang, #configurator.gs.edge #side-left.side ul li.right-overhang, #configurator.gw.edge #side-left.side ul li.right-overhang, #configurator.gs.edge #side-right.side ul li.left-overhang, #configurator.gw.edge #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.gs.g2 #side-left.side ul li.left-overhang, #configurator.gs.den #side-left.side ul li.left-overhang, #configurator.gw.g2 #side-left.side ul li.left-overhang, #configurator.gw.den #side-left.side ul li.left-overhang, #configurator.gs.g2 #side-right.side ul li.right-overhang, #configurator.gs.den #side-right.side ul li.right-overhang, #configurator.gw.g2 #side-right.side ul li.right-overhang, #configurator.gw.den #side-right.side ul li.right-overhang, #configurator.gs.x1 #side-left.side ul li.left-overhang, #configurator.gw.x1 #side-left.side ul li.left-overhang, #configurator.gs.x1 #side-right.side ul li.right-overhang, #configurator.gw.x1 #side-right.side ul li.right-overhang, #configurator.gs.ta1 #side-left.side ul li.left-overhang, #configurator.gw.ta1 #side-left.side ul li.left-overhang, #configurator.gs.ta1 #side-right.side ul li.right-overhang, #configurator.gw.ta1 #side-right.side ul li.right-overhang, #configurator.gs.g3 #side-left.side ul li.left-overhang, #configurator.gw.g3 #side-left.side ul li.left-overhang, #configurator.gs.g3 #side-right.side ul li.right-overhang, #configurator.gw.g3 #side-right.side ul li.right-overhang, #configurator.gs.edge #side-left.side ul li.left-overhang, #configurator.gw.edge #side-left.side ul li.left-overhang, #configurator.gs.edge #side-right.side ul li.right-overhang, #configurator.gw.edge #side-right.side ul li.right-overhang {
/* rear */
width: 0px;
}
#configurator.gs.g2 #side-front.side ul li.left-overhang, #configurator.gs.den #side-front.side ul li.left-overhang, #configurator.gw.g2 #side-front.side ul li.left-overhang, #configurator.gw.den #side-front.side ul li.left-overhang, #configurator.gs.g2 #side-front.side ul li.right-overhang, #configurator.gs.den #side-front.side ul li.right-overhang, #configurator.gw.g2 #side-front.side ul li.right-overhang, #configurator.gw.den #side-front.side ul li.right-overhang, #configurator.gs.g2 #side-rear.side ul li.left-overhang, #configurator.gs.den #side-rear.side ul li.left-overhang, #configurator.gw.g2 #side-rear.side ul li.left-overhang, #configurator.gw.den #side-rear.side ul li.left-overhang, #configurator.gs.g2 #side-rear.side ul li.right-overhang, #configurator.gs.den #side-rear.side ul li.right-overhang, #configurator.gw.g2 #side-rear.side ul li.right-overhang, #configurator.gw.den #side-rear.side ul li.right-overhang, #configurator.gs.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.gs.den #side-rear-canopy.side ul li.left-overhang, #configurator.gw.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.den #side-rear-canopy.side ul li.left-overhang, #configurator.gs.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.gs.den #side-rear-canopy.side ul li.right-overhang, #configurator.gw.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.den #side-rear-canopy.side ul li.right-overhang, #configurator.gs.x1 #side-front.side ul li.left-overhang, #configurator.gw.x1 #side-front.side ul li.left-overhang, #configurator.gs.x1 #side-front.side ul li.right-overhang, #configurator.gw.x1 #side-front.side ul li.right-overhang, #configurator.gs.x1 #side-rear.side ul li.left-overhang, #configurator.gw.x1 #side-rear.side ul li.left-overhang, #configurator.gs.x1 #side-rear.side ul li.right-overhang, #configurator.gw.x1 #side-rear.side ul li.right-overhang, #configurator.gs.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.gs.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.gs.ta1 #side-front.side ul li.left-overhang, #configurator.gw.ta1 #side-front.side ul li.left-overhang, #configurator.gs.ta1 #side-front.side ul li.right-overhang, #configurator.gw.ta1 #side-front.side ul li.right-overhang, #configurator.gs.ta1 #side-rear.side ul li.left-overhang, #configurator.gw.ta1 #side-rear.side ul li.left-overhang, #configurator.gs.ta1 #side-rear.side ul li.right-overhang, #configurator.gw.ta1 #side-rear.side ul li.right-overhang, #configurator.gs.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.gs.ta1 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.ta1 #side-rear-canopy.side ul li.right-overhang, #configurator.gs.g3 #side-front.side ul li.left-overhang, #configurator.gw.g3 #side-front.side ul li.left-overhang, #configurator.gs.g3 #side-front.side ul li.right-overhang, #configurator.gw.g3 #side-front.side ul li.right-overhang, #configurator.gs.g3 #side-rear.side ul li.left-overhang, #configurator.gw.g3 #side-rear.side ul li.left-overhang, #configurator.gs.g3 #side-rear.side ul li.right-overhang, #configurator.gw.g3 #side-rear.side ul li.right-overhang, #configurator.gs.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.gs.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.gs.edge #side-front.side ul li.left-overhang, #configurator.gw.edge #side-front.side ul li.left-overhang, #configurator.gs.edge #side-front.side ul li.right-overhang, #configurator.gw.edge #side-front.side ul li.right-overhang, #configurator.gs.edge #side-rear.side ul li.left-overhang, #configurator.gw.edge #side-rear.side ul li.left-overhang, #configurator.gs.edge #side-rear.side ul li.right-overhang, #configurator.gw.edge #side-rear.side ul li.right-overhang, #configurator.gs.edge #side-rear-canopy.side ul li.left-overhang, #configurator.gw.edge #side-rear-canopy.side ul li.left-overhang, #configurator.gs.edge #side-rear-canopy.side ul li.right-overhang, #configurator.gw.edge #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator.gs.g4 #side-front.side ul li.left-overhang, #configurator.gw.g4 #side-front.side ul li.left-overhang, #configurator.gs.g4 #side-front.side ul li.right-overhang, #configurator.gw.g4 #side-front.side ul li.right-overhang, #configurator.gs.g4 #side-rear.side ul li.left-overhang, #configurator.gw.g4 #side-rear.side ul li.left-overhang, #configurator.gs.g4 #side-rear.side ul li.right-overhang, #configurator.gw.g4 #side-rear.side ul li.right-overhang, #configurator.gs.g4 #side-rear-canopy.side ul li.left-overhang, #configurator.gw.g4 #side-rear-canopy.side ul li.left-overhang, #configurator.gs.g4 #side-rear-canopy.side ul li.right-overhang, #configurator.gw.g4 #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator .toolbar li.panel div.preview div.panel,
#configurator .side ul.base li.slot.occupied {
background-repeat: no-repeat;
}
#configurator.gs.graphite .side ul.base li.corner.corner-window-door, #configurator.gw.graphite .side ul.base li.corner.corner-window-door, #configurator.gs.graphite .side ul.base li.slot.fake, #configurator.gw.graphite .side ul.base li.slot.fake, #configurator.gs.graphite .side ul.base li.slot.occupied, #configurator.gw.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.gs.black .side ul.base li.corner.corner-window-door, #configurator.gw.black .side ul.base li.corner.corner-window-door, #configurator.gs.black .side ul.base li.slot.fake, #configurator.gw.black .side ul.base li.slot.fake, #configurator.gs.black .side ul.base li.slot.occupied, #configurator.gw.black .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.gs.graphite div.drag-helper div.sprite, #configurator.gw.graphite div.drag-helper div.sprite, #configurator.gs.graphite .toolbar li.panel div.preview div.panel, #configurator.gw.graphite .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.gs.black div.drag-helper div.sprite, #configurator.gw.black div.drag-helper div.sprite, #configurator.gs.black .toolbar li.panel div.preview div.panel, #configurator.gw.black .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.skin-gs div#summary table.summary .group {
margin: 0;
}
#configurator input#select-address,
#configurator input#postcode-check {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
vertical-align: top;
padding: 3px !important;
margin-left: 10px;
}
#configurator input#postcode-check {
margin-left: 0;
}
#configurator div.header #actionbar.actions .action.advanced {
background-image: none;
}
#configurator.skin-gr .side ul li, #configurator.ta1 .side ul li {
width: 34px;
height: 167px;
float: left;
}
#configurator.skin-gr.basebox-derived .side ul li {
height: 277px;
}
#configurator.height-2800.skin-gr .side ul li, #configurator.height-2800.ta1 .side ul li {
height: 187px;
}
#configurator.height-2800 .side ul.glazing li, #configurator.height-2800 .side ul.blinds li, #configurator.height-2800 .side ul.handles li, #configurator.height-2800 .side ul.accessibility li, #configurator.height-2800 .side ul.aluminium li {
height: 167px;
position: relative;
top: 0px;
}
#configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.skin-gr.o-cheek-left-type-contemporary #side-front ul li.left-corner, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-corner, #configurator.ta1.o-cheek-left-type-contemporary #side-front ul li.left-corner {
width: 0;
}
#configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.skin-gr.o-cheek-right-type-contemporary #side-front ul li.right-corner, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-corner, #configurator.ta1.o-cheek-right-type-contemporary #side-front ul li.right-corner {
width: 0;
}
#configurator.skin-gr .side ul li.cheek, #configurator.ta1 .side ul li.cheek {
width: 0;
}
#configurator.skin-gr #cheek-front-left, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.skin-gr.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.ta1 #cheek-front-left, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.ta1.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
width: 10px;
height: 167px;
}
#configurator.height-2800.skin-gr #cheek-front-left, #configurator.height-2800.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.skin-gr.o-cheek-left-type-contemporary #side-front ul li.left-cheek, #configurator.height-2800.ta1 #cheek-front-left, #configurator.height-2800.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.left-cheek, #configurator.height-2800.ta1.o-cheek-left-type-contemporary #side-front ul li.left-cheek {
height: 187px;
}
#configurator.skin-gr.g1 #viewer #cheek-front-left, #configurator.skin-gr.g1 #cheek-front-left, #configurator.skin-gr.g1.o-c-spruce-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-honey-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-redwood-slatted-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-honey-slatted-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-slatted-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-cedar-natural-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-cedar-slatted-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-cedar-premium-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-cedar-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-hyperion-black-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-vox-black-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-fireproof-cement-board-black-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-fireboard-white-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-grey-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-wood-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek, #configurator.skin-gr.g1.o-c-composite-cedar-front:not(.o-cheek-left-type-none) #side-front ul li.left-cheek {
width: 13px;
}
#configurator.skin-gr #viewer #cheek-front-left, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek, #configurator.ta1 #viewer #cheek-front-left, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-hyperion-lack-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-cheek-left-type-contemporary #viewer #side-front ul li.left-cheek {
width: 10px;
height: 147px;
}
#configurator.skin-gr #cheek-inner-left, #configurator.ta1 #cheek-inner-left {
background-position: 0 0;
}
#configurator.skin-gr #cheek-inner-right, #configurator.ta1 #cheek-inner-right {
background-position: 0 0;
}
#configurator.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce #cheek-inner-left, #configurator.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce #cheek-inner-right, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-spruce.png");
}
#configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-redwood-slatted.png");
}
#configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-honey-slatted.png");
}
#configurator.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey #cheek-inner-left, #configurator.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey #cheek-inner-right, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-honey-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-honey-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-honey.png");
}
#configurator.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak #cheek-inner-left, #configurator.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak.o-e-hood-interior-composite-oak #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-oak.png");
}
#configurator.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar #cheek-inner-left, #configurator.o-e-hood-interior-composite-ceadr.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar.o-e-hood-interior-composite-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-cedar.png");
}
#configurator.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey #cheek-inner-left, #configurator.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey.o-e-hood-interior-composite-grey #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-grey.png");
}
#configurator.g2.g2.o-cheek-left-type-black #cheek-inner-left, #configurator.den.den.o-cheek-left-type-black #cheek-inner-left, #configurator.g2.g2.o-cheek-right-type-black #cheek-inner-right, #configurator.den.den.o-cheek-right-type-black #cheek-inner-right, #configurator.x1.x1.o-cheek-left-type-black #cheek-inner-left, #configurator.x1.x1.o-cheek-right-type-black #cheek-inner-right, #configurator.g3.g3.o-cheeks-forced #cheek-inner-left, #configurator.g3.g3.o-cheeks-forced #cheek-inner-right, #configurator.g5.g5.o-cheeks-forced #cheek-inner-left, #configurator.g5.g5.o-cheeks-forced #cheek-inner-right, #configurator.b5.b5.o-cheeks-forced #cheek-inner-left, #configurator.b5.b5.o-cheeks-forced #cheek-inner-right, #configurator.skin-gr.edge.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.edge.o-cheeks-forced #cheek-inner-right, #configurator.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black #cheek-inner-left, #configurator.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black.o-e-hood-interior-composite-black #cheek-inner-right, #configurator.skin-gr.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.g3.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.skin-gr.g1.o-cheek-inner-black.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.g1.o-cheek-inner-black.o-cheeks-forced #cheek-inner-right, #configurator.skin-gr.edge.o-cheeks-forced #front-step-change-side-infill {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-black.png") !important;
}
#configurator.skin-gr.g4.o-c-spruce-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-spruce-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-spruce-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-honey-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-honey-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-honey-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-honey-slatted-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-honey-slatted-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cheek-honey-slatted-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-redwood-slatted-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-redwood-slatted-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-cheek-redwood-slatted-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-cedar-natural-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-cedar-natural-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-natural-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-cedar-slatted-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-cedar-slatted-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-slatted-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-cedar-premium-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-cedar-premium-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-premium-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-cedar-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-cedar-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-cedar-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-slatted-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-slatted-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-hyperion-black-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-hyperion-black-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-vox-black-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-vox-black-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-fireproof-cement-board-black-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-fireproof-cement-board-black-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-fireboard-white-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-fireboard-white-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-white-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-grey-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-grey-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-wood-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-wood-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-c-composite-cedar-front #cheek-inner-left, #configurator.skin-gr.g4.o-c-composite-cedar-front #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-spruce #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-spruce #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-spruce-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-honey #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-honey #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-honey-inner-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-cedar #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/pw/cladding-cheek-cedar-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-black #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-black #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-vox-black-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-composite-grey #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-composite-grey #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-grey-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-composite-oak #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-composite-oak #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-oak-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-composite-cedar #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-composite-cedar #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-cheek-composite-cedar-pinnacle.png");
}
#configurator.skin-gr.g4.o-cheek-left-type-none #cheek-inner-left, #configurator.skin-gr.g4.o-cheek-right-type-none #cheek-inner-right {
background-image: none;
}
#configurator.skin-gr.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.skin-gr.g4.o-c-spruce-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.skin-gr.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-right {
background-position: 0 0;
}
#configurator.skin-gr.g4.o-c-honey-front.o-cheeks-forced #cheek-inner-left {
background-position: 0 0;
}
#configurator.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar #cheek-inner-left, #configurator.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar #cheek-inner-right, #configurator.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted #cheek-inner-left, #configurator.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted #cheek-inner-right, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-cedar.png");
}
#configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-natural.jpg");
}
#configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-slatted.jpg");
}
#configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/cladding-inner-cheek-cedar-premium.jpg");
}
#configurator.skin-gr.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-natural-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-premium-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-cedar-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-e-hood-interior-cedar.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-e-hood-interior-cedar-slatted.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-wood-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-cedar-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-grey-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-black.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-black.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-oak.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-oak.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-cedar.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-cedar.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-grey.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-e-hood-interior-composite-grey.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.o-d-size-extended-900mm.o-c-composite-vox-black-front.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary.o-cheek-left-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-900-contemporary-cedar.png");
}
#configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-gr.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-vox-black.png");
}
#configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-gr.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-vox-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-vox-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-black.png");
}
#configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-composite-black.png");
}
#configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-white.png");
}
#configurator.skin-gr.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-fireboard-white-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-fireboard-white-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-composite-white.png");
}
#configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-grey.png");
}
#configurator.skin-gr.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-grey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-grey-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-oak.png");
}
#configurator.skin-gr.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-wood-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-wood-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-left, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #front-step-change, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-cedar.png");
}
#configurator.skin-gr.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-composite-cedar-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-composite-cedar-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-contemporary-cedar.png");
}
#configurator.skin-gr.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.ta1.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.ta1.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-composite-spruce.png");
}
#configurator.skin-gr.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-c-spruce-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-c-redwood-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-d-size-extended-900mm.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-e-hood-interior-spruce.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-900-contemporary-spruce.png");
}
#configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-spruce.png");
}
#configurator.skin-gr.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-honey-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-honey-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-honey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-honey.png");
}
#configurator.skin-gr.o-d-size-extended-900mm.o-c-honey-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-c-honey-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-d-size-extended-900mm.o-c-honey-slatted-front.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-c-honey-slatted-front.o-cheek-right-type-contemporary #cheek-inner-right, #configurator.skin-gr.o-d-size-extended-900mm.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-cheek-left-type-contemporary #cheek-inner-left, #configurator.skin-gr.o-d-size-extended-900mm.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-e-hood-interior-honey.o-cheek-right-type-contemporary #cheek-inner-right {
background-image: url("../../images/configurator.4506/gr/cladding-inner-cheek-900-contemporary-honey.png");
}
#configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-cedar.png");
}
#configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png");
}
#configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png");
}
#configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png");
}
#configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png");
}
#configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-white.png");
}
#configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-grey.png");
}
#configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-oak.png");
}
#configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-left, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #cheek-front-right, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-cedar.png");
}
#configurator.skin-gr.o-cheek-left-type-contemporary #cheek-front-left, #configurator.skin-gr.o-cheek-right-type-contemporary #cheek-front-right, #configurator.ta1.o-cheek-left-type-contemporary #cheek-front-left, #configurator.ta1.o-cheek-right-type-contemporary #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.skin-gr.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek, #configurator.ta1.o-cheek-left-type-contemporary #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.g3.skin-gr.o-cheek-left-type-composite-grey #cheek-front-left, #configurator.g3.skin-gr.o-cheek-right-type-composite-grey #cheek-front-right, #configurator.g3.skin-gr.o-cheek-left-type-composite-oak #cheek-front-left, #configurator.g3.skin-gr.o-cheek-right-type-composite-oak #cheek-front-right, #configurator.g3.skin-gr.o-cheek-left-type-composite-cedar #cheek-front-left, #configurator.g3.skin-gr.o-cheek-right-type-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
#configurator.skin-gr #cheek-front-right, #configurator.skin-gr .side ul li.corner, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.ta1 #cheek-front-right, #configurator.ta1 .side ul li.corner, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.ta1.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.g5 .side ul li.corner, #configurator.b5 .side ul li.corner {
width: 10px;
height: 167px;
}
#configurator.skin-gr.basebox-derived #cheek-front-right, #configurator.skin-gr.basebox-derived .side ul li.corner, #configurator.skin-gr.basebox-derived.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-honey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
height: 277px;
}
#configurator.height-2800.skin-gr #cheek-front-right, #configurator.height-2800.skin-gr .side ul li.corner, #configurator.height-2800.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-honey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-cheek-right-type-contemporary #side-front ul li.right-cheek, #configurator.height-2800.ta1 #cheek-front-right, #configurator.height-2800.ta1 .side ul li.corner, #configurator.height-2800.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-honey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
height: 187px;
}
#configurator.skin-gr.g1 #viewer #cheek-front-right, #configurator.skin-gr.g1 #viewer #side-front ul li.corner, #configurator.skin-gr.g1 #viewer #side-rear ul li.corner, #configurator.skin-gr.g1 #viewer #side-rear-canopy ul li.corner, #configurator.skin-gr.g1 #cheek-front-right, #configurator.skin-gr.g1 #viewer #side-front ul li.right-corner, #configurator.skin-gr.g1 #viewer #side-rear ul li.right-corner, #configurator.skin-gr.g1 #side-rear-canopy ul li.corner, #configurator.skin-gr.g1.o-c-spruce-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-redwood-slatted-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-honey-slatted-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-slatted-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-cedar-natural-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-cedar-slatted-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-cedar-premium-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-cedar-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-hyperion-black-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-vox-black-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-fireproof-cement-board-black-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-fireboard-white-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-grey-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-wood-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek, #configurator.skin-gr.g1.o-c-composite-cedar-front:not(.o-cheek-right-type-none) #side-front ul li.right-cheek {
width: 13px;
}
#configurator.skin-gr #viewer #cheek-front-right, #configurator.skin-gr #viewer .side ul li.corner, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.ta1 #viewer #cheek-front-right, #configurator.ta1 #viewer .side ul li.corner, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
width: 10px;
height: 167px;
}
#configurator.skin-gr.basebox-derived #viewer .side ul li.corner, #configurator.skin-gr.basebox-derived.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.basebox-derived.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
width: 10px;
height: 277px;
}
#configurator.skin-gr.basebox-derived.o-cheek-left-type-black #viewer #side-front ul li.corner {
display: none;
}
#configurator.height-2800.skin-gr #viewer #cheek-front-right, #configurator.height-2800.skin-gr #viewer .side ul li.corner, #configurator.height-2800.skin-gr.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.skin-gr.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1 #viewer #cheek-front-right, #configurator.height-2800.ta1 #viewer .side ul li.corner, #configurator.height-2800.ta1.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-honey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.height-2800.ta1.o-cheek-right-type-contemporary #viewer #side-front ul li.right-cheek {
height: 187px;
}
#configurator.skin-gr.g4 #cheek-front-right, #configurator.skin-gr.g4 .side ul li.corner, #configurator.skin-gr.g4.o-c-spruce-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-honey-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-cedar-natural-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-cedar-premium-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-fireboard-white-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-grey-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-wood-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-c-composite-cedar-front.o-cheeks-forced #side-front ul li.right-cheek, #configurator.skin-gr.g4.o-cheek-right-type-contemporary #side-front ul li.right-cheek {
width: 10px;
}
#configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.left-cheek, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-honey-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #viewer #side-front ul li.right-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #viewer #side-front ul li.right-cheek {
height: 149px;
}
#configurator.skin-gr.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-spruce-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-gr.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-redwood-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-spruce.png");
}
#configurator.skin-gr.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.skin-gr.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-cedar-natural-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-gr.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-cedar-slatted-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-gr.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-cedar-premium-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.skin-gr.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-cedar.png");
}
#configurator.skin-gr.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-hyperion-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-black.png");
}
#configurator.skin-gr.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-vox-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-vox-black.png");
}
#configurator.skin-gr.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-fireproof-cement-board-black-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireproof-cement-board-black.png");
}
#configurator.skin-gr.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-fireboard-white-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-fireboard-white.jpg");
}
#configurator.skin-gr.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-grey-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-grey.png");
}
#configurator.skin-gr.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-wood-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-oak.png");
}
#configurator.skin-gr.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek, #configurator.ta1.o-c-composite-cedar-front.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite-cedar.png");
}
#configurator.skin-gr.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek, #configurator.ta1.o-cheek-right-type-contemporary #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/cladding-composite.png");
}
.debug #configurator.skin-gr .side ul.base li.cheek, .debug #configurator.ta1 .side ul.base li.cheek {
background-color: red;
}
#configurator.skin-gr .side ul li.overhang, #configurator.ta1 .side ul li.overhang {
width: 0;
}
.debug #configurator.skin-gr .side ul.base li.overhang, .debug #configurator.ta1 .side ul.base li.overhang {
background-color: orange;
}
#configurator.skin-gr.o-cheek-left-type-none #viewer #cheek-front-left, #configurator.skin-gr.o-cheek-right-type-none #viewer #cheek-front-right {
width: 0px;
}
#configurator.o-c-aluminium-bronze-front #viewer #cheek-front-left, #configurator.o-c-aluminium-bronze-front #viewer #cheek-front-right, #configurator.o-c-aluminium-charcoal-front #viewer #cheek-front-left, #configurator.o-c-aluminium-charcoal-front #viewer #cheek-front-right {
width: 0;
}
#configurator.skin-gr.roof-style-apex #viewer #cheek-front-left, #configurator.skin-gr.roof-style-apex #viewer #cheek-front-right {
width: 0px;
}
#configurator.basebox-derived.o-e-curve-side-left #viewer #cheek-front-left, #configurator.basebox-derived.o-e-curve-side-right #viewer #cheek-front-right {
width: 15px;
}
#configurator.skin-gr #side-left.side ul li.right-overhang, #configurator.skin-gr #side-right.side ul li.left-overhang, #configurator.ta1 #side-left.side ul li.right-overhang, #configurator.ta1 #side-right.side ul li.left-overhang {
/* front */
width: 16px;
}
#configurator.skin-gr.g2.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.skin-gr.den.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.skin-gr.g2.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.skin-gr.den.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.skin-gr.x1.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.skin-gr.x1.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.tp.tp.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.tp.tp.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.ta1.ta1.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.ta1.ta1.o-d-size-standard #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.basebox-derived.basebox-derived.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.basebox-derived.basebox-derived.o-d-size-standard #side-right.side ul li.left-overhang {
/* front */
width: 33px;
}
#configurator.g2.g2.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.den.den.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.g2.g2.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.den.den.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.x1.x1.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.x1.x1.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.g3.g3.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.g3.g3.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.g5.g5.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.g5.g5.o-d-size-standard #side-right.side ul li.left-overhang, #configurator.b5.b5.o-d-size-standard #side-left.side ul li.right-overhang, #configurator.b5.b5.o-d-size-standard #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr.g2.o-d-size-extended #side-left.side ul li.right-overhang, #configurator.skin-gr.den.o-d-size-extended #side-left.side ul li.right-overhang, #configurator.skin-gr.g2.o-d-size-extended #side-right.side ul li.left-overhang, #configurator.skin-gr.den.o-d-size-extended #side-right.side ul li.left-overhang, #configurator.skin-gr.x1.o-d-size-extended #side-left.side ul li.right-overhang, #configurator.skin-gr.x1.o-d-size-extended #side-right.side ul li.left-overhang, #configurator.ta1.ta1.o-d-size-extended #side-left.side ul li.right-overhang, #configurator.ta1.ta1.o-d-size-extended #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr.basebox-derived.o-cheek-left-type-basebox-grey.o-deck-pack-yes #side-left.side ul li.right-overhang, #configurator.skin-gr.basebox-derived.o-cheek-left-type-black.o-deck-pack-yes #side-left.side ul li.right-overhang, #configurator.skin-gr.basebox-derived.o-cheek-left-type-basebox-grey.o-d-size-one-board #side-left.side ul li.right-overhang, #configurator.skin-gr.basebox-derived.o-cheek-left-type-black.o-d-size-two-board #side-left.side ul li.right-overhang {
/* front edge of side */
width: 0;
}
#configurator.skin-gr.basebox-derived.o-cheek-right-type-basebox-grey.o-deck-pack-yes #side-right.side ul li.left-overhang, #configurator.skin-gr.basebox-derived.o-cheek-right-type-black.o-deck-pack-yes #side-right.side ul li.left-overhang, #configurator.skin-gr.basebox-derived.o-cheek-right-type-basebox-grey.o-d-size-one-board #side-right.side ul li.left-overhang, #configurator.skin-gr.basebox-derived.o-cheek-right-type-black.o-d-size-two-board #side-right.side ul li.left-overhang {
/* front edge of side */
width: 0;
}
#configurator.skin-gr.g1 #side-left.side ul li.right-overhang, #configurator.skin-gr.g1 #side-right.side ul li.left-overhang {
/* front */
width: 32px;
}
#configurator.skin-gr.g1.o-cheek-left-size-400 #side-left.side ul li.right-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr.g1.o-cheek-right-size-400 #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr.g1.o-cheek-right-size-400 #viewer #side-right.side ul li.left-overhang {
/* front */
width: 8px;
}
#configurator.skin-gr.g4 #side-left.side ul li.right-overhang, #configurator.skin-gr.g4 #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr #side-left.side ul li.left-overhang, #configurator.skin-gr #side-right.side ul li.right-overhang, #configurator.ta1 #side-left.side ul li.left-overhang, #configurator.ta1 #side-right.side ul li.right-overhang {
/* rear */
width: 5px;
}
#configurator.skin-gr #side-front.side ul li.left-overhang, #configurator.skin-gr #side-front.side ul li.right-overhang, #configurator.skin-gr #side-rear.side ul li.left-overhang, #configurator.skin-gr #side-rear.side ul li.right-overhang, #configurator.skin-gr #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr #side-rear-canopy.side ul li.right-overhang, #configurator.ta1 #side-front.side ul li.left-overhang, #configurator.ta1 #side-front.side ul li.right-overhang, #configurator.ta1 #side-rear.side ul li.left-overhang, #configurator.ta1 #side-rear.side ul li.right-overhang, #configurator.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.ta1 #side-rear-canopy.side ul li.right-overhang {
width: 18px;
}
#configurator.roof-style-apex #side-front.side ul li.left-overhang, #configurator.roof-style-apex #side-front.side ul li.right-overhang, #configurator.roof-style-apex #side-rear.side ul li.left-overhang, #configurator.roof-style-apex #side-rear.side ul li.right-overhang, #configurator.roof-style-apex #side-left.side ul li.left-overhang, #configurator.roof-style-apex #side-left.side ul li.right-overhang, #configurator.roof-style-apex #side-right.side ul li.left-overhang, #configurator.roof-style-apex #side-right.side ul li.right-overhang {
width: 0px;
}
#configurator.basebox-derived #side-left.side ul li.right-overhang, #configurator.basebox-derived #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.skin-gr.g2 #side-left .decking, #configurator.skin-gr.den #side-left .decking, #configurator.skin-gr.g2 #side-right .decking, #configurator.skin-gr.den #side-right .decking, #configurator.skin-gr.x1 #side-left .decking, #configurator.skin-gr.x1 #side-right .decking, #configurator.ta1.ta1 #side-left .decking, #configurator.ta1.ta1 #side-right .decking, #configurator.skin-gr.edge #side-left .decking, #configurator.skin-gr.edge #side-right .decking {
display: none;
}
#configurator.skin-gr.g2.o-d-size-standard #side-left .decking, #configurator.skin-gr.den.o-d-size-standard #side-left .decking, #configurator.skin-gr.g2.o-d-size-standard #side-right .decking, #configurator.skin-gr.den.o-d-size-standard #side-right .decking, #configurator.skin-gr.x1.o-d-size-standard #side-left .decking, #configurator.skin-gr.x1.o-d-size-standard #side-right .decking, #configurator.ta1.ta1.o-d-size-standard #side-left .decking, #configurator.ta1.ta1.o-d-size-standard #side-right .decking {
display: none;
}
#configurator.g3.g3.o-d-size-standard #side-left .decking, #configurator.g3.g3.o-d-size-standard #side-right .decking, #configurator.g5.g5.o-d-size-standard #side-left .decking, #configurator.g5.g5.o-d-size-standard #side-right .decking, #configurator.b5.b5.o-d-size-standard #side-left .decking, #configurator.b5.b5.o-d-size-standard #side-right .decking {
/*display: none;*/
}
#configurator.skin-gr.g2.o-d-size-extended #side-left, #configurator.skin-gr.den.o-d-size-extended #side-left, #configurator.skin-gr.g2.o-d-size-extended #side-right, #configurator.skin-gr.den.o-d-size-extended #side-right, #configurator.skin-gr.x1.o-d-size-extended #side-left, #configurator.skin-gr.x1.o-d-size-extended #side-right, #configurator.ta1.ta1.o-d-size-extended #side-left, #configurator.ta1.ta1.o-d-size-extended #side-right {
clip-path: none !important;
}
#configurator #side-left,
#configurator #side-right,
#configurator #side-front,
#configurator #side-rear {
backface-visibility: hidden;
}
#configurator.roof-style-apex #side-left, #configurator.roof-style-apex #side-right, #configurator.roof-style-apex #side-front, #configurator.roof-style-apex #side-rear {
backface-visibility: visible;
}
#configurator.skin-gr.basebox-derived.o-deck-pack-yes #planning-elevations #side-right, #configurator.skin-gr.basebox-derived.o-deck-pack-yes #planning-elevations #side-left, #configurator.skin-gr.basebox-derived.o-d-size-one-board #planning-elevations #side-right, #configurator.skin-gr.basebox-derived.o-d-size-one-board #planning-elevations #side-left, #configurator.skin-gr.basebox-derived.o-d-size-two-board #planning-elevations #side-right, #configurator.skin-gr.basebox-derived.o-d-size-two-board #planning-elevations #side-left {
clip-path: none !important;
}
#configurator.skin-gr.g2.o-d-size-extended #side-left .decking, #configurator.skin-gr.den.o-d-size-extended #side-left .decking, #configurator.skin-gr.g2.o-d-size-extended #side-right .decking, #configurator.skin-gr.den.o-d-size-extended #side-right .decking, #configurator.skin-gr.g2.o-d-size-standard #side-left .decking, #configurator.skin-gr.den.o-d-size-standard #side-left .decking, #configurator.skin-gr.g2.o-d-size-standard #side-right .decking, #configurator.skin-gr.den.o-d-size-standard #side-right .decking, #configurator.skin-gr.x1.o-d-size-extended #side-left .decking, #configurator.skin-gr.basebox-derived.o-deck-pack-yes #side-left .decking, #configurator.skin-gr.basebox-derived.o-deck-pack-yes #side-right .decking, #configurator.skin-gr.basebox-derived.o-d-size-one-board #planning-elevations #side-right, #configurator.skin-gr.basebox-derived.o-d-size-two-board #planning-elevations #side-left #configurator.ta1.ta1.o-d-size-extended #side-left .decking, #configurator.ta1.ta1.o-d-size-extended #side-right .decking {
display: block;
}
#configurator.skin-gr.g2 #front-roof, #configurator.skin-gr.den #front-roof, #configurator.skin-gr.x1 #front-roof, #configurator.ta1.ta1 #front-roof, #configurator.skin-gr.g3 #front-roof, #configurator.skin-gr.edge #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
}
#configurator.skin-gr.edge #left-roof {
background-position: 100% -200px;
}
#configurator.skin-gr.edge #right-roof {
background-position: 0 -800px;
}
#configurator.skin-gr.g2 #viewer #front-roof, #configurator.skin-gr.den #viewer #front-roof, #configurator.skin-gr.x1 #viewer #front-roof, #configurator.ta1.ta1 #viewer #front-roof, #configurator.skin-gr.g3 #viewer #front-roof, #configurator.skin-gr.edge #viewer #front-roof {
background-position: 0 -1791px;
/*-1391px;*/
background-position: 0 -2991px;
/*-1391px;*/
background-position: 0 -2986px;
/*-1391px;*/
}
#configurator.skin-gr.g2 #viewer #left-roof, #configurator.skin-gr.den #viewer #left-roof, #configurator.skin-gr.x1 #viewer #left-roof, #configurator.skin-gr.g3 #viewer #left-roof, #configurator.skin-gr.edge #viewer #left-roof {
background-position: 100% -6586px;
}
#configurator.skin-gr.g2 #viewer #right-roof, #configurator.skin-gr.den #viewer #right-roof, #configurator.skin-gr.x1 #viewer #right-roof, #configurator.skin-gr.g3 #viewer #right-roof, #configurator.skin-gr.edge #viewer #right-roof {
background-position: 0 -6586px;
}
#configurator.g2.g2 #side-left.side ul li.right-overhang, #configurator.den.den #side-left.side ul li.right-overhang, #configurator.g2.g2 #side-right.side ul li.left-overhang, #configurator.den.den #side-right.side ul li.left-overhang, #configurator.x1.x1 #side-left.side ul li.right-overhang, #configurator.x1.x1 #side-right.side ul li.left-overhang, #configurator.g3.g3 #side-left.side ul li.right-overhang, #configurator.g3.g3 #side-right.side ul li.left-overhang, #configurator.g5.g5 #side-left.side ul li.right-overhang, #configurator.g5.g5 #side-right.side ul li.left-overhang, #configurator.b5.b5 #side-left.side ul li.right-overhang, #configurator.b5.b5 #side-right.side ul li.left-overhang, #configurator.skin-gr.g2 #side-left.side ul li.right-overhang, #configurator.skin-gr.den #side-left.side ul li.right-overhang, #configurator.skin-gr.g2 #side-right.side ul li.left-overhang, #configurator.skin-gr.den #side-right.side ul li.left-overhang, #configurator.skin-gr.x1 #side-left.side ul li.right-overhang, #configurator.skin-gr.x1 #side-right.side ul li.left-overhang, #configurator.ta1.ta1 #side-left.side ul li.right-overhang, #configurator.ta1.ta1 #side-right.side ul li.left-overhang, #configurator.skin-gr.g3 #side-left.side ul li.right-overhang, #configurator.skin-gr.g3 #side-right.side ul li.left-overhang, #configurator.skin-gr.edge #side-left.side ul li.right-overhang, #configurator.skin-gr.edge #side-right.side ul li.left-overhang {
/* front */
width: 0px;
}
#configurator.g2.g2 #side-left.side ul li.left-overhang, #configurator.den.den #side-left.side ul li.left-overhang, #configurator.g2.g2 #side-right.side ul li.right-overhang, #configurator.den.den #side-right.side ul li.right-overhang, #configurator.x1.x1 #side-left.side ul li.left-overhang, #configurator.x1.x1 #side-right.side ul li.right-overhang, #configurator.g3.g3 #side-left.side ul li.left-overhang, #configurator.g3.g3 #side-right.side ul li.right-overhang, #configurator.g5.g5 #side-left.side ul li.left-overhang, #configurator.g5.g5 #side-right.side ul li.right-overhang, #configurator.b5.b5 #side-left.side ul li.left-overhang, #configurator.b5.b5 #side-right.side ul li.right-overhang, #configurator.skin-gr.g2 #side-left.side ul li.left-overhang, #configurator.skin-gr.den #side-left.side ul li.left-overhang, #configurator.skin-gr.g2 #side-right.side ul li.right-overhang, #configurator.skin-gr.den #side-right.side ul li.right-overhang, #configurator.skin-gr.x1 #side-left.side ul li.left-overhang, #configurator.skin-gr.x1 #side-right.side ul li.right-overhang, #configurator.ta1.ta1 #side-left.side ul li.left-overhang, #configurator.ta1.ta1 #side-right.side ul li.right-overhang, #configurator.tp.tp #side-left.side ul li.left-overhang, #configurator.tp.tp #side-right.side ul li.right-overhang, #configurator.basebox-derived.basebox-derived #side-left.side ul li.left-overhang, #configurator.basebox-derived.basebox-derived #side-right.side ul li.right-overhang, #configurator.skin-gr.g3 #side-left.side ul li.left-overhang, #configurator.skin-gr.g3 #side-right.side ul li.right-overhang, #configurator.skin-gr.edge #side-left.side ul li.left-overhang, #configurator.skin-gr.edge #side-right.side ul li.right-overhang {
/* rear */
width: 0px;
}
#configurator.g2.g2 #side-front.side ul li.left-overhang, #configurator.den.den #side-front.side ul li.left-overhang, #configurator.g2.g2 #side-front.side ul li.right-overhang, #configurator.den.den #side-front.side ul li.right-overhang, #configurator.g2.g2 #side-rear.side ul li.left-overhang, #configurator.den.den #side-rear.side ul li.left-overhang, #configurator.g2.g2 #side-rear.side ul li.right-overhang, #configurator.den.den #side-rear.side ul li.right-overhang, #configurator.g2.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.den.den #side-rear-canopy.side ul li.left-overhang, #configurator.g2.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.den.den #side-rear-canopy.side ul li.right-overhang, #configurator.x1.x1 #side-front.side ul li.left-overhang, #configurator.x1.x1 #side-front.side ul li.right-overhang, #configurator.x1.x1 #side-rear.side ul li.left-overhang, #configurator.x1.x1 #side-rear.side ul li.right-overhang, #configurator.x1.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.x1.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.g3.g3 #side-front.side ul li.left-overhang, #configurator.g3.g3 #side-front.side ul li.right-overhang, #configurator.g3.g3 #side-rear.side ul li.left-overhang, #configurator.g3.g3 #side-rear.side ul li.right-overhang, #configurator.g3.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.g3.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.g5.g5 #side-front.side ul li.left-overhang, #configurator.g5.g5 #side-front.side ul li.right-overhang, #configurator.g5.g5 #side-rear.side ul li.left-overhang, #configurator.g5.g5 #side-rear.side ul li.right-overhang, #configurator.g5.g5 #side-rear-canopy.side ul li.left-overhang, #configurator.g5.g5 #side-rear-canopy.side ul li.right-overhang, #configurator.b5.b5 #side-front.side ul li.left-overhang, #configurator.b5.b5 #side-front.side ul li.right-overhang, #configurator.b5.b5 #side-rear.side ul li.left-overhang, #configurator.b5.b5 #side-rear.side ul li.right-overhang, #configurator.b5.b5 #side-rear-canopy.side ul li.left-overhang, #configurator.b5.b5 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-gr.g2 #side-front.side ul li.left-overhang, #configurator.skin-gr.den #side-front.side ul li.left-overhang, #configurator.skin-gr.g2 #side-front.side ul li.right-overhang, #configurator.skin-gr.den #side-front.side ul li.right-overhang, #configurator.skin-gr.g2 #side-rear.side ul li.left-overhang, #configurator.skin-gr.den #side-rear.side ul li.left-overhang, #configurator.skin-gr.g2 #side-rear.side ul li.right-overhang, #configurator.skin-gr.den #side-rear.side ul li.right-overhang, #configurator.skin-gr.g2 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.den #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.g2 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-gr.den #side-rear-canopy.side ul li.right-overhang, #configurator.skin-gr.x1 #side-front.side ul li.left-overhang, #configurator.skin-gr.x1 #side-front.side ul li.right-overhang, #configurator.skin-gr.x1 #side-rear.side ul li.left-overhang, #configurator.skin-gr.x1 #side-rear.side ul li.right-overhang, #configurator.skin-gr.x1 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.x1 #side-rear-canopy.side ul li.right-overhang, #configurator.ta1.ta1 #side-front.side ul li.left-overhang, #configurator.ta1.ta1 #side-front.side ul li.right-overhang, #configurator.ta1.ta1 #side-rear.side ul li.left-overhang, #configurator.ta1.ta1 #side-rear.side ul li.right-overhang, #configurator.ta1.ta1 #side-rear-canopy.side ul li.left-overhang, #configurator.ta1.ta1 #side-rear-canopy.side ul li.right-overhang, #configurator.tp.tp #side-front.side ul li.left-overhang, #configurator.tp.tp #side-front.side ul li.right-overhang, #configurator.tp.tp #side-rear.side ul li.left-overhang, #configurator.tp.tp #side-rear.side ul li.right-overhang, #configurator.tp.tp #side-rear-canopy.side ul li.left-overhang, #configurator.tp.tp #side-rear-canopy.side ul li.right-overhang, #configurator.basebox-derived.basebox-derived #side-front.side ul li.left-overhang, #configurator.basebox-derived.basebox-derived #side-front.side ul li.right-overhang, #configurator.basebox-derived.basebox-derived #side-rear.side ul li.left-overhang, #configurator.basebox-derived.basebox-derived #side-rear.side ul li.right-overhang, #configurator.basebox-derived.basebox-derived #side-rear-canopy.side ul li.left-overhang, #configurator.basebox-derived.basebox-derived #side-rear-canopy.side ul li.right-overhang, #configurator.skin-gr.g3 #side-front.side ul li.left-overhang, #configurator.skin-gr.g3 #side-front.side ul li.right-overhang, #configurator.skin-gr.g3 #side-rear.side ul li.left-overhang, #configurator.skin-gr.g3 #side-rear.side ul li.right-overhang, #configurator.skin-gr.g3 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.g3 #side-rear-canopy.side ul li.right-overhang, #configurator.skin-gr.edge #side-front.side ul li.left-overhang, #configurator.skin-gr.edge #side-front.side ul li.right-overhang, #configurator.skin-gr.edge #side-rear.side ul li.left-overhang, #configurator.skin-gr.edge #side-rear.side ul li.right-overhang, #configurator.skin-gr.edge #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.edge #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator.skin-gr.g4 #side-front.side ul li.left-overhang, #configurator.skin-gr.g4 #side-front.side ul li.right-overhang, #configurator.skin-gr.g4 #side-rear.side ul li.left-overhang, #configurator.skin-gr.g4 #side-rear.side ul li.right-overhang, #configurator.skin-gr.g4 #side-rear-canopy.side ul li.left-overhang, #configurator.skin-gr.g4 #side-rear-canopy.side ul li.right-overhang {
width: 0px;
}
#configurator.o-c-composite-slatted-front.o-c-composite-slatted-rear.o-c-composite-slatted-left.o-c-composite-slatted-right div.toolbar ul.options-group li.panel.d-s-c {
display: none;
}
#configurator.skin-tgo.graphite .side ul.base li.corner.corner-window-door, #configurator.skin-tgo.graphite .side ul.base li.slot.fake, #configurator.skin-tgo.graphite .side ul.base li.slot.occupied, #configurator.ta2.graphite .side ul.base li.corner.corner-window-door, #configurator.ta2.graphite .side ul.base li.slot.fake, #configurator.ta2.graphite .side ul.base li.slot.occupied, #configurator.hide.graphite .side ul.base li.corner.corner-window-door, #configurator.hide.graphite .side ul.base li.slot.fake, #configurator.hide.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846") !important;
}
#configurator.skin-tgo.black .side ul.base li.corner.corner-window-door, #configurator.skin-tgo.black .side ul.base li.slot.fake, #configurator.skin-tgo.black .side ul.base li.slot.occupied, #configurator.ta2.black .side ul.base li.corner.corner-window-door, #configurator.ta2.black .side ul.base li.slot.fake, #configurator.ta2.black .side ul.base li.slot.occupied, #configurator.hide.black .side ul.base li.corner.corner-window-door, #configurator.hide.black .side ul.base li.slot.fake, #configurator.hide.black .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846") !important;
}
#configurator.graphite.roof-style-apex.width-3500.w-triangle-left-left .gable-end#side-left-wrapper .roof-container ul.base li.s3, #configurator.graphite.roof-style-apex.width-3500.w-triangle-front-left .gable-end#side-front-wrapper .roof-container ul.base li.s3, #configurator.graphite.roof-style-apex.width-3500.w-triangle-right-left .gable-end#side-right-wrapper .roof-container ul.base li.s3, #configurator.graphite.roof-style-apex.width-3500.w-triangle-rear-left .gable-end#side-rear-wrapper .roof-container ul.base li.s3, #configurator.graphite.roof-style-apex.width-4500.w-triangle-left-left .gable-end#side-left-wrapper .roof-container ul.base li.s4, #configurator.graphite.roof-style-apex.width-4500.w-triangle-front-left .gable-end#side-front-wrapper .roof-container ul.base li.s4, #configurator.graphite.roof-style-apex.width-4500.w-triangle-right-left .gable-end#side-right-wrapper .roof-container ul.base li.s4, #configurator.graphite.roof-style-apex.width-4500.w-triangle-rear-left .gable-end#side-rear-wrapper .roof-container ul.base li.s4 {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846") !important;
}
#configurator.black.roof-style-apex.width-3500.w-triangle-left-left .gable-end#side-left-wrapper .roof-container ul.base li.s3, #configurator.black.roof-style-apex.width-4500.w-triangle-front-left .gable-end#side-front-wrapper .roof-container ul.base li.s3, #configurator.black.roof-style-apex.width-4500.w-triangle-right-left .gable-end#side-right-wrapper .roof-container ul.base li.s3, #configurator.black.roof-style-apex.width-4500.w-triangle-rear-left .gable-end#side-rear-wrapper .roof-container ul.base li.s3, #configurator.black.roof-style-apex.width-4500.w-triangle-left-left .gable-end#side-left-wrapper .roof-container ul.base li.s4, #configurator.black.roof-style-apex.width-4500.w-triangle-front-left .gable-end#side-front-wrapper .roof-container ul.base li.s4, #configurator.black.roof-style-apex.width-4500.w-triangle-right-left .gable-end#side-right-wrapper .roof-container ul.base li.s4, #configurator.black.roof-style-apex.width-4500.w-triangle-rear-left .gable-end#side-rear-wrapper .roof-container ul.base li.s4 {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846") !important;
}
#configurator.skin-gr.graphite .side ul.base li.corner.corner-window-door, #configurator.skin-gr.graphite .side ul.base li.slot.fake, #configurator.skin-gr.graphite .side ul.base li.slot.occupied, #configurator.ta1.graphite .side ul.base li.corner.corner-window-door, #configurator.ta1.graphite .side ul.base li.slot.fake, #configurator.ta1.graphite .side ul.base li.slot.occupied, #configurator.tp.graphite .side ul.base li.corner.corner-window-door, #configurator.tp.graphite .side ul.base li.slot.fake, #configurator.tp.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846") !important;
}
#configurator.basebox-derived.graphite .side ul.base li.corner.corner-window-door, #configurator.basebox-derived.graphite .side ul.base li.slot.fake, #configurator.basebox-derived.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-with-top-trim-graphite.png?20260521203846") !important;
}
#configurator.basebox-derived.basebox-basic.graphite .side ul.base li.corner.corner-window-door, #configurator.basebox-derived.basebox-basic.graphite .side ul.base li.slot.fake, #configurator.basebox-derived.basebox-basic.graphite .side ul.base li.slot.occupied, #configurator.basebox-derived.b1-lite.graphite .side ul.base li.corner.corner-window-door, #configurator.basebox-derived.b1-lite.graphite .side ul.base li.slot.fake, #configurator.basebox-derived.b1-lite.graphite .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-graphite.png?20260521203846") !important;
}
#configurator.skin-gr.black .side ul.base li.corner.corner-window-door, #configurator.skin-gr.black .side ul.base li.slot.fake, #configurator.skin-gr.black .side ul.base li.slot.occupied, #configurator.ta1.black .side ul.base li.corner.corner-window-door, #configurator.ta1.black .side ul.base li.slot.fake, #configurator.ta1.black .side ul.base li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846") !important;
}
#configurator.o-e-door-window-handle-style-standard.o-handle-colour-black .side ul.handles li.corner.corner-window-door, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-black .side ul.handles li.slot.fake, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-black .side ul.handles li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-handles-standard-black.png?20260521203846") !important;
}
#configurator.o-e-door-window-handle-style-standard.o-handle-colour-graphite .side ul.handles li.corner.corner-window-door, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-graphite .side ul.handles li.slot.fake, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-graphite .side ul.handles li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-handles-standard-graphite.png?20260521203846") !important;
}
#configurator.o-e-door-window-handle-style-standard.o-handle-colour-chrome .side ul.handles li.corner.corner-window-door, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-chrome .side ul.handles li.slot.fake, #configurator.o-e-door-window-handle-style-standard.o-handle-colour-chrome .side ul.handles li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-handles-standard-chrome.png?20260521203846") !important;
}
#configurator.o-e-door-window-handle-style-coastal.o-handle-colour-black .side ul.handles li.corner.corner-window-door, #configurator.o-e-door-window-handle-style-coastal.o-handle-colour-black .side ul.handles li.slot.fake, #configurator.o-e-door-window-handle-style-coastal.o-handle-colour-black .side ul.handles li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-handles-coastal-black.png?20260521203846") !important;
}
#configurator.o-e-door-window-handle-style-coastal.o-handle-colour-brushed-stainless-steel .side ul.handles li.corner.corner-window-door, #configurator.o-e-door-window-handle-style-coastal.o-handle-colour-brushed-stainless-steel .side ul.handles li.slot.fake, #configurator.o-e-door-window-handle-style-coastal.o-handle-colour-brushed-stainless-steel .side ul.handles li.slot.occupied {
background-image: url("../../images/configurator.4506/panels-transparent-handles-coastal-chrome.png?20260521203846") !important;
}
#configurator.show-accessibility-status .side ul.accessibility li.corner.corner-window-door.accessibility-pass, #configurator.show-accessibility-status .side ul.accessibility li.slot.fake.accessibility-pass, #configurator.show-accessibility-status .side ul.accessibility li.slot.occupied.accessibility-pass {
background-image: url("../../images/configurator.4506/panels-transparent-accessibility-pass.png?20260521203846") !important;
}
#configurator.show-accessibility-status .side ul.accessibility li.corner.corner-window-door.accessibility-fail, #configurator.show-accessibility-status .side ul.accessibility li.slot.fake.accessibility-fail, #configurator.show-accessibility-status .side ul.accessibility li.slot.occupied.accessibility-fail {
background-image: url("../../images/configurator.4506/panels-transparent-accessibility-fail.png?20260521203846") !important;
}
#configurator #dropdown-o-e-access-ramp ul.dd-options li.o-access-ramp-public-access-flat-base,
#configurator #dropdown-o-e-access-ramp ul.dd-options li.o-access-ramp-public-access-sloped-base {
display: none;
}
#configurator.show-accessibility-status #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-flat-base, #configurator.advanced #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-flat-base, #configurator.show-accessibility-status #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-sloped-base, #configurator.advanced #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-sloped-base, #configurator.o-access-ramp-public-access-flat-base #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-flat-base, #configurator.o-access-ramp-public-access-sloped-base #dropdown-o-e-access-ramp.dd-container.external-options ul.dd-options li.o-access-ramp-public-access-sloped-base {
display: inline-block;
}
#configurator.x1.x1 #dropdown-o-e-door-window-handle-style {
display: none;
}
#configurator.o-e-door-window-handle-style-coastal #dropdown-o-e-door-window-handle-colours .o-handle-colour-graphite, #configurator.o-e-door-window-handle-style-coastal #dropdown-o-e-door-window-handle-colours .o-handle-colour-chrome, #configurator.o-e-door-window-handle-style-standard #dropdown-o-e-door-window-handle-colours .o-handle-colour-brushed-stainless-steel {
display: none;
}
#configurator.side ul.aluminium li.corner.corner-window-door, #configurator.side ul.aluminium li.slot.fake, #configurator.side ul.aluminium li.slot.occupied {
background-image: none;
}
#configurator.has-aluminium-frames .side ul.aluminium li.corner.corner-window-door.aluminium, #configurator.has-aluminium-frames .side ul.aluminium li.slot.fake.aluminium, #configurator.has-aluminium-frames .side ul.aluminium li.slot.occupied.aluminium {
background-image: url("../../images/configurator.4506/panels-transparent-aluminium.png?20260521203846") !important;
}
#configurator.tgo.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.tgo.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.tgo.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.tgo.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.ta2.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.ta2.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.ta2.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.ta2.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.hide.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.hide.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.hide.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.hide.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g2.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.den.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g2.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.den.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g2.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.den.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g2.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.den.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.x1.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.x1.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.x1.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.x1.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g3.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g3.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g3.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g3.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g5.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g5.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g5.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g5.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.b5.graphite .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.b5.graphite .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.b5.graphite .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.b5.graphite .side ul.base li.slot.occupied.w-c-900.right-aligned {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846") !important;
}
#configurator.tgo.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.tgo.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.tgo.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.tgo.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.ta2.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.ta2.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.ta2.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.ta2.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.hide.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.hide.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.hide.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.hide.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g2.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.den.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g2.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.den.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g2.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.den.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g2.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.den.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.x1.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.x1.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.x1.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.x1.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g3.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g3.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g3.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g3.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.g5.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.g5.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.g5.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.g5.black .side ul.base li.slot.occupied.w-c-900.right-aligned, #configurator.b5.black .side ul.base li.slot.occupied.w-c.left-aligned, #configurator.b5.black .side ul.base li.slot.occupied.w-c.right-aligned, #configurator.b5.black .side ul.base li.slot.occupied.w-c-900.left-aligned, #configurator.b5.black .side ul.base li.slot.occupied.w-c-900.right-aligned {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846") !important;
}
#configurator.skin-gr.graphite div.drag-helper div.sprite, #configurator.skin-gr.graphite .toolbar li.panel div.preview div.panel, #configurator.ta1.graphite div.drag-helper div.sprite, #configurator.ta1.graphite .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-graphite-no-handles.png?20260521203846");
}
#configurator.skin-gr.black div.drag-helper div.sprite, #configurator.skin-gr.black .toolbar li.panel div.preview div.panel, #configurator.ta1.black div.drag-helper div.sprite, #configurator.ta1.black .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-transparent-black-no-handles.png?20260521203846");
}
#configurator.basebox-derived.skin-gr.graphite div.drag-helper div.sprite, #configurator.basebox-derived.skin-gr.graphite .toolbar li.panel div.preview div.panel, #configurator.basebox-derived.ta1.graphite div.drag-helper div.sprite, #configurator.basebox-derived.ta1.graphite .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-graphite.png?20260521203846");
}
#configurator.basebox-derived.skin-gr.black div.drag-helper div.sprite, #configurator.basebox-derived.skin-gr.black .toolbar li.panel div.preview div.panel, #configurator.basebox-derived.ta1.black div.drag-helper div.sprite, #configurator.basebox-derived.ta1.black .toolbar li.panel div.preview div.panel {
background-image: url("../../images/configurator.4506/panels-matchbox-transparent-black.png?20260521203846");
}
#configurator.ta1 div#summary table.summary .group, #configurator.skin-gr div#summary table.summary .group {
margin: 0;
}
#configurator.advanced {
border: 3px dashed silver;
}
#configurator #showroom-form-link {
display: none;
cursor: pointer;
position: absolute;
top: 20px;
right: 10px;
width: auto;
height: 45px;
}
#configurator.costco #showroom-form-link {
right: 250px;
}
body #configurator.advanced #showroom-form-link {
display: inline;
}
#configurator.skin-tgo .trim-colour .sample, #configurator.ta2 .trim-colour .sample, #configurator.hide .trim-colour .sample {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#configurator .dd-select {
border: 0px solid #3aa1e3;
color: white;
}
#configurator .dd-selected {
background-color: #434343;
}
#configurator #toolbar div.dd-container ul.dd-options {
width: 400px !important;
height: auto !important;
}
#configurator .dd-options {
background-color: #434343;
border: 2px solid #666666;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
z-index: 100;
}
#configurator .dd-option:hover,
#configurator .dd-option-selected {
background-color: #666666;
}
#configurator .dd-option-description {
font-style: italic;
font-size: 14px;
}
#configurator .dd-selected-description {
display: none;
}
#configurator.b-series-derived #dropdown-o-e-c-front .dd-selected-text::after {
color: #444743;
content: "\aLeft, front & right";
font-size: 0.7em;
white-space: pre;
}
#configurator.b-series-derived div.customer-document div.specification.page table tr.o-e-c-front td.col0 {
text-transform: lowercase;
}
#configurator.b-series-derived div.customer-document div.specification.page table tr.o-e-c-front td.col0::before {
content: "Left, front & right ";
text-transform: none;
}
#configurator .dd-option-text, #configurator .dd-option-text span, #configurator .dd-option-description, #configurator .dd-selected-text {
color: white;
font-weight: normal;
}
#configurator div#no-kitchen-unit-selected,
#configurator div#no-bathroom-unit-selected {
margin-top: 200px;
padding: 20px;
width: 80%;
margin-left: calc((20% - 40px) / 2);
}
#configurator div#no-kitchen-unit-selected,
#configurator div#no-bathroom-unit-selected {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gr div#no-kitchen-unit-selected, #configurator.skin-gr div#no-bathroom-unit-selected {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-tgo div#no-kitchen-unit-selected, #configurator.skin-tgo div#no-bathroom-unit-selected {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gs div#no-kitchen-unit-selected, #configurator.skin-gs div#no-bathroom-unit-selected {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-pw div#no-kitchen-unit-selected, #configurator.skin-pw div#no-bathroom-unit-selected {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-ta div#no-kitchen-unit-selected, #configurator.skin-ta div#no-bathroom-unit-selected {
background-color: #465775;
color: #ffffff;
}
#configurator div.summary tr.external-options.o-e-canopy-left-cladding,
#configurator div.summary tr.external-options.o-e-canopy-right-cladding {
display: none;
}
#configurator.has-canopy-left div.summary tr.external-options.o-e-canopy-left-cladding, #configurator.has-canopy-right div.summary tr.external-options.o-e-canopy-right-cladding {
display: table-row;
}
#configurator.o-d-size-standard div.summary tr.external-options.o-e-d-type-extended.o-de-none, #configurator.o-d-size-standard div.summary tr.external-options.o-e-d-type-extended.o-de-spruce, #configurator.o-d-size-standard-100mm div.summary tr.external-options.o-e-d-type-extended.o-de-none, #configurator.o-d-size-standard-100mm div.summary tr.external-options.o-e-d-type-extended.o-de-spruce, #configurator.o-d-size-standard-400mm div.summary tr.external-options.o-e-d-type-extended.o-de-none, #configurator.o-d-size-standard-400mm div.summary tr.external-options.o-e-d-type-extended.o-de-spruce, #configurator.o-d-size-extended div.summary tr.external-options.o-e-d-1.o-d-none, #configurator.o-d-size-extended div.summary tr.external-options.o-e-d-1.o-de-spruce, #configurator.o-d-size-extended div.summary tr.external-options.o-e-d-1.o-d-spruce, #configurator.o-d-size-extended-900mm div.summary tr.external-options.o-e-d-1.o-d-none, #configurator.o-d-size-extended-900mm div.summary tr.external-options.o-e-d-1.o-de-spruce, #configurator.o-d-size-extended-900mm div.summary tr.external-options.o-e-d-1.o-d-spruce {
display: none;
}
#configurator.o-i-kitchen-unit-no div.interior .options-group #dropdown-o-i-kitchen-unit-orientation {
opacity: 0;
height: 1px;
padding-top: 0;
overflow: hidden;
}
#configurator div.exterior-options .options-group #dropdown-o-e-d-type-extended-zebra-fake, #configurator.g3.depth-5000 div.exterior-options .options-group #dropdown-o-e-d-size, #configurator.x1.depth-5000 div.exterior-options .options-group #dropdown-o-e-d-size, #configurator.o-d-size-standard div.exterior-options .options-group #dropdown-o-e-d-type-extended, #configurator.o-d-size-extended div.exterior-options .options-group #dropdown-o-e-d-1 {
opacity: 0;
height: 0px;
padding-top: 0;
overflow: hidden;
}
#configurator div#floorplanner .toolPalette select {
width: 150px;
height: 27px;
}
#configurator.free-4way-cu div#floorplanner .toolPalette .o-e-cu-aircon {
display: block;
}
#configurator.free-4way-cu div#electrics .options .o-e-cu-aircon {
opacity: 1;
height: inherit;
padding-top: inherit;
overflow: inherit;
display: block;
}
#configurator.free-4way-cu div#floorplanner .toolPalette .o-e-cu,
#configurator div#floorplanner .toolPalette .o-e-cu-aircon,
#configurator div#floorplanner .toolPalette .o-ir-heating-transformer, #configurator.o-i-w-standard div#floorplanner .toolPalette .o-e-socket-style-plastered, #configurator.o-i-w-plastered div#floorplanner .toolPalette .o-e-socket-style, #configurator.o-i-w-acoustic div#floorplanner .toolPalette .o-e-socket-style, #configurator.free-4way-cu div#electrics .options .o-e-cu,
#configurator div#electrics .options .o-e-cu-aircon, #configurator.o-kitchen-top-cupboards-no div#kitchen .options .o-kitchen-top-cupboard-colour,
#configurator div#kitchen .options .o-kitchen-d-slot-a,
#configurator div#kitchen .options .o-kitchen-d-slot-b,
#configurator div#kitchen .options .o-kitchen-e-slot-a,
#configurator div#kitchen .options .o-kitchen-e-slot-b, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-std, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-t, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-t-4-black, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-t-4-white, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-u-d, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-u-d-black, #configurator.o-ceiling-pack-recessed div#electrics .options .o-e-l-p-600, #configurator.o-internal-lights-none div#electrics .options .o-e-l-t, #configurator.o-internal-lights-none div#electrics .options .o-e-l-t-4-black, #configurator.o-internal-lights-none div#electrics .options .o-e-l-t-4-white, #configurator.o-internal-lights-none div#electrics .options .o-e-l-u-d, #configurator.o-internal-lights-none div#electrics .options .o-e-l-u-d-black, #configurator.o-internal-lights-none div#electrics .options .o-e-l-p-600, #configurator.o-ceiling-pack-none div#electrics .options .o-e-extra-downlights, #configurator.o-i-w-standard div#interior .options h3.painting,
#configurator div#floorplanner .toolPalette .o-e-ac-installation,
#configurator div#floorplanner .toolPalette .o-e-ac-condenser-box,
#configurator div#floorplanner .toolPalette .o-e-coving-lighting, #configurator.basebox-derived div#floorplanner .toolPalette .o-e-h-2-0-convector {
display: none;
}
#configurator.has-designer-aircon div#floorplanner .toolPalette .o-e-ac-installation, #configurator.has-standard-aircon div#floorplanner .toolPalette .o-e-ac-installation, #configurator.has-designer-aircon div#floorplanner .toolPalette .o-e-ac-condenser-box, #configurator.has-standard-aircon div#floorplanner .toolPalette .o-e-ac-condenser-box, #configurator.basebox-derived.o-electric-pack-3 div#floorplanner .toolPalette .o-e-h-2-0-convector {
display: list-item;
}
#configurator.o-i-w-standard div#interior .options .o-i-w-skirting-plastered, #configurator.o-i-w-plastered div#interior .options .o-i-w-skirting, #configurator.o-i-w-acoustic div#interior .options .o-i-w-skirting, #configurator.o-i-w-standard div#electrics .options .o-e-socket-style-plastered, #configurator.o-i-w-plastered div#electrics .options .o-e-socket-style, #configurator.o-i-w-acoustic div#electrics .options .o-e-socket-style, #configurator.o-e-electrics-none div#electrics .options .o-e-extra-mainline-kits, #configurator.o-e-electrics-standard div#electrics .options .o-e-extra-mainline-kits {
opacity: 0;
height: 1px;
padding-top: 0;
overflow: hidden;
}
#configurator.o-kitchen-d div#kitchen .options .o-kitchen-d-slot-a, #configurator.o-kitchen-d div#kitchen .options .o-kitchen-d-slot-b, #configurator.o-kitchen-e div#kitchen .options .o-kitchen-e-slot-a, #configurator.o-kitchen-e div#kitchen .options .o-kitchen-e-slot-b {
opacity: 1;
height: inherit;
padding-top: inherit;
overflow: inherit;
display: block;
}
#configurator #exterior-options-toolbar h2 {
margin-top: 10px;
}
#configurator.o-d-size-extended-900mm div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3 {
display: none;
}
#configurator.no-sedum-roof div.exterior-options div.options-group div#dropdown-o-sedum-roof, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group div#dropdown-o-sedum-roof {
display: none;
}
#configurator.b3 div.exterior-options div.options-group div#dropdown-o-e-d-size,
#configurator.b3 div.exterior-options div.options-group div#dropdown-o-e-d-front, #configurator.b5 div.exterior-options div.options-group div#dropdown-o-e-d-size,
#configurator.b5 div.exterior-options div.options-group div#dropdown-o-e-d-front {
display: none;
}
#configurator.b1:not(.o-cheek-left-type-none) div.exterior-options div.options-group div#dropdown-o-e-d-front li.o-deck-front-full-145, #configurator.b1:not(.o-cheek-right-type-none) div.exterior-options div.options-group div#dropdown-o-e-d-front li.o-deck-front-full-145 {
display: none;
}
#configurator.g2 #dropdown-o-e-d-type-extended li.o-de-none, #configurator.g2 #dropdown-o-e-d-1 li.o-d-none, #configurator.x1 #dropdown-o-e-d-type-extended li.o-de-none, #configurator.x1 #dropdown-o-e-d-1 li.o-d-none, #configurator.g3 #dropdown-o-e-d-type-extended li.o-de-none, #configurator.g3 #dropdown-o-e-d-1 li.o-d-none {
display: none;
}
#configurator.b-series-derived #dropdown-o-e-d-1 {
display: none;
}
#configurator.g2:not(.o-d-size-extended-900mm) #dropdown-o-e-cheek-inner, #configurator.den:not(.o-d-size-extended-900mm) #dropdown-o-e-cheek-inner, #configurator.x1:not(.o-d-size-extended-900mm) #dropdown-o-e-cheek-inner, #configurator.g3:not(.o-d-size-extended-900mm) #dropdown-o-e-cheek-inner {
display: none;
}
#configurator div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgox, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2 li.o-cheek-right-type-none, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3 li.o-cheek-right-type-none, #configurator.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo4 {
display: none;
}
#configurator.corner-window-door-left:not(.o-d-size-extended-900mm) div.exterior-options div.options-group div#dropdown-o-e-cheek-left {
display: block;
}
#configurator.corner-window-door-left:not(.o-d-size-extended-900mm) div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na {
display: none;
}
#configurator div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgox, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2 li.o-cheek-left-type-none, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3 li.o-cheek-left-type-none, #configurator.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo4 {
display: none;
}
#configurator.corner-window-door-right:not(.o-d-size-extended-900mm) div.exterior-options div.options-group div#dropdown-o-e-cheek-right {
display: block;
}
#configurator.corner-window-door-right:not(.o-d-size-extended-900mm) div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na {
display: none;
}
#configurator.g5:not(.o-c-cedar-front):not(.o-c-cedar-slatted-front) div.exterior-options div.options-group div#dropdown-o-e-cheek-right .o-cheek-right-type-cedar, #configurator.g5:not(.o-c-cedar-front):not(.o-c-cedar-slatted-front) div.exterior-options div.options-group div#dropdown-o-e-cheek-left .o-cheek-left-type-cedar {
display: none;
}
#configurator.b5:not(.o-c-cedar-front):not(.o-c-cedar-slatted-front) div.exterior-options div.options-group div#dropdown-o-e-cheek-right .o-cheek-right-type-cedar, #configurator.b5:not(.o-c-cedar-front):not(.o-c-cedar-slatted-front) div.exterior-options div.options-group div#dropdown-o-e-cheek-left .o-cheek-left-type-cedar {
display: none;
}
#configurator.o-cheek-left-size-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left, #configurator.o-cheek-right-size-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right {
display: none;
}
#configurator.g1:not(.o-cheek-left-size-none) div.exterior-options div.options-group li.o-cheek-left-type-none, #configurator.g1:not(.o-cheek-right-size-none) div.exterior-options div.options-group li.o-cheek-right-type-none, #configurator.o-cheek-left-size-100 div.exterior-options div.options-group li.o-cheek-left-type-contemporary, #configurator.o-cheek-right-size-100 div.exterior-options div.options-group li.o-cheek-right-type-contemporary, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group li.o-cheek-left-type-none, #configurator.o-d-size-extended-900mm div.exterior-options div.options-group li.o-cheek-right-type-none {
display: none;
}
#configurator.o-c-fireproof-cement-board-black-front div#dropdown-o-e-cheek-left li.o-cheek-left-type-contemporary, #configurator.o-c-fireproof-cement-board-black-front div#dropdown-o-e-cheek-right li.o-cheek-right-type-contemporary, #configurator.o-c-fireboard-white-front div#dropdown-o-e-cheek-left li.o-cheek-left-type-contemporary, #configurator.o-c-fireboard-white-front div#dropdown-o-e-cheek-right li.o-cheek-right-type-contemporary, #configurator.o-c-composite-slatted-front div#dropdown-o-e-cheek-left li.o-cheek-left-type-contemporary, #configurator.o-c-composite-slatted-front div#dropdown-o-e-cheek-right li.o-cheek-right-type-contemporary {
display: none;
}
#configurator.basebox-derived.o-e-curve-side-left div#dropdown-o-e-cheek-left li.o-cheek-left-type-basebox-grey, #configurator.basebox-derived.o-e-curve-side-right div#dropdown-o-e-cheek-right li.o-cheek-right-type-basebox-grey, #configurator.basebox-derived.o-e-curve-side-left div#dropdown-o-e-cheek-left li.o-cheek-left-type-none, #configurator.basebox-derived.o-e-curve-side-right div#dropdown-o-e-cheek-right li.o-cheek-right-type-none {
display: none;
}
#configurator.tgo.o-cheek-left-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-left-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.tgo.o-cheek-right-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-left-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.ta2.o-cheek-right-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-left-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-spruce div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-honey div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-cedar div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-contemporary div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-composite-grey div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-composite-oak div#dropdown-o-e-d-1 li.o-d-none, #configurator.hide.o-cheek-right-type-composite-cedar div#dropdown-o-e-d-1 li.o-d-none {
display: none;
}
#configurator div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na-deck, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo4, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo4, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo2, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo3, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-tgo4, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left {
display: none;
}
#configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na-deck, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na-deck, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na-deck {
display: block;
}
#configurator div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na-deck, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo4, #configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo4, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo2, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo3, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-tgo4, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right {
display: none;
}
#configurator.tgo.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na-deck, #configurator.ta2.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na-deck, #configurator.hide.o-d-none div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na-deck {
display: block;
}
#configurator.tgo.o-d-none.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na, #configurator.tgo.o-d-none.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na, #configurator.ta2.o-d-none.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na, #configurator.ta2.o-d-none.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na, #configurator.hide.o-d-none.corner-window-door-left div.exterior-options div.options-group div#dropdown-o-e-cheek-left-na, #configurator.hide.o-d-none.corner-window-door-right div.exterior-options div.options-group div#dropdown-o-e-cheek-right-na {
/* Hide both of these fake options - the -na-deck version will also be shown */
display: none;
}
#configurator div.exterior-options .toolbar div.options-group {
position: relative;
}
#configurator #form-questions {
border: 1px solid silver;
padding: 10px;
margin: 10px 0 0 0;
}
#configurator #form-questions label,
#configurator form.admin label {
display: inline-block;
width: 250px;
text-align: right;
}
#configurator #form-questions label {
margin: 10px 5px 5px 5px;
text-align: left;
}
#configurator #form-questions label.for-textarea,
#configurator form.admin div.section label.for-textarea {
width: 100%;
text-align: left;
}
#configurator #form-questions label,
#configurator form.admin.site-survey label {
display: inline;
}
#configurator form.admin.site-survey label.site-survey-virtual {
width: auto;
float: right;
margin-right: 20px;
}
#configurator #form-questions label {
display: inline-block;
width: 300px;
}
#configurator #form-questions label {
width: 95%;
}
#configurator #form-questions div.section.electrics-external label.for-checkbox,
#configurator form.admin.site-survey div.section.electrics-external label.for-checkbox {
display: inline;
}
#configurator form.admin label.for-checkbox {
width: calc(100% - 30px);
text-align: left;
}
#configurator #form-questions label.for-checkbox {
width: calc(95% - 30px);
text-align: left;
}
#configurator form.admin.site-survey div.site-survey-type-none,
#configurator form.admin.site-survey div.section.section.site-survey-type-none,
#configurator form.admin.site-survey div.section.section .site-survey-type-none {
/* .section.site-survey-type-none, and .section .site-survey-type-none ie not a typo*/
display: none;
}
#configurator.site-survey-type-gr form.admin.site-survey div.site-survey-type-gr, #configurator.site-survey-type-tp form.admin.site-survey div.site-survey-type-tp, #configurator.site-survey-type-matchbox form.admin.site-survey div.site-survey-type-matchbox, #configurator.site-survey-type-tgo form.admin.site-survey div.site-survey-type-tgo, #configurator.site-survey-type-gs form.admin.site-survey div.site-survey-type-gs, #configurator.site-survey-type-gw form.admin.site-survey div.site-survey-type-gw, #configurator.site-survey-type-theannex form.admin.site-survey div.site-survey-type-theannex, #configurator.site-survey-type-gr form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-gr, #configurator.site-survey-type-tp form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-tp, #configurator.site-survey-type-matchbox form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-matchbox, #configurator.site-survey-type-tgo form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-tgo, #configurator.site-survey-type-gs form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-gs, #configurator.site-survey-type-gw form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-gw, #configurator.site-survey-type-theannex form.admin.site-survey div.section.section div.area-around-building-plan-view.site-survey-type-theannex, #configurator.site-survey-type-gr form.admin.site-survey div.section.section.site-survey-type-gr, #configurator.site-survey-type-tp form.admin.site-survey div.section.section.site-survey-type-tp, #configurator.site-survey-type-matchbox form.admin.site-survey div.section.section.site-survey-type-matchbox, #configurator.site-survey-type-tgo form.admin.site-survey div.section.section.site-survey-type-tgo, #configurator.site-survey-type-gs form.admin.site-survey div.section.section.site-survey-type-gs, #configurator.site-survey-type-gw form.admin.site-survey div.section.section.site-survey-type-gw, #configurator.site-survey-type-theannex form.admin.site-survey div.section.section.site-survey-type-theannex {
display: block;
}
#configurator.site-survey-type-gr form.admin.site-survey div.section.section .site-survey-type-gr, #configurator.site-survey-type-tp form.admin.site-survey div.section.section .site-survey-type-tp, #configurator.site-survey-type-matchbox form.admin.site-survey div.section.section .site-survey-type-matchbox, #configurator.site-survey-type-tgo form.admin.site-survey div.section.section .site-survey-type-tgo, #configurator.site-survey-type-gs form.admin.site-survey div.section.section .site-survey-type-gs, #configurator.site-survey-type-gw form.admin.site-survey div.section.section .site-survey-type-gw, #configurator.site-survey-type-theannex form.admin.site-survey div.section.section .site-survey-type-theannex, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-gr, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-tp, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-matchbox, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-tgo, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-gs, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-gw, #configurator.site-survey-type-all form.admin.site-survey div.section.section .site-survey-type-theannex,
#configurator form.admin.site-survey div.section.section .site-survey-type-all {
display: inline-block;
}
#configurator.site-survey-type-gr form.admin.site-survey div.section.section label.site-survey-type-gr, #configurator.site-survey-type-tp form.admin.site-survey div.section.section label.site-survey-type-tp, #configurator.site-survey-type-matchbox form.admin.site-survey div.section.section label.site-survey-type-matchbox, #configurator.site-survey-type-tgo form.admin.site-survey div.section.section label.site-survey-type-tgo, #configurator.site-survey-type-gs form.admin.site-survey div.section.section label.site-survey-type-gs, #configurator.site-survey-type-gw form.admin.site-survey div.section.section label.site-survey-type-gw, #configurator.site-survey-type-theannex form.admin.site-survey div.section.section label.site-survey-type-theannex, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-gr, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-tp, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-matchbox, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-tgo, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-gs, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-gw, #configurator.site-survey-type-all form.admin.site-survey div.section.section label.site-survey-type-theannex,
#configurator form.admin.site-survey div.section.section label.site-survey-type-all {
display: inline;
}
#configurator form.admin.site-survey div.section.section h3.plumbing-too-far, #configurator.plumbing-too-far form.admin.site-survey div.section.section h2.plumbing-sub-total {
display: none;
}
#configurator.plumbing-too-far form.admin.site-survey div.section.section h3.plumbing-too-far {
display: block;
}
#configurator form.admin.tcard-fields label.for-checkbox {
width: calc(100% - 230px);
}
#configurator div.site-survey form.admin div.section {
page-break-inside: avoid;
page-break-after: auto;
}
#configurator div.site-survey form.admin div.section label.score {
width: auto;
text-align: center;
}
#configurator div.site-survey form.admin div.section input.score {
width: calc(100% - 130px);
}
#configurator div.site-survey form.admin div.section textarea {
width: 98%;
margin-top: 15px;
height: 6em;
}
#configurator form.admin.showroom-voucher textarea,
#configurator form.admin input {
padding: 2px;
width: calc(100% - 260px);
border: 1px solid silver;
}
#configurator form.admin p.customer-number,
#configurator form.admin p.customer-number label {
color: white;
}
#configurator form.admin input#customer-number {
width: calc(100% - 310px);
border: 1px solid silver;
}
#configurator #form-questions input[type=checkbox],
#configurator form.admin input[type=checkbox] {
width: 20px;
height: 20px;
}
#configurator form.admin.tcard-fields input[type=checkbox] {
margin-left: 200px;
}
#configurator form.admin input[type=number] {
width: 80px;
}
#configurator form.admin input[type=time] {
width: 100px;
}
#configurator form.admin p.actions {
margin-top: 15px;
text-align: center;
}
#configurator form.admin button {
width: 200px;
}
#configurator form.admin.showroom-voucher div.how-found-us-wrapper,
#configurator form.admin.showroom-voucher div.brands-of-interest-wrapper {
border: 1px solid white;
padding: 5px 5px 5px 5px;
}
#configurator form.admin.showroom-voucher div.how-found-us-wrapper h2,
#configurator form.admin.showroom-voucher div.brands-of-interest-wrapper h2 {
margin-top: 0;
background-color: white;
padding: 5px;
color: black;
}
#configurator form.admin.showroom-voucher div.how-heard-about-event-wrapper {
border: 1px solid white;
padding: 5px 5px 5px 5px;
margin-top: 15px;
margin-bottom: 15px;
}
#configurator form.admin.showroom-voucher div.how-heard-about-event-wrapper h2 {
margin-top: 0;
background-color: white;
padding: 5px;
color: black;
}
#configurator div.customer-document .header,
#configurator div.customer-document .site-preparation-notes h1,
#configurator div.customer-document .terms-and-conditions h1,
#configurator #modal-message form.site-survey .header {
background-repeat: no-repeat;
background-position: 5px 50%;
background-size: auto 60px;
margin: 0;
padding: 10px;
height: 50px;
border: 2px solid #1a201e;
font-size: 36px;
line-height: 50px;
}
#configurator div.customer-document .header .configurator-version {
position: absolute;
top: 0;
right: 2px;
font-size: 12px;
line-height: 12px;
color: gray;
text-transform: none;
}
#configurator div.customer-document .site-preparation-notes h1,
#configurator div.customer-document .terms-and-conditions h1 {
font-size: 26px;
}
#configurator.skin-tgo div.customer-document .site-preparation-notes h1, #configurator.skin-tgo div.customer-document .terms-and-conditions h1, #configurator.ta2 div.customer-document .site-preparation-notes h1, #configurator.ta2 div.customer-document .terms-and-conditions h1, #configurator.hide div.customer-document .site-preparation-notes h1, #configurator.hide div.customer-document .terms-and-conditions h1 {
font-size: 22px;
}
#configurator div.customer-document .header.your-total {
height: 75px;
}
#configurator.showing-document-costco-invoice div.customer-document .header.your-total {
height: 110px;
}
#configurator div.customer-document .header.your-total p.total-ex-vat,
#configurator div.customer-document .header.your-total p.vat {
line-height: 20px;
font-size: 16px;
}
#configurator div.customer-document .header.plan-view,
#configurator div.customer-document .header.plan-view-large,
#configurator div.customer-document .header.plan-view-full-screen,
#configurator div.customer-document .header.your-specification {
margin: 10px 0 10px 0;
color: #1a201e;
}
#configurator div.customer-document div.page.plan-view,
#configurator div.customer-document div.page.plan-view-large,
#configurator div.customer-document div.page.plan-view-full-screen {
text-align: center;
}
#configurator div.customer-document div.page.plan-view img.plan,
#configurator div.customer-document div.page.plan-view-large img.plan {
width: 100%;
max-width: 1050px;
/* 1050 is the canvas size */
}
#configurator div.customer-document div.page.plan-view-full-screen img.plan {
width: 100%;
/* max-width: 1050px; */
/* 1050 is the canvas size */
margin: 20px 0 20px 0;
}
#configurator div.customer-document div.page.plan-view div.legend ul,
#configurator div.customer-document div.page.plan-view-large div.legend ul,
#configurator div.customer-document div.page.plan-view-full-screen div.legend ul {
display: block;
text-align: left;
}
#configurator div.customer-document div.page.plan-view div.legend ul li img.icon,
#configurator div.customer-document div.page.plan-view-large div.legend ul li img.icon,
#configurator div.customer-document div.page.plan-view-full-screen div.legend ul li img.icon {
max-width: 35px;
min-width: 27px;
width: 30%;
padding-right: 5px;
}
#configurator div.customer-document div.page.plan-view div.legend ul li,
#configurator div.customer-document div.page.plan-view-large div.legend ul li,
#configurator div.customer-document div.page.plan-view-full-screen div.legend ul li {
width: 25%;
display: inline-block;
text-align: left;
padding-top: 5px;
}
#configurator.skin-gr div.customer-document .header, #configurator.skin-gr #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-gr.svg?20260521203846");
background-color: white;
/* Some larger Apex designs are hitting a Chrome rendering issue which results in the bottom strip of the front elevation being pushed down and apparently striking through the "Your total" line. Setting the background colour here masks that. */
}
#configurator.ta1 div.customer-document .header, #configurator.ta1 #modal-message form.site-survey .header, #configurator.ta2 div.customer-document .header, #configurator.ta2 #modal-message form.site-survey .header, #configurator.hide div.customer-document .header, #configurator.hide #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-ta.svg?20260521203846");
}
#configurator.tp div.customer-document .header, #configurator.tp #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-tp.svg?20260521203846");
}
#configurator.basebox-derived div.customer-document .header, #configurator.basebox-derived #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-matchbox.svg?20260521203846");
}
#configurator div.customer-document .header span.include-base-price-toggle {
position: absolute;
top: 25px;
right: 40px;
padding: 0px 30px 0px 30px;
font-size: 18px;
cursor: pointer;
}
#configurator div.customer-document .header span.include-base-price-toggle.off span.on,
#configurator div.customer-document .header span.include-base-price-toggle.on span.off {
display: none;
}
#configurator div.customer-document .header span.include-base-price-toggle,
#configurator div.customer-document .header span.include-base-price-toggle span {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gr div.customer-document .header span.include-base-price-toggle, #configurator.skin-gr div.customer-document .header span.include-base-price-toggle span {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-tgo div.customer-document .header span.include-base-price-toggle, #configurator.skin-tgo div.customer-document .header span.include-base-price-toggle span {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-gs div.customer-document .header span.include-base-price-toggle, #configurator.skin-gs div.customer-document .header span.include-base-price-toggle span {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-pw div.customer-document .header span.include-base-price-toggle, #configurator.skin-pw div.customer-document .header span.include-base-price-toggle span {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-ta div.customer-document .header span.include-base-price-toggle, #configurator.skin-ta div.customer-document .header span.include-base-price-toggle span {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-tgo div.customer-document .header, #configurator.skin-tgo #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-tgo.svg?20260521203846");
}
#configurator.skin-gs div.customer-document .header, #configurator.skin-gs #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-gs.svg?20260521203846");
}
#configurator.skin-pw div.customer-document .header, #configurator.skin-pw #modal-message form.site-survey .header {
background-image: url("../../images/configurator.4506/customer-document-header-logo-pw.svg?20260521203846");
}
#configurator form.site-survey .section.customer {
width: 100%;
}
#configurator form.site-survey .section.customer .showroom-form {
margin: 10px 0;
padding: 15px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
}
#configurator form.site-survey .section.customer .showroom-form h1 {
margin: 0 0 10px 0;
font-size: 18px;
color: #333;
}
#configurator form.site-survey .section.customer .showroom-form .content {
font-size: 14px;
color: #666;
}
#configurator form.site-survey .section.customer .showroom-form ul.showroom-form-list {
list-style: none;
padding: 0;
margin: 0;
}
#configurator form.site-survey .section.customer .showroom-form ul.showroom-form-list li {
display: flex;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #e0e0e0;
}
#configurator form.site-survey .section.customer .showroom-form ul.showroom-form-list li:last-child {
border-bottom: none;
}
#configurator form.site-survey .section.customer .showroom-form ul.showroom-form-list li .timestamp {
flex-shrink: 0;
font-weight: 600;
color: #555;
min-width: 140px;
}
#configurator form.site-survey .section.customer .showroom-form ul.showroom-form-list li .message {
flex: 1;
color: #333;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: pre-wrap;
}
#configurator div.customer-document .header img.costco-logo {
display: none;
}
#configurator div.customer-document table tr.header-overall {
background-color: gray;
border-top-width: 2px;
}
#configurator div.customer-document table tr.header-overall.document-number .col0,
#configurator div.customer-document table tr.header-overall.headings {
font-size: 12px;
}
#configurator div.customer-document table tr {
border-top-width: 0;
border: 2px solid black;
}
#configurator div.customer-document table tr.customer-details {
border-width: 0;
}
#configurator div.customer-document table tr.header-section {
background-color: white;
text-transform: uppercase;
}
#configurator div.customer-document table tr td.cost,
#configurator div.customer-document table tr td.quantity {
text-align: center;
}
#configurator div.customer-document table tbody:nth-child(odd) {
background-color: gray;
}
#configurator div.customer-document table tbody:nth-child(even) {
background-color: lightgray;
}
#configurator div.customer-document table tr.header-overall th {
padding: 3px;
text-transform: uppercase;
}
#configurator div.customer-document table tr th.col1 {
width: 100%;
text-align: left;
}
#configurator div.customer-document table tr.no-electrical-connection td.col1,
#configurator div.customer-document table tr.electrics-tbc td.col1 {
color: red;
}
#configurator div.customer-document table tbody.footer {
background-color: white;
}
#configurator div.customer-document table tbody.footer tr {
border-width: 0;
}
#configurator div.customer-document table tr.footer td.col0.blurb p {
text-align: left;
font-size: 12px;
color: gray;
}
#configurator div.customer-document table tr.footer td.col0.blurb p em {
color: black;
font-weight: bold;
}
#configurator div.customer-document table tr.footer td.col0.blurb p.payments {
margin-top: 5px;
}
#configurator div.customer-document table tr.footer:last-of-type td {
padding-top: 15px;
}
#configurator div.customer-document table tr.footer td p.valid-for {
font-size: 12px;
color: black;
text-align: left;
font-weight: bold;
}
#configurator div.customer-document table tr.footer td p.t-and-c {
font-size: 12px;
color: black;
float: right;
font-weight: bold;
}
#configurator div.customer-document table tr.footer td.payment-label,
#configurator div.customer-document table tr.footer td.payment-amount {
font-weight: bold;
text-align: right;
font-size: 14px;
}
#configurator div.customer-document table tr.footer td.payment-amount.grand-total {
background-color: lightgray;
border-top: 1px solid black;
border-bottom: 3px double black;
}
#configurator div.customer-document table tr.footer td.payment-label.due-upon-completion,
#configurator div.customer-document table tr.footer td.payment-amount.due-upon-completion {
color: red;
}
#configurator div.customer-document table tr.customer-details {
background-color: white;
}
#configurator div.customer-document table tr.customer-details td {
font-size: 12px;
font-weight: normal;
text-align: right;
}
#configurator div.customer-document table tr.customer-details td.col1 {
font-size: 14px;
text-align: left;
font-weight: bold;
}
#configurator div.customer-document table tr.footer td.foot-note {
font-size: 12px;
font-weight: normal;
text-align: right;
}
#configurator div.customer-document .terms-and-conditions h2 {
margin: 10px 0 5px 0;
}
#configurator div.customer-document .terms-and-conditions section {
page-break-inside: avoid;
}
#configurator div.customer-document .terms-and-conditions div.content-box,
#configurator div.customer-document .site-preparation-notes div.content-box {
border: 2px solid #1a201e;
margin: 10px 0 10px 0;
padding: 5px;
}
#configurator div.customer-document .site-preparation-notes div.content-box p {
margin-top: 5px;
}
#configurator div.customer-document sup {
font-size: 10px;
vertical-align: top;
}
#configurator div.customer-document table tr th.col0,
#configurator div.customer-document table tr th.col2 {
white-space: nowrap;
}
#configurator div.customer-document table tr.base-delivery-notes.disclaimer td {
color: red;
font-weight: bold;
}
#configurator div.customer-document.base-delivery-note table .hide-for-base-delivery-note,
#configurator div.customer-document.production-pack table .hide-for-production-pack,
#configurator div.customer-document.installation-delivery-note table .hide-for-installation-delivery-note {
display: none;
}
#configurator.ta1 #access-restricted-building-depth-overhang, #configurator.g2 #access-restricted-building-depth-overhang, #configurator.den #access-restricted-building-depth-overhang, #configurator.g2 #access-restricted-building-depth-overhang, #configurator.den #access-restricted-building-depth-overhang, #configurator.x1 #access-restricted-building-depth-overhang, #configurator.x1 #access-restricted-building-depth-overhang,
#configurator #access-restricted-building-depth-no-overhang {
display: none;
}
#configurator.ta1 #access-restricted-building-depth-no-overhang, #configurator.g2 #access-restricted-building-depth-no-overhang, #configurator.den #access-restricted-building-depth-no-overhang, #configurator.g2 #access-restricted-building-depth-no-overhang, #configurator.den #access-restricted-building-depth-no-overhang, #configurator.x1 #access-restricted-building-depth-no-overhang, #configurator.x1 #access-restricted-building-depth-no-overhang {
display: inline;
}
#configurator div.customer-document form.admin.site-survey .close a,
#configurator div.customer-document form.admin.site-survey .close a:visited,
#configurator div#modal-message.site-survey .close a,
#configurator div#modal-message.site-survey .close a:visited,
#configurator div#modal-message.customer-document .close a,
#configurator div#modal-message.customer-document .close a:visited {
color: black;
}
#configurator div#modal-message form.customer-details.same-as-invoice div.installation-address {
display: none;
}
#configurator div#modal-message div#showroom-designs li.design,
#configurator div#modal-message div#available-offline-designs li.design {
cursor: pointer;
margin-top: 20px;
list-style: none;
padding-bottom: 20px;
clear: both;
}
#configurator div#modal-message div#showroom-designs li h2,
#configurator div#modal-message div#showroom-designs li span,
#configurator div#modal-message div#available-offline-designs li h2,
#configurator div#modal-message div#available-offline-designs li span {
text-align: left;
}
#configurator div#modal-message div#showroom-designs li span.building-information,
#configurator div#modal-message div#available-offline-designs li span.building-information {
margin: 5px 0 8px 0;
display: block;
}
#configurator div#modal-message div#showroom-designs li.design img,
#configurator div#modal-message div#available-offline-designs li.design img {
vertical-align: middle;
float: left;
margin: 0 20px 20px 0;
}
#configurator div#modal-message div.payments-received h2,
#configurator div#modal-message form.customer-details h2 {
margin-top: 20px;
}
#configurator div#modal-message div.payments-received div.payment,
#configurator div#modal-message div.payments-received div.payment span {
color: white;
}
#configurator div#modal-message div.payments-received div.payment-outstanding-balance {
margin: 10px 0 10px 0;
padding: 5px;
border-radius: 3px;
text-align: center;
}
#configurator div#modal-message div.payments-received div.payment-outstanding-balance.paid-in-full {
background-color: rgba(0, 255, 0, 0.2);
border: 1px solid #00ff00;
}
#configurator div#modal-message div.payments-received div.payment-outstanding-balance.overpaid {
background-color: rgba(255, 0, 0, 0.2);
border: 1px solid #ff0000;
}
#configurator div#modal-message div.payments-received div.payment-outstanding-balance.underpaid {
background-color: rgba(0, 0, 255, 0.2);
border: 1px solid #0000ff;
}
#configurator div#modal-message div.all-misc-extras div.misc-extra {
min-height: 30px;
}
#configurator div#modal-message div.all-misc-extras div.misc-extra span.remove-misc-extra,
#configurator div#modal-message div.payments-received div.payment span.remove-payment {
padding: 3px;
border: 1px solid silver;
}
#configurator div#modal-message div.payments-received div.payment {
margin: 3px 0 3px 0;
font-size: 16px;
}
#configurator div#modal-message form.admin.payments-received input,
#configurator div#modal-message form.admin.payments-received select {
width: 310px;
}
#configurator div#modal-message form.admin.payments-received p.group {
padding: 5px;
color: white;
}
#configurator div#modal-message form.admin.dates p.group {
margin-top: 10px;
}
#configurator div#modal-message form.admin.dates p.group.cancellation-reason {
min-height: 12em;
}
#configurator div#modal-message form.admin.dates label {
font-size: 14px;
color: white;
}
#configurator div#modal-message form.admin.site-survey input#building-planning-permission-required:checked + label,
#configurator div#modal-message form.admin.site-survey input#building-split-door-sets:checked + label,
#configurator div#modal-message form.admin.site-survey input#access-through-house:checked + label,
#configurator div#modal-message form.admin.site-survey input#access-via-neighbour:checked + label,
#configurator div#modal-message form.admin.site-survey input#parking-parking-permit-required:checked + label,
#configurator div#modal-message form.admin.site-survey input#area-around-building-requires-fence-panel-removal:checked + label {
background-color: red;
color: white;
}
#configurator div.customer-document form.admin.site-survey div.section,
#configurator div#modal-message.site-survey div.section {
width: calc(((100% - 14px) / 2) - 1%);
float: left;
border: 1px solid gray;
margin-top: 10px;
padding: 5px;
}
#configurator div.customer-document form.admin.site-survey div.section:nth-child(even),
#configurator div#modal-message.site-survey div.section:nth-child(even) {
margin-left: 1%;
}
#configurator div.customer-document form.admin.site-survey div.section:nth-child(odd),
#configurator div#modal-message.site-survey div.section:nth-child(odd) {
clear: left;
}
#configurator div.customer-document form.admin.site-survey div.section h3.autoscore,
#configurator div#modal-message.site-survey div.section h3.autoscore {
background-color: green;
color: white;
}
#configurator div.customer-document form.admin.site-survey div.section h3.unset,
#configurator div#modal-message.site-survey div.section h3.unset {
background-color: red;
color: white;
}
#configurator.has-ordered form.admin.site-survey div.section.customer h3 {
background-color: green;
color: white;
}
#configurator div.customer-document form.admin.site-survey p.actions,
#configurator div#modal-message.site-survey p.actions {
clear: both;
padding-top: 20px;
}
#configurator div.customer-document form.admin.site-survey div.section div.notes,
#configurator div#modal-message.site-survey div.section div.notes {
-webkit-user-select: text;
user-select: text;
-webkit-user-modify: read-write;
user-modify: read-write;
border: 0px;
min-height: 100px;
white-space: pre;
}
#configurator div.customer-document .box {
border: 2px solid black;
width: calc((98% - 162px) / 3);
/*32%;*/
padding: 25px;
margin: 10px 0 10px 0;
display: inline-block;
text-align: left;
float: left;
font-size: 16px;
}
#configurator div.customer-document .box.document-number,
#configurator div.customer-document .box.our-contact-details {
margin-right: 1%;
}
#configurator div.customer-document .box.installation-date,
#configurator div.customer-document .box.customer-address {
float: right;
text-align: right;
}
#configurator div.customer-document .box.customer-address div.invoice-address,
#configurator div.customer-document .box.customer-address div.installation-address {
display: inline-block;
width: 48%;
margin-right: 1%;
margin-top: 5px;
text-align: right;
}
#configurator div.customer-document .box.customer-address div.invoice-address h3,
#configurator div.customer-document .box.customer-address div.installation-address h3 {
margin-bottom: 10px;
text-align: right;
}
#configurator div.customer-document .box.customer-address.single div.installation-address {
width: 100%;
}
#configurator div.customer-document .box.customer-address.single div.invoice-address {
display: none;
}
#configurator div.customer-document .box.document-date,
#configurator div.customer-document .box.document-number,
#configurator div.customer-document .box.customer-contact-details,
#configurator div.customer-document .box.our-contact-details {
background-color: lightgray;
}
#configurator div.customer-document .box.our-contact-details {
clear: left;
}
#configurator div.customer-document .box.document-date p,
#configurator div.customer-document .box.document-number p,
#configurator div.customer-document .box.customer-contact-details p,
#configurator div.customer-document .box.our-contact-details p {
padding: 5px 0 5px 0;
}
#configurator div.customer-document .box.installation-date,
#configurator div.customer-document .box.customer-address {
background-color: #697f6a;
color: white !important;
}
#configurator div.customer-document .box.installation-date label,
#configurator div.customer-document .box.installation-date p,
#configurator div.customer-document .box.customer-address p {
color: white;
}
#configurator div.customer-document .box.installation-date p.base {
margin-top: 10px;
}
#configurator.ta1 div.customer-document .box.installation-date p.base, #configurator.ta2 div.customer-document .box.installation-date p.base, #configurator.hide div.customer-document .box.installation-date p.base {
display: none;
}
#configurator div.customer-document .box.installation-date .installation span.value.default,
#configurator div.customer-document .box.installation-date .base span.value.default {
font-size: 14px;
color: white;
}
#configurator div.customer-document .box.customer-address h1,
#configurator div.customer-document .box.customer-address h2,
#configurator div.customer-document .box.customer-address h3 {
text-transform: none;
}
#configurator div.customer-document div.meta {
text-align: justify;
}
#configurator div.customer-document div.meta p.name,
#configurator div.customer-document div.meta div.address * {
text-transform: capitalize;
}
#configurator div.customer-document div.meta p.customer-email * {
text-transform: lowercase;
}
#configurator div.customer-document div.meta div.address p.postcode {
text-transform: uppercase;
}
#configurator div.customer-document div.meta .spacer {
width: 100%;
height: 1px;
display: inline-block;
}
#configurator div.customer-document label {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
}
#configurator div.customer-document div.sides-wrapper,
#configurator div.customer-document div.front-footer {
border: 2px solid #1a201e;
margin-top: 15px;
position: relative;
padding: 15px;
}
#configurator div.customer-document div.sides-wrapper {
margin-top: 0;
}
#configurator div.customer-document.summary div.sides-wrapper {
margin-top: 15px;
}
#configurator div.customer-document div.sides-wrapper {
padding: 17px 15px 25px 15px;
}
#configurator div.customer-document div.front-footer span.icon {
display: block;
width: 30px;
height: 30px;
background-size: 30px 30px;
}
#configurator div.customer-document div.front-footer div.left p {
width: 250px;
font-size: 12px;
clear: left;
margin-top: 20px;
line-height: 15px;
}
#configurator div.customer-document div.front-footer div.left p:first-child {
margin-top: 0;
}
#configurator div.customer-document div.front-footer div.left p em {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
}
#configurator div.customer-document div.front-footer div.left p.company-numbers {
/* Allow users to select this data */
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
width: 100%;
}
#configurator div.all-misc-extras .misc-extra span,
#configurator div.customer-document div.front-footer div.payments p.payment span.value {
/* Allow users to select this data */
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
#configurator div.customer-document div.front-footer div.left span.icon {
float: left;
margin-right: 5px;
}
#configurator div.customer-document div.front-footer div.left p.company-numbers em {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
margin-left: 20px;
}
#configurator div.customer-document div.front-footer div.left p.company-numbers em:first-child {
margin-left: 0;
}
#configurator div.customer-document div.front-footer div.left span.icon,
#configurator div.customer-document div.front-footer div.right span.icon {
background-repeat: no-repeat;
}
#configurator div.customer-document div.front-footer p.deposit-holding span.icon {
background: url("../../images/configurator.4506/customer-document-icon-deposit-200-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer p.deposit-50 span.icon {
background: url("../../images/configurator.4506/customer-document-icon-deposit-50-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer p.validity span.icon {
background: url("../../images/configurator.4506/customer-document-icon-validity-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer p.validity {
opacity: 0;
}
#configurator div.customer-document.quotation div.front-footer p.validity {
opacity: 1;
}
#configurator div.customer-document div.front-footer div.right p.payment {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
text-align: right;
line-height: 24px;
}
#configurator div.customer-document div.front-footer div.right p.payment.running-balance,
#configurator div.customer-document div.front-footer div.right p.payment.running-balance span.amount {
font-weight: 500;
}
#configurator div.customer-document div.front-footer div.right p.payment.outstanding-balance {
display: none;
}
#configurator div.customer-document.invoice div.front-footer div.right p.payment.outstanding-balance,
#configurator div.customer-document.sales-order div.front-footer div.right p.payment.outstanding-balance {
display: block;
}
#configurator div.customer-document div.front-footer div.right p.payment.outstanding-balance {
padding-top: 30px;
}
#configurator div.customer-document div.front-footer div.right p.payment.including-vat,
#configurator div.customer-document div.front-footer div.right p.payment.including-costco-discount {
font-size: 13px;
font-weight: normal;
}
#configurator div.customer-document div.front-footer div.right p.payment span.amount {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 300;
display: inline-block;
width: 6em;
}
#configurator div.customer-document div.front-footer div.right p.payment.paymentTitles span.amount strong,
#configurator div.customer-document div.front-footer div.right p.paymentSubTotal span {
font-weight: 400;
}
#configurator div.customer-document div.front-footer div.right p.paymentSubTotal {
margin-top: 8px;
margin-bottom: 8px;
padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
#configurator div.customer-document div.front-footer div.right p.payment span.payment-label {
display: inline-block;
}
#configurator div.customer-document div.front-footer div.right p.payment-title {
margin-top: 2em;
}
#configurator div.customer-document div.front-footer div.right p.payment.credit-note span.incoming.amount,
#configurator div.customer-document div.front-footer div.right p.payment.credit-note span.incoming.amount span.value,
#configurator div.customer-document div.front-footer div.right p.payment.customer-refund span.incoming.amount,
#configurator div.customer-document div.front-footer div.right p.payment.customer-refund span.incoming.amount span.value {
color: red;
}
#configurator div.customer-document div.front-footer div.right p.payment-method {
float: right;
width: 100px;
font-size: 12px;
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
}
#configurator div.customer-document div.front-footer div.right p.payment-method {
text-align: center;
}
#configurator div.customer-document div.front-footer div.right p.payment-method span.icon {
margin: 20px 0 10px 35px;
}
#configurator div.customer-document div.front-footer div.right p.payment-method.card span.icon {
background: url("../../images/configurator.4506/customer-document-icon-card-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer div.right p.payment-method.bacs span.icon {
background: url("../../images/configurator.4506/customer-document-icon-bacs-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer div.right p.payment-method.cheque span.icon {
background: url("../../images/configurator.4506/customer-document-icon-cheque-gr.svg?20260521203846");
}
#configurator div.customer-document div.front-footer div.right p.bank-details {
/* Allow users to select this data */
-webkit-touch-callout: auto;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
font-size: 12px;
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 300;
padding-top: 20px;
clear: both;
text-align: right;
}
#configurator div.customer-document div.front-footer-manual-invoice div.right p.bank-details {
padding-top: 0;
}
#configurator div.customer-document div.front-footer div.right p.bank-details em {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
margin-left: 20px;
}
#configurator div.customer-document div.front-footer div.right p.bank-details em:first-child {
margin-left: 0;
}
#configurator div.customer-document div.front-footer h2.your-total,
#configurator div.customer-document div.front-footer h3.price,
#configurator div.customer-document div.front-footer h3.current-price {
font-size: 36px;
line-height: 30px;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
color: #1a201e;
}
#configurator div.customer-document div.front-footer h3.current-price span.value {
color: black;
font-size: 36px;
}
#configurator div.customer-document div.front-footer h2.your-total {
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
}
#configurator div.customer-document div.front-footer h3.price,
#configurator div.customer-document div.front-footer h3.current-price {
top: 40px;
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 300;
}
#configurator div.customer-document table tr.section-header th,
#configurator div.customer-document table tr.building-header th,
#configurator div.customer-document table tr.building-header th span {
line-height: 28px;
padding-top: 4px;
color: white;
text-transform: uppercase;
font-family: omnes-pro, Verdana, Arial, sans-serif;
font-weight: 400;
}
#configurator div.customer-document table tr.building-header th span {
padding-top: 0;
}
#configurator div.customer-document table tr.building-header th span.specifics {
text-transform: none;
}
#configurator div.customer-document table tr.building-header th {
background-color: #697f6a;
line-height: 40px;
padding-top: 2px;
}
#configurator div.customer-document table tr.building-header th span.base-price {
margin-top: 5px;
margin-right: 10px;
}
#configurator div.customer-document table tr.building-header th span.current-price,
#configurator div.customer-document table tr.building-header th span.current-price span.value {
font-size: 100%;
line-height: 40px;
}
#configurator div.customer-document table tr.building-header th span.icon,
#configurator div.customer-document table tr.section-header th span.icon {
display: block;
width: 30px;
height: 30px;
background-size: 25px 25px;
background-image: url("../../images/configurator.4506/customer-document-icon-cheque-gr.svg?20260521203846");
background-position: 0 2px;
background-repeat: no-repeat;
float: left;
margin-right: 10px;
margin-left: 20px;
}
#configurator div.customer-document table tr.section-header.delivery-installation th.col0 {
padding-left: 60px;
}
#configurator div.customer-document table tr.section-header.delivery-installation th span.icon {
margin-left: -40px;
}
#configurator div.customer-document table tr.building-header th span.icon {
width: 60px;
height: 40px;
background-size: 50px 35px;
background-position: 50% 100%;
background-repeat: no-repeat;
float: left;
margin: 0 5px 0 5px;
}
#configurator div.customer-document table tr.section-header.standard-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-standard-options.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.doors-windows th span.icon {
background-image: url("../../images/configurator.4506/customer-document-doors-and-windows.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.external-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-external-options.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.bathroom-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-bathroom-options.png?20260521203846");
}
#configurator div.customer-document table tr.section-header.kitchen-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-kitchen-options.png?20260521203846");
}
#configurator div.customer-document table tr.section-header.internal-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-internal-options.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.electrical-options th span.icon {
background-image: url("../../images/configurator.4506/customer-document-electrical-options.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.electrical-connection th span.icon {
background-image: url("../../images/configurator.4506/customer-document-electrical-connection.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.communications th span.icon {
background-image: url("../../images/configurator.4506/customer-document-communications.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.misc th span.icon {
background-image: url("../../images/configurator.4506/customer-document-misc.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.deductions th span.icon {
background-image: url("../../images/configurator.4506/customer-document-deductions.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.delivery-installation th span.icon {
background-image: url("../../images/configurator.4506/customer-document-delivery-installation.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header.total th span.icon {
background-image: url("../../images/configurator.4506/customer-document-your-total.svg?20260521203846");
}
#configurator.ta1 div.customer-document table tr.building-header th span.icon, #configurator.g2 div.customer-document table tr.building-header th span.icon, #configurator.den div.customer-document table tr.building-header th span.icon, #configurator.x1 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-inspiration.svg?20260521203846");
}
#configurator.g3 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-edge.svg?20260521203846");
}
#configurator.g1 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-expression.svg?20260521203846");
}
#configurator.g4 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-pinnacle.svg?20260521203846");
}
#configurator.skin-tgo div.customer-document table tr.building-header th span.icon, #configurator.ta2 div.customer-document table tr.building-header th span.icon, #configurator.hide div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-tgo.svg?20260521203846");
}
#configurator.gw div.customer-document table tr.building-header th span.icon, #configurator.gs div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-gs.svg?20260521203846");
}
#configurator.gsp div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-gsp.svg?20260521203846");
}
#configurator.pw div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-pw.svg?20260521203846");
}
#configurator.ta1 div.customer-document table tr.building-header th span.icon, #configurator.g2 div.customer-document table tr.building-header th span.icon, #configurator.den div.customer-document table tr.building-header th span.icon, #configurator.x1 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-inspiration.svg?20260521203846");
}
#configurator.ta1 div.customer-document table tr.building-header th span.icon, #configurator.g2 div.customer-document table tr.building-header th span.icon, #configurator.den div.customer-document table tr.building-header th span.icon, #configurator.x1 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-inspiration.svg?20260521203846");
}
#configurator.ta1 div.customer-document table tr.building-header th span.icon, #configurator.g2 div.customer-document table tr.building-header th span.icon, #configurator.den div.customer-document table tr.building-header th span.icon, #configurator.x1 div.customer-document table tr.building-header th span.icon {
background-image: url("../../images/configurator.4506/customer-document-line-drawing-inspiration.svg?20260521203846");
}
#configurator div.customer-document table tr.section-header th {
background-color: #697f6a;
text-align: left;
}
#configurator div.customer-document table tr.section-header th.quantity,
#configurator div.customer-document table tr.section-header th.line-total {
font-size: 12px;
width: 150px;
text-align: center;
}
#configurator div.customer-document.base-delivery-note table tr td.line-total,
#configurator div.customer-document.production-pack table tr td.line-total,
#configurator div.customer-document.installation-delivery-note table tr td.line-total,
#configurator div.customer-document.base-delivery-note table tr th.line-total,
#configurator div.customer-document.production-pack table tr th.line-total,
#configurator div.customer-document.installation-delivery-note table tr th.line-total {
color: transparent;
}
#configurator div.customer-document.base-delivery-note table tr.section-header.total,
#configurator div.customer-document.production-pack table tr.section-header.total,
#configurator div.customer-document.installation-delivery-note table tr.section-header.total {
display: none;
}
#configurator div.customer-document table tr.section-header.delivery-installation th.quantity,
#configurator div.customer-document table tr.section-header.delivery-installation th.line-total {
font-size: 100%;
}
#configurator div.customer-document table tr.section-header.delivery-installation th.col0 {
white-space: normal;
}
#configurator div.customer-document table tr.section-header th.quantity {
width: 100px;
}
#configurator.self-build div.customer-document table tr.section-header.internal-options, #configurator.self-build div.customer-document table tr.section-header.electrical-options {
display: none;
}
#configurator div.customer-document table tr.section-header th.quantity,
#configurator div.section-header th.line-total,
#configurator div.customer-document table tr td.quantity,
#configurator div.customer-document table tr td.line-total {
border-left: 2px solid black;
border-right: 2px solid black;
text-align: center;
}
#configurator div.customer-document table tr.building-header th.col0,
#configurator div.customer-document table tr.section-header th.col0,
#configurator div.customer-document table tr td.col0 {
text-align: left;
}
#configurator div.customer-document table tr.section-header th.total {
text-align: center;
}
#configurator div.customer-document table tr td {
padding: 2px;
}
#configurator div.customer-document table tr td.col0 {
padding-left: 20px;
}
#configurator div.customer-document table tr.section-header.delivery-installation th.col0 span.highlight {
background-color: red;
color: white;
}
#configurator div.summary div.customer-document div.specification div.your-specification tr.odd {
background-color: #f7f7f5 !important;
}
#configurator div.summary div.customer-document div.specification div.your-specification tr.even {
background-color: white;
background-color: #efeeeb !important;
}
#configurator div.customer-document table tr.error td,
#configurator div.customer-document table tr.section-header.delivery-installation.error th {
background-color: red;
color: white;
text-transform: none;
}
#configurator div.customer-document table tr.section-header.delivery-installation.error th.quantity {
border-left-width: 0;
border-right-width: 0;
}
#configurator div.customer-document table tr.footer.total-price td {
line-height: 15px;
vertical-align: top;
text-align: right;
font-size: 12px;
padding: 0;
}
#configurator div.customer-document p.pack-notes,
#configurator div.customer-document p.customer-care-notes {
margin-bottom: 25px;
white-space: pre-wrap;
}
#configurator div.customer-document div.customer-notes {
margin-top: 25px;
}
#configurator div.customer-document ol.customer-notes {
border: 2px solid #1a201e;
list-style: decimal;
margin: 10px 0 10px 0;
text-align: left;
}
#configurator div.customer-document ol.customer-notes li {
margin: 10px 25px 10px 35px;
}
#configurator div.customer-document div.team-leader-signature {
margin-top: 0;
border: 0px solid #1a201e;
padding: 10px;
}
#configurator div.customer-document div.team-leader-signature p.signature,
#configurator div.customer-document div.team-leader-signature p.printed {
width: 50%;
margin-left: 25%;
text-align: right;
border-bottom: 2px solid black;
}
#configurator div.customer-document div.office-use-only {
margin-top: 20px;
margin-bottom: 20px;
border: 2px solid #1a201e;
padding: 10px;
}
#configurator div.customer-document div.base-measurements img {
padding: 10px;
width: 100%;
max-width: 1280px;
}
#configurator div.customer-document div.driver-log p.data-entry {
width: 50%;
margin-left: 25%;
text-align: left;
border-bottom: 2px solid black;
font-weight: bold;
font-size: 20px;
margin-top: 20px;
}
#configurator div.customer-document div.driver-log table {
padding: 10px;
width: 100%;
max-width: 1280px;
margin: 30px 0 30px 0;
}
#configurator div.customer-document div.driver-log table tbody {
background-color: white;
}
#configurator div.customer-document div.driver-log table tr.merged {
border-bottom-color: white;
}
#configurator div.customer-document div.driver-log table tr th,
#configurator div.customer-document div.driver-log table tr td {
border-left: 2px solid black;
vertical-align: middle;
}
#configurator div.customer-document div.driver-log table tr th:first,
#configurator div.customer-document div.driver-log table tr td:first {
border-left: 0px solid black;
}
#configurator div.customer-document div.driver-log table {
width: 100%;
}
#configurator div.customer-document div.driver-log table td {
padding: 20px;
}
#configurator div.customer-document div.driver-log table td.driver-name,
#configurator div.customer-document div.driver-log table td.start-location,
#configurator div.customer-document div.driver-log table td.start-location,
#configurator div.customer-document div.driver-log table td.signature {
width: 20%;
}
#configurator div.customer-document div.driver-log table td.start-time,
#configurator div.customer-document div.driver-log table td.end-time {
width: 10%;
}
#configurator div.customer-document div.ramp-floor-height-required {
margin-top: 25px;
border: 0;
padding: 10px;
}
#configurator div.customer-document div.ramp-floor-height-required div.ramp-floor-height-message {
position: relative;
width: 50%;
margin-left: 25%;
}
#configurator div.customer-document div.ramp-floor-height-required div.ramp-floor-height-input {
position: relative;
width: 50%;
margin-left: 25%;
border: 2px solid black;
height: 30px;
}
#configurator div.customer-document div.black-infill-required {
margin-top: 25px;
border: 0px solid #1a201e;
padding: 10px;
height: 20px;
}
#configurator div.customer-document div.black-infill-required div.details {
position: relative;
width: 50%;
margin-left: 25%;
border: 2px solid black;
}
#configurator div.customer-document div.black-infill-required div.details label {
position: absolute;
display: inline-block;
}
#configurator div.customer-document div.black-infill-required div.details label.front {
bottom: 5px;
left: 50%;
margin-left: -25px;
width: 50px;
text-align: center;
}
#configurator div.customer-document div.black-infill-required div.details label.rear {
top: 5px;
left: 50%;
margin-left: -25px;
width: 50px;
text-align: center;
}
#configurator div.customer-document div.black-infill-required div.details label.left {
height: 40px;
top: 50%;
margin-top: -20px;
left: 5px;
}
#configurator div.customer-document div.black-infill-required div.details label.right {
height: 40px;
top: 50%;
margin-top: -20px;
right: 5px;
}
#configurator div.customer-document div.signature-strip {
margin-top: 25px;
border: 2px solid #1a201e;
padding: 10px 10px 0 10px;
}
#configurator div.customer-document div.signature-strip table {
width: 100%;
border-collapse: separate;
border-spacing: 20px;
}
#configurator div.customer-document div.signature-strip table tr {
border-width: 0;
background-color: white;
}
#configurator div.customer-document div.signature-strip table tr.boxes td {
height: 3em;
}
#configurator div.customer-document div.signature-strip table tr.labels td {
text-align: center;
vertical-align: top;
border-top: 2px solid black;
}
#configurator div.customer-document .show-summary,
#configurator div.customer-document .show-base-delivery-note,
#configurator div.customer-document .show-production-pack,
#configurator div.customer-document .show-installation-delivery-note,
#configurator div.customer-document .show-quotation,
#configurator div.customer-document .show-sales-order-preliminary,
#configurator div.customer-document .show-sales-order,
#configurator div.customer-document .show-invoice {
display: none;
}
#configurator div.customer-document.summary .show-summary,
#configurator div.customer-document.base-delivery-note .show-base-delivery-note,
#configurator div.customer-document.production-pack .show-production-pack,
#configurator div.customer-document.installation-delivery-note .show-installation-delivery-note,
#configurator div.customer-document.quotation .show-quotation,
#configurator div.customer-document.sales-order-preliminary .show-sales-order-preliminary,
#configurator div.customer-document.sales-order .show-sales-order,
#configurator div.customer-document.invoice .show-invoice {
display: inherit;
}
#configurator div.customer-document.summary tr.show-summary,
#configurator div.customer-document.base-delivery-note tr.show-base-delivery-note,
#configurator div.customer-document.production-pack tr.show-production-pack,
#configurator div.customer-document.installation-delivery-note tr.show-installation-delivery-note,
#configurator div.customer-document.quotation tr.show-quotation,
#configurator div.customer-document.sales-order-preliminary tr.show-sales-order-preliminary,
#configurator div.customer-document.sales-order tr.show-sales-order,
#configurator div.customer-document.invoice tr.show-invoice {
display: table-row;
}
#configurator div.customer-document.summary .hide-summary,
#configurator div.customer-document.base-delivery-note .hide-base-delivery-note,
#configurator div.customer-document.production-pack .hide-production-pack,
#configurator div.customer-document.installation-delivery-note .hide-installation-delivery-note,
#configurator div.customer-document.quotation .hide-quotation,
#configurator div.customer-document.sales-order-preliminary .hide-sales-order-preliminary,
#configurator div.customer-document.sales-order .hide-sales-order,
#configurator div.customer-document.invoice .hide-invoice {
display: none;
}
#configurator div.customer-document.installation-delivery-note .disclaimer,
#configurator div.customer-document.base-delivery-note .disclaimer {
color: red;
}
#configurator div.customer-document.installation-delivery-note .statement,
#configurator div.customer-document.base-delivery-note .statement {
font-weight: bold;
font-size: 20px;
margin-top: 20px;
}
#configurator div.customer-document form.admin.site-survey div.section textarea,
#configurator div#modal-message.site-survey div.section textarea {
color: #697f6a;
}
#configurator div.customer-document form.admin.site-survey div.section.base label.ground-makeup,
#configurator div#modal-message.site-survey div.section.base label.ground-makeup {
display: inline-block;
width: 200px;
}
#configurator.o-e-wiring-no-fittings div.customer-document tr.electrical-options:not(.o-e-wiring):not(.section-header), #configurator.o-e-wiring-no-cavity div.customer-document tr.electrical-options:not(.o-e-wiring):not(.section-header) {
display: none;
}
#configurator.o-kitchen-top-cupboards-no div.customer-document tr.kitchen-options.o-kitchen-top-cupboard-colour, #configurator.o-ceiling-pack-recessed div.customer-document tr.electrical-options.o-e-l-std, #configurator.free-4way-cu div.customer-document tr.electrical-options.o-e-cu, #configurator.basebox-derived #floorplanner .options-group.internal .floorplanner-item.electric-item.o-e-cu, #configurator.o-electric-pack-none div.customer-document tr.electrical-options.o-e-trunking-style,
#configurator div.customer-document tr.electrical-options.o-e-cu-aircon,
#configurator div.customer-document span.o-i-w-standard,
#configurator div.customer-document span.o-i-w-acoustic {
display: none;
}
#configurator.gs div.customer-document span.o-i-w-standard, #configurator.gw div.customer-document span.o-i-w-standard, #configurator.pw div.customer-document span.o-i-w-standard, #configurator.o-i-w-standard div.customer-document span.o-i-w-standard, #configurator.o-i-w-plastered div.customer-document span.o-i-w-standard, #configurator.o-i-w-acoustic div.customer-document span.o-i-w-acoustic {
display: inherit;
}
#configurator div.customer-document tr.electrical-options.o-e-cu, #configurator.free-4way-cu div.customer-document tr.electrical-options.o-e-cu-aircon, #configurator.free-4way-cu div.customer-document tr.electrical-options.o-e-cu-aircon {
display: table-row;
}
#configurator div.site-survey div.section.electrics-external h2.electrics-external-sub-total,
#configurator div.site-survey div.section.plumbing h2.plumbing-sub-total,
#configurator div.site-survey div.section.networking h2.networking-sub-total {
margin-top: 15px;
color: black;
}
#configurator div.customer-document form.admin.site-survey div.section.networking,
#configurator #modal-message.site-survey div.section.networking {
float: left;
}
#configurator div.customer-document form.admin.site-survey div.section.electrics-external h2.electrics-external-sub-total span,
#configurator div.customer-document form.admin.site-survey div.section.networking h2.networking-sub-total span,
#configurator div.customer-document form.admin.site-survey div.section.base h2.base-sub-total span,
#configurator #modal-message.site-survey div.section.electrics-external h2.electrics-external-sub-total span,
#configurator #modal-message.site-survey div.section.networking h2.networking-sub-total span,
#configurator #modal-message.site-survey div.section.base h2.base-sub-total span {
color: black;
}
#configurator div.customer-document form.admin.site-survey div.section.electrics-external h2.electrics-external-sub-total span.add-to-order,
#configurator div.customer-document form.admin.site-survey div.section.networking h2.networking-sub-total span.add-to-order,
#configurator div.customer-document form.admin.site-survey div.section.plumbing h2.plumbing-sub-total span.add-to-order,
#configurator div.customer-document form.admin.site-survey div.section.base h2.plumbing-sub-total span.add-to-order,
#configurator #modal-message.site-survey div.section.electrics-external h2.electrics-external-sub-total span.add-to-order,
#configurator #modal-message.site-survey div.section.networking h2.networking-sub-total span.add-to-order,
#configurator #modal-message.site-survey div.section.plumbing h2.plumbing-sub-total span.add-to-order,
#configurator #modal-message.site-survey div.section.base h2.base-sub-total span.add-to-order {
font-size: 14px;
padding: 3px;
border: 1px solid black;
margin-left: 20px;
}
#configurator .site-survey input[type=range]::-webkit-slider-thumb {
/* -webkit-appearance: none; */
border: 1px solid #000000;
height: 62px;
width: 26px;
padding: 10px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
/* margin-top: -14px; */
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
#configurator .site-survey input.area-around-building-clearance.error {
background-color: red;
color: white;
}
#configurator div.customer-document form.admin.site-survey div.close,
#configurator #modal-message.site-survey div.close {
margin-top: 68px;
margin-right: 20px;
}
#configurator.o-fascia-spruce #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-spruce #front-roof, #configurator.g2.o-fascia-spruce #front-roof, #configurator.den.o-fascia-spruce #front-roof, #configurator.x1.o-fascia-spruce #front-roof, #configurator.g3.o-fascia-spruce #front-roof, #configurator.edge.o-fascia-spruce #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration.png?20260521203846") !important;
}
#configurator.g4.o-fascia-spruce #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle.png?20260521203846") !important;
}
#configurator.o-fascia-honey #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-honey.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-honey #front-roof, #configurator.g2.o-fascia-honey #front-roof, #configurator.den.o-fascia-honey #front-roof, #configurator.x1.o-fascia-honey #front-roof, #configurator.g3.o-fascia-honey #front-roof, #configurator.edge.o-fascia-honey #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-honey.png?20260521203846") !important;
}
#configurator.g4.o-fascia-honey #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-honey.png?20260521203846") !important;
}
#configurator.o-fascia-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-cedar.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-cedar #front-roof, #configurator.g2.o-fascia-cedar #front-roof, #configurator.den.o-fascia-cedar #front-roof, #configurator.x1.o-fascia-cedar #front-roof, #configurator.g3.o-fascia-cedar #front-roof, #configurator.edge.o-fascia-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-cedar.png?20260521203846") !important;
}
#configurator.g4.o-fascia-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-cedar.png?20260521203846") !important;
}
#configurator.o-fascia-aluminium-black #front-roof, #configurator.x1.o-fascia-aluminium-black div#sides #left-roof, #configurator.x1.o-fascia-aluminium-black div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-aluminium-black.png?20260521203846") !important;
}
#configurator.o-fascia-aluminium-copper #front-roof, #configurator.x1.o-fascia-aluminium-copper div#sides #left-roof, #configurator.x1.o-fascia-aluminium-copper div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-aluminium-copper.png?20260521203846") !important;
}
#configurator.o-fascia-metal-black #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-black.png?20260521203846") !important;
}
#configurator.g1.o-fascia-metal-black div#sides #left-roof, #configurator.g1.o-fascia-metal-black div#sides #right-roof, #configurator.tgo.o-fascia-metal-black div#sides #left-roof, #configurator.tgo.o-fascia-metal-black div#sides #right-roof, #configurator.ta2.o-fascia-metal-black div#sides #left-roof, #configurator.ta2.o-fascia-metal-black div#sides #right-roof, #configurator.hide.o-fascia-metal-black div#sides #left-roof, #configurator.hide.o-fascia-metal-black div#sides #right-roof, #configurator.g2.o-fascia-metal-black div#sides #left-roof, #configurator.den.o-fascia-metal-black div#sides #left-roof, #configurator.g2.o-fascia-metal-black div#sides #right-roof, #configurator.den.o-fascia-metal-black div#sides #right-roof, #configurator.x1.o-fascia-metal-black div#sides #left-roof, #configurator.x1.o-fascia-metal-black div#sides #right-roof, #configurator.g3.o-fascia-metal-black div#sides #left-roof, #configurator.g3.o-fascia-metal-black div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-black.png?20260521203846") !important;
}
#configurator.g5.o-fascia-metal-black div#sides #left-roof, #configurator.g5.o-fascia-metal-black div#sides #right-roof, #configurator.g5.o-e-pack-natural.black div#sides #left-roof, #configurator.g5.o-e-pack-natural.black div#sides #right-roof, #configurator.b5.o-fascia-metal-black div#sides #left-roof, #configurator.b5.o-fascia-metal-black div#sides #right-roof, #configurator.b5.o-e-pack-natural.black div#sides #left-roof, #configurator.b5.o-e-pack-natural.black div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-black-tgo4.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-metal-black #front-roof, #configurator.g2.o-fascia-metal-black #front-roof, #configurator.den.o-fascia-metal-black #front-roof, #configurator.x1.o-fascia-metal-black #front-roof, #configurator.g3.o-fascia-metal-black #front-roof, #configurator.edge.o-fascia-metal-black #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846") !important;
}
#configurator.g3.o-fascia-metal-black.o-cheeks-forced #cheek-front-left, #configurator.g3.o-fascia-metal-black.o-cheeks-forced #cheek-front-right, #configurator.g3.o-fascia-metal-black.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.g3.o-fascia-metal-black.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png");
}
#configurator.g3.o-fascia-metal-graphite.o-cheeks-forced #cheek-front-left, #configurator.g3.o-fascia-metal-graphite.o-cheeks-forced #cheek-front-right, #configurator.g3.o-fascia-metal-graphite.o-cheeks-forced #side-front ul.base li.left-cheek, #configurator.g3.o-fascia-metal-graphite.o-cheeks-forced #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png");
}
#configurator.g4.o-fascia-metal-black #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846") !important;
}
#configurator.o-fascia-metal-black.o-cheeks-forced #cheek-front-left, #configurator.o-fascia-metal-black.o-cheeks-forced #cheek-front-right, #configurator.o-fascia-metal-black.o-cheeks-forced #side-front ul.base li.left-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-spruce.png");
}
#configurator.o-fascia-metal-graphite #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-graphite.png?20260521203846") !important;
}
#configurator.roof-style-apex.gable-end-front #roof-front .fascia, #configurator.roof-style-apex.gable-end-front #roof-rear .fascia, #configurator.roof-style-apex.eaves-front #roof-left .fascia, #configurator.roof-style-apex.eaves-front #roof-right .fascia {
background-position: 50% 0;
}
#configurator.roof-style-apex.eaves-front #roof-front .cladding, #configurator.roof-style-apex.eaves-front #roof-rear .cladding, #configurator.roof-style-apex.gable-end-front #roof-left .cladding, #configurator.roof-style-apex.gable-end-front #roof-right .cladding {
background-position: 10px 98.5%;
}
#configurator.roof-style-apex.eaves-front.has-left-hood #roof-front .cladding, #configurator.roof-style-apex.eaves-front.has-right-hood #roof-rear .cladding, #configurator.roof-style-apex.gable-end-front.has-front-hood #roof-right .cladding, #configurator.roof-style-apex.gable-end-front.has-rear-hood #roof-left .cladding {
background-position-x: 3px;
}
#configurator.roof-style-apex.gable-end-front.o-fascia-metal-graphite #roof-front .fascia, #configurator.roof-style-apex.gable-end-front.o-fascia-metal-graphite #roof-rear .fascia, #configurator.roof-style-apex.eaves-front.o-fascia-metal-graphite #roof-left .fascia, #configurator.roof-style-apex.eaves-front.o-fascia-metal-graphite #roof-right .fascia {
background-image: url("../../images/configurator.4506/roof_apex_gable_end_composite_graphite.png?20260521203846") !important;
}
#configurator.roof-style-apex.eaves-front #roof-front .cladding, #configurator.roof-style-apex.eaves-front #roof-rear .cladding, #configurator.roof-style-apex.gable-end-front #roof-left .cladding, #configurator.roof-style-apex.gable-end-front #roof-right .cladding {
background-image: url("../../images/configurator.4506/roof_apex_eaves_composite_graphite.png?20260521203846") !important;
}
#configurator.roof-style-apex.gable-end-front.o-fascia-metal-black #roof-front .fascia, #configurator.roof-style-apex.gable-end-front.o-fascia-metal-black #roof-rear .fascia, #configurator.roof-style-apex.eaves-front.o-fascia-metal-black #roof-left .fascia, #configurator.roof-style-apex.eaves-front.o-fascia-metal-black #roof-right .fascia {
background-image: url("../../images/configurator.4506/roof_apex_gable_end_composite_black.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-metal-graphite #front-roof, #configurator.g2.o-fascia-metal-graphite #front-roof, #configurator.den.o-fascia-metal-graphite #front-roof, #configurator.x1.o-fascia-metal-graphite #front-roof, #configurator.g3.o-fascia-metal-graphite #front-roof, #configurator.edge.o-fascia-metal-graphite #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846") !important;
}
#configurator.g4.o-fascia-metal-graphite #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846") !important;
}
#configurator.g1.o-fascia-metal-graphite div#sides #left-roof, #configurator.g1.o-fascia-metal-graphite div#sides #right-roof, #configurator.tgo.o-fascia-metal-graphite div#sides #left-roof, #configurator.tgo.o-fascia-metal-graphite div#sides #right-roof, #configurator.ta1.o-fascia-metal-graphite div#sides #left-roof, #configurator.ta1.o-fascia-metal-graphite div#sides #right-roof, #configurator.ta2.o-fascia-metal-graphite div#sides #left-roof, #configurator.ta2.o-fascia-metal-graphite div#sides #right-roof, #configurator.hide.o-fascia-metal-graphite div#sides #left-roof, #configurator.hide.o-fascia-metal-graphite div#sides #right-roof, #configurator.g2.o-fascia-metal-graphite div#sides #left-roof, #configurator.den.o-fascia-metal-graphite div#sides #left-roof, #configurator.g2.o-fascia-metal-graphite div#sides #right-roof, #configurator.den.o-fascia-metal-graphite div#sides #right-roof, #configurator.x1.o-fascia-metal-graphite div#sides #left-roof, #configurator.x1.o-fascia-metal-graphite div#sides #right-roof, #configurator.g3.o-fascia-metal-graphite div#sides #left-roof, #configurator.g3.o-fascia-metal-graphite div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-graphite.png?20260521203846") !important;
}
#configurator.g5.o-fascia-metal-graphite div#sides #left-roof, #configurator.g5.o-fascia-metal-graphite div#sides #right-roof, #configurator.g5.o-e-pack-natural.graphite div#sides #left-roof, #configurator.g5.o-e-pack-natural.graphite div#sides #right-roof, #configurator.b5.o-fascia-metal-graphite div#sides #left-roof, #configurator.b5.o-fascia-metal-graphite div#sides #right-roof, #configurator.b5.o-e-pack-natural.graphite div#sides #left-roof, #configurator.b5.o-e-pack-natural.graphite div#sides #right-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-metal-graphite-tgo4.png?20260521203846") !important;
}
#configurator.o-fascia-composite-black #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-black.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-composite-black #front-roof, #configurator.g2.o-fascia-composite-black #front-roof, #configurator.den.o-fascia-composite-black #front-roof, #configurator.x1.o-fascia-composite-black #front-roof, #configurator.g3.o-fascia-composite-black #front-roof, #configurator.edge.o-fascia-composite-black #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-black.png?20260521203846") !important;
}
#configurator.g4.o-fascia-composite-black #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-black.png?20260521203846") !important;
}
#configurator.o-fascia-composite-grey #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-grey.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-composite-grey #front-roof, #configurator.g2.o-fascia-composite-grey #front-roof, #configurator.den.o-fascia-composite-grey #front-roof, #configurator.x1.o-fascia-composite-grey #front-roof, #configurator.g3.o-fascia-composite-grey #front-roof, #configurator.edge.o-fascia-composite-grey #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-grey.png?20260521203846") !important;
}
#configurator.g4.o-fascia-composite-grey #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-grey.png?20260521203846") !important;
}
#configurator.o-fascia-composite-wood #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-wood.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-composite-wood #front-roof, #configurator.g2.o-fascia-composite-wood #front-roof, #configurator.den.o-fascia-composite-wood #front-roof, #configurator.x1.o-fascia-composite-wood #front-roof, #configurator.g3.o-fascia-composite-wood #front-roof, #configurator.edge.o-fascia-composite-wood #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-oak.png?20260521203846") !important;
}
#configurator.g4.o-fascia-composite-wood #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-oak.png?20260521203846") !important;
}
#configurator.o-fascia-composite-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/misc-bg-composite-cedar.png?20260521203846") !important;
}
#configurator.ta1.o-fascia-composite-cedar #front-roof, #configurator.g2.o-fascia-composite-cedar #front-roof, #configurator.den.o-fascia-composite-cedar #front-roof, #configurator.x1.o-fascia-composite-cedar #front-roof, #configurator.g3.o-fascia-composite-cedar #front-roof, #configurator.edge.o-fascia-composite-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-inspiration-composite-cedar.png?20260521203846") !important;
}
#configurator.g4.o-fascia-composite-cedar #front-roof {
background-image: url("../../images/configurator.4506/gr/fascia-pinnacle-composite-cedar.png?20260521203846") !important;
}
#configurator.o-fascia-spruce #cheek-front-left, #configurator.o-fascia-spruce #cheek-front-right, #configurator.o-fascia-spruce #side-front ul.base li.left-cheek, #configurator.o-fascia-spruce #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-spruce.png") !important;
}
#configurator.o-fascia-cedar #cheek-front-left, #configurator.o-fascia-cedar #cheek-front-right, #configurator.o-fascia-cedar #side-front ul.base li.left-cheek, #configurator.o-fascia-cedar #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-cedar.png") !important;
}
#configurator.o-fascia-honey #cheek-front-left, #configurator.o-fascia-honey #cheek-front-right, #configurator.o-fascia-honey #side-front ul.base li.left-cheek, #configurator.o-fascia-honey #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-honey.png") !important;
}
#configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #cheek-front-right, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #cheek-front-right, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png") !important;
}
#configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.g2):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.den):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png") !important;
}
#configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-black:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #cheek-front-left, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png") !important;
}
#configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #side-front ul.base li.left-cheek, #configurator.o-fascia-metal-graphite:not(.tgo):not(.ta2):not(.hide):not(.gsp):not(.x1):not(.g3):not(.g5):not(.b5) #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png") !important;
}
#configurator.o-fascia-composite-black #cheek-front-left, #configurator.o-fascia-composite-black #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-composite-black #side-front ul.base li.left-cheek, #configurator.o-fascia-composite-black #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-black.png") !important;
}
#configurator.o-fascia-composite-grey #cheek-front-left, #configurator.o-fascia-composite-grey #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-grey.png") !important;
}
#configurator.o-fascia-composite-grey #side-front ul.base li.left-cheek, #configurator.o-fascia-composite-grey #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-grey.png") !important;
}
#configurator.o-fascia-composite-wood #cheek-front-left, #configurator.o-fascia-composite-wood #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-oak.png") !important;
}
#configurator.o-fascia-composite-wood #side-front ul.base li.left-cheek, #configurator.o-fascia-composite-wood #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-oak.png") !important;
}
#configurator.o-fascia-composite-cedar #cheek-front-left, #configurator.o-fascia-composite-cedar #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-cedar.png") !important;
}
#configurator.o-fascia-composite-cedar #side-front ul.base li.left-cheek, #configurator.o-fascia-composite-cedar #side-front ul.base li.right-cheek {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-cedar.png") !important;
}
#configurator.basebox-derived:not(.o-cheek-left-type-none) #cheek-front-left, #configurator.basebox-derived:not(.o-cheek-right-type-none) #cheek-front-right {
background-image: url("../../images/configurator.4506/gr/fascia-vertical-composite-graphite.png") !important;
}
#configurator.o-height-standard:not(.height-2800) #door-sets-toolbar li.panel.d-b-xxl, #configurator.o-height-standard:not(.height-2800) #door-sets-toolbar li.panel.d-if-xxl {
display: none;
max-height: 0px;
overflow: hidden;
padding: 0;
}
#configurator.split-door-sets #door-sets-toolbar li.panel.d-if-l, #configurator.split-door-sets #door-sets-toolbar li.panel.d-if-xl, #configurator.split-door-sets #door-sets-toolbar li.panel.d-if-xxl {
display: none;
max-height: 0px;
overflow: hidden;
padding: 0;
}
div.base-delivery-note div.door-window-order table#door-window-order-form tr,
div.installation-delivery-note div.door-window-order table#door-window-order-form tr,
div.production-pack div.door-window-order table#door-window-order-form tr,
#modal-message.full-screen.door-window-order div.door-window-order table#door-window-order-form tr {
border-width: 0;
border-bottom: 1px dotted gray;
}
div.base-delivery-note div.door-window-order table#door-window-order-form tr th.row-header,
div.installation-delivery-note div.door-window-order table#door-window-order-form tr th.row-header,
div.production-pack div.door-window-order table#door-window-order-form tr th.row-header,
#modal-message.full-screen.door-window-order div.door-window-order table#door-window-order-form tr th.row-header {
text-align: right;
}
div.base-delivery-note div.door-window-order table#door-window-order-form tr td,
div.installation-delivery-note div.door-window-order table#door-window-order-form tr td,
div.production-pack div.door-window-order table#door-window-order-form tr td,
#modal-message.full-screen.door-window-order div.door-window-order table#door-window-order-form tr td {
text-align: center;
font-size: 14px;
text-transform: uppercase;
padding-top: 7px;
}
div.base-delivery-note div.door-window-order table#door-window-order-form tr.additions td,
div.installation-delivery-note div.door-window-order table#door-window-order-form tr.additions td,
div.production-pack div.door-window-order table#door-window-order-form tr.additions td,
#modal-message.full-screen.door-window-order div.door-window-order table#door-window-order-form tr.additions td {
text-align: center;
font-size: 18px;
text-transform: uppercase;
}
#modal-message.full-screen.door-window-order div.door-window-order li.note {
margin-left: 20px;
padding: 5px;
border: 1px solid silver;
}
#modal-message.full-screen.door-window-order div.door-window-order li.note p.meta {
font-style: italic;
padding-top: 5px;
border-top: 1px dashed silver;
text-align: right;
color: #9f9f9f;
}
#configurator div.door-window-order {
clear: both;
}
#configurator div.door-window-order div.header.note {
border: 1px solid black;
padding: 5px;
margin: 5px 0 5px 0;
}
#configurator div.customer-document div.door-window-order table tbody {
background-color: white;
}
div.base-delivery-note div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail,
div.installation-delivery-note div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail,
div.production-pack div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail,
#modal-message.full-screen.door-window-order div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail {
width: 150px;
height: 150px;
background-image: url("../../images/configurator.4506/door-window-order-icons.png?20260521203846");
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-c.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-s.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s.left {
background-position: -1500px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-c.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-s.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s.right {
background-position: -1650px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-h.left {
background-position: -1200px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-h.right {
background-position: -1350px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-s,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-c,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f {
background-position: -1800px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f.left {
background-position: -5700px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f.right {
background-position: -1800px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-h {
background-position: -2100px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-l.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-l-plus.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-m.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-xl-x.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-m-matchbox.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-tp.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-matchbox.left {
background-position: -2550px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-l.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-l-plus.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-m.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-xl-x.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-m-matchbox.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-tp.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-matchbox.right {
background-position: -2400px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-xl {
background-position: -2700px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-s-xl-triple {
background-position: -5400px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-l {
background-position: -3150px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-l-plus {
background-position: -3150px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xl {
background-position: -3300px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xl-all {
background-position: -3300px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xxl {
background-position: -3450px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-l.right {
background-position: -3600px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-l-plus.right {
background-position: -3600px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xl.right {
background-position: -3750px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xl-all.right {
background-position: -3750px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-b-xxl.right {
background-position: -3900px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-l.left {
background-position: -4500px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-l.right {
background-position: -4950px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-xl.left {
background-position: -4650px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-xl.right {
background-position: -5100px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-xxl.left {
background-position: -4800px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-if-xxl.right {
background-position: -5250px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l-plus,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-m,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-s,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-m-matchbox {
background-position: -1950px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l-plus.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-m.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-s.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-m-matchbox.right {
background-position: -1950px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-l-plus.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-m.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-fw-s.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-m-matchbox.left {
background-position: -2250px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.d-f-s-matchbox {
background-position: -5550px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-lz-m,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-lz-m-matchbox,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-lz-tp {
background-position: -150px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-sq {
background-position: -4050px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-velux {
background-position: -4050px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-escape.left {
background-position: -4200px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-escape.right {
background-position: -4350px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-escape-tall.left {
background-position: -6500px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-escape-tall.right {
background-position: -6650px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-c,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-c-405,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-c-800,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-c-900 {
background-position: -300px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-p {
background-position: -300px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-p-xl {
background-position: -6804px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-a-f-small.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-a-f.left {
background-position: -2850px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-a-f-small.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-a-f.right {
background-position: -3000px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-lz-v {
background-position: -1050px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xxs.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xs.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-s.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-m.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-l.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xl.left,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xxl.left {
background-position: -5844px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xxs.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xs.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-s.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-m.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-l.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xl.right,
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.w-triangle-xxl.right {
background-position: -5984px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-sw-s.left {
background-position: -6160px 0;
}
div.door-window-order table#door-window-order-form tr.thumbnail-class td.thumbnail.dw-sw-s.right {
background-position: -6324px 0;
}
div.door-window-order h1 span.header-note,
#modal-message.full-screen.door-window-order h1 span.header-note {
float: right;
}
#configurator div.base-delivery-note div.door-window-order .header,
#configurator div.installation-delivery-note div.door-window-order .header,
#configurator div.production-pack div.door-window-order .header {
background-image: none;
border: 0;
}
#configurator div.base-delivery-note div.door-window-order .header.note h2,
#configurator div.installation-delivery-note div.door-window-order .header.note h2,
#configurator div.production-pack div.door-window-order .header.note h2 {
width: 100%;
}
div.door-window-order div.header h2,
#modal-message.full-screen.door-window-order div.header h2 {
display: inline-block;
width: 33%;
font-size: 16px;
}
div.door-window-order div.totals,
div.door-window-order div.signature,
#modal-message.full-screen.door-window-order div.totals,
#modal-message.full-screen.door-window-order div.signature {
display: inline-block;
width: 49%;
}
div.door-window-order div.totals label,
div.door-window-order div.signature label,
div.door-window-order div.totals span,
div.door-window-order div.signature span,
#modal-message.full-screen.door-window-order div.totals label,
#modal-message.full-screen.door-window-order div.signature label,
#modal-message.full-screen.door-window-order div.totals span,
#modal-message.full-screen.door-window-order div.signature span {
display: inline-block;
width: 49%;
text-align: right;
}
div.door-window-order div.totals span,
div.door-window-order div.signature span,
#modal-message.full-screen.door-window-order div.totals span,
#modal-message.full-screen.door-window-order div.signature span {
border-bottom: 1px solid black;
}
#configurator.pw .underfloor-heating-description, #configurator.gs .underfloor-heating-description, #configurator.gw .underfloor-heating-description {
display: none;
}
#configurator div.hood-inlay {
display: none;
}
#configurator.g3.o-cheek-inner-black div.customer-document div.hood-inlay, #configurator.g1.o-cheek-inner-black div.customer-document div.hood-inlay {
display: block;
}
#configurator #door-sets-toolbar h3.ui-button .ui-button-text {
text-align: center;
}
#configurator #door-sets-toolbar div.remove-underlay,
#configurator #door-sets-toolbar div.remove {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 15px;
opacity: 0;
z-index: -1;
}
#configurator #door-sets-toolbar.show-remove div.remove-underlay {
background-color: green;
opacity: 0.7;
z-index: 10;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
#configurator #door-sets-toolbar.show-remove.hover div.remove-underlay {
opacity: 0.85;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
#configurator #door-sets-toolbar div.remove {
background-image: url("../../images/configurator.4506/trashcan-delete-white.png?20260521203846");
background-repeat: no-repeat;
background-position: 50% 50%;
}
#configurator #door-sets-toolbar.show-remove div.remove {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
z-index: 11;
}
#configurator div#door-sets-ui-wrapper {
position: relative;
overflow: hidden;
}
#configurator div#door-sets-ui-wrapper div.plan-view-wrapper {
position: absolute;
top: -2000px;
width: 100%;
right: -2000px;
height: 98vh;
min-height: 750px;
max-height: 850px;
background-color: white;
z-index: 110;
opacity: 0;
overflow: hidden;
-webkit-transition: right 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s linear;
-moz-transition: right 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s linear;
transition: right 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s linear;
}
#configurator.show-plan-view div#door-sets-ui-wrapper div.plan-view-wrapper {
right: 0;
top: 0;
opacity: 1;
}
#configurator div.content-pane.floor-plan div.plan-view {
width: 100%;
height: 90vh;
height: 90vmin;
min-height: 750px;
max-height: 850px;
background-image: url("../../images/configurator.4506/floorplanner-loading.png?20260521203846");
background-repeat: no-repeat;
background-position: center;
}
#configurator #finance-calculator div.calculator,
#configurator #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator #finance-calculator div.calculator h2.main-title {
background-color: #edba03;
color: #ffffff;
}
#configurator #finance-calculator div.output h2,
#configurator #finance-calculator div.output h3 {
background-color: #edba03;
color: #ffffff;
}
#configurator div.output label,
#configurator div.output label * {
color: #edba03;
}
#configurator #finance-calculator .range-slider-value {
color: #edba03;
}
#configurator ul.loan-period li.active {
background-color: #edba03;
color: #ffffff;
}
#configurator .apply-now {
background-color: #edba03;
color: #ffffff;
}
#configurator .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #edba03;
color: #ffffff;
}
#configurator .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator.skin-gr #finance-calculator div.calculator, #configurator.skin-gr #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator.skin-gr #finance-calculator div.calculator h2.main-title {
background-color: #53334d;
color: #ffffff;
}
#configurator.skin-gr #finance-calculator div.output h2, #configurator.skin-gr #finance-calculator div.output h3 {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr div.output label, #configurator.skin-gr div.output label * {
color: #697f6a;
}
#configurator.skin-gr #finance-calculator .range-slider-value {
color: #53334d;
}
#configurator.skin-gr ul.loan-period li.active {
background-color: #53334d;
color: #ffffff;
}
#configurator.skin-gr .apply-now {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gr .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator.skin-tgo #finance-calculator div.calculator, #configurator.skin-tgo #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator.skin-tgo #finance-calculator div.calculator h2.main-title {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo #finance-calculator div.output h2, #configurator.skin-tgo #finance-calculator div.output h3 {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo div.output label, #configurator.skin-tgo div.output label * {
color: #edba03;
}
#configurator.skin-tgo #finance-calculator .range-slider-value {
color: #444743;
}
#configurator.skin-tgo ul.loan-period li.active {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-tgo .apply-now {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-tgo .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator.skin-gs #finance-calculator div.calculator, #configurator.skin-gs #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator.skin-gs #finance-calculator div.calculator h2.main-title {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs #finance-calculator div.output h2, #configurator.skin-gs #finance-calculator div.output h3 {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs div.output label, #configurator.skin-gs div.output label * {
color: #697f6a;
}
#configurator.skin-gs #finance-calculator .range-slider-value {
color: #697f6a;
}
#configurator.skin-gs ul.loan-period li.active {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .apply-now {
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #697f6a;
color: #ffffff;
}
#configurator.skin-gs .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator.skin-pw #finance-calculator div.calculator, #configurator.skin-pw #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator.skin-pw #finance-calculator div.calculator h2.main-title {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw #finance-calculator div.output h2, #configurator.skin-pw #finance-calculator div.output h3 {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw div.output label, #configurator.skin-pw div.output label * {
color: #edba03;
}
#configurator.skin-pw #finance-calculator .range-slider-value {
color: #444743;
}
#configurator.skin-pw ul.loan-period li.active {
background-color: #444743;
color: #ffffff;
}
#configurator.skin-pw .apply-now {
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #edba03;
color: #ffffff;
}
#configurator.skin-pw .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator.skin-ta #finance-calculator div.calculator, #configurator.skin-ta #finance-calculator div.calculator .tabs {
background-color: white;
}
#configurator.skin-ta #finance-calculator div.calculator h2.main-title {
background-color: #4c7f8f;
color: #ffffff;
}
#configurator.skin-ta #finance-calculator div.output h2, #configurator.skin-ta #finance-calculator div.output h3 {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta div.output label, #configurator.skin-ta div.output label * {
color: #465775;
}
#configurator.skin-ta #finance-calculator .range-slider-value {
color: #4c7f8f;
}
#configurator.skin-ta ul.loan-period li.active {
background-color: #4c7f8f;
color: #ffffff;
}
#configurator.skin-ta .apply-now {
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .finance-advisor-wrapper button.finance-advisor {
opacity: 1;
background-color: #465775;
color: #ffffff;
}
#configurator.skin-ta .finance-advisor-wrapper button.finance-advisor:disabled {
opacity: 0;
background-color: #555555;
color: white;
}
#configurator div.customer-document div.page.blank {
text-align: center;
display: none;
}
#configurator.o-i-w-acoustic div.panel-options div.glass-type .o-glass-type-stippolyte {
display: none;
}
#configurator .panel-options.o-glass-type-crittall .options .blinds .o-blind-type-bifold {
display: none;
}
#configurator .panel-options.o-blind-type-bifold .options .glass-type .o-glass-type-crittall {
display: none;
}
#configurator div.customer-document .customer-care-notes,
#configurator div.customer-document .half-roof-panel-note {
color: red;
}
#configurator div.customer-images div.customer-image {
margin-bottom: 20px;
width: 49%;
display: inline-block;
}
#configurator div.customer-images div.customer-image img {
max-width: 100%;
max-height: 90vh;
/* allow for headings */
height: auto;
width: auto;
}
#configurator div.customer-document div.front-page div.design-summary-text {
background-color: #697f6a;
line-height: 40px;
padding-top: 2px;
color: white;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
}
@media print {
#configurator {
min-width: 900px;
}
body.blinds-order-form-visible #configurator {
display: none;
}
#modal-message.blinds-order h1 {
font-size: 36px;
line-height: 100px;
}
#modal-message.blinds-order h1 img.logo {
max-width: 35%;
}
body.door-window-order-form-visible #configurator {
display: none;
}
#modal-message-underlay {
background-color: white;
}
#modal-message.full-screen.blinds-order .close,
#modal-message.full-screen.door-window-order .close {
display: none;
}
#configurator#configurator#configurator .no-print {
/* boost specificity */
display: none;
}
#wrapper > #header, body #configurator > .header {
display: none;
}
body {
background-color: white !important;
}
#configurator #actionbar,
#configurator #sides img.view-3d-button,
#configurator #sides img.view-bom-button,
#configurator .next-prev-bar,
#configurator .tabs,
#configurator #summary .more {
display: none !important;
}
#configurator #print-header {
display: block;
}
#configurator #print-footer {
display: block;
}
#configurator #print-header img,
#configurator #print-footer img {
width: 100%;
height: auto;
}
#configurator > div.header h1 {
display: none;
}
#configurator.advanced {
border-width: 0;
}
#configurator #summary table tr.standard {
/* force standard options to be listed on the summary print out */
display: table-row !important;
}
#configurator #summary table {
page-break-inside: auto;
}
#configurator #summary tr {
page-break-inside: avoid;
page-break-after: auto;
}
#configurator #summary table tr.standard td.desc.standard {
display: table-cell !important;
}
#configurator .slot {
/* buggy support in chrome, not worth the effort
* -webkit-print-color-adjust:exact;
*/
}
#configurator div.roof-style-apex.customer-document div.sides-wrapper {
padding: 0;
}
#configurator.scale-for-print div.customer-document div.side-wrapper {
transform: scale(0.6);
}
#configurator.scale-for-print div.customer-document div.sides-wrapper, #configurator.scale-for-print div.customer-document div.sides-wrapper div#sides {
height: 410px !important;
}
#configurator.roof-style-apex.scale-for-print div.customer-document div.sides-wrapper, #configurator.roof-style-apex.scale-for-print div.customer-document div.sides-wrapper div#sides {
height: 650px !important;
}
#configurator.scale-for-print div.customer-document div#side-left-wrapper, #configurator.scale-for-print div.customer-document div#side-right-wrapper {
transform: scale(0.6) translateY(-200px);
}
#configurator.scale-for-print div.customer-document div#side-rear-wrapper, #configurator.scale-for-print div.customer-document div#side-rear-canopy {
transform: scale(0.6) translateY(-98px);
}
#configurator.scale-for-print div.customer-document div#side-front-wrapper {
transform: scale(0.6) translateY(-350px);
}
#configurator.ta1.scale-for-print div.customer-document div#side-left-wrapper, #configurator.ta1.scale-for-print div.customer-document div#side-right-wrapper, #configurator.ta2.scale-for-print div.customer-document div#side-left-wrapper, #configurator.ta2.scale-for-print div.customer-document div#side-right-wrapper, #configurator.hide.scale-for-print div.customer-document div#side-left-wrapper, #configurator.hide.scale-for-print div.customer-document div#side-right-wrapper {
transform: scale(0.6) translateY(-280px);
}
#configurator.ta1.scale-for-print div.customer-document div#side-rear-wrapper, #configurator.ta1.scale-for-print div.customer-document div#side-rear-canopy, #configurator.ta2.scale-for-print div.customer-document div#side-rear-wrapper, #configurator.ta2.scale-for-print div.customer-document div#side-rear-canopy, #configurator.hide.scale-for-print div.customer-document div#side-rear-wrapper, #configurator.hide.scale-for-print div.customer-document div#side-rear-canopy {
transform: scale(0.6) translateY(-98px);
}
#configurator.ta1.scale-for-print div.customer-document div#side-front-wrapper, #configurator.ta2.scale-for-print div.customer-document div#side-front-wrapper, #configurator.ta2.scale-for-print div.customer-document div#side-front-wrapper, #configurator.hide.scale-for-print div.customer-document div#side-front-wrapper, #configurator.hide.scale-for-print div.customer-document div#side-front-wrapper {
transform: scale(0.6) translateY(-500px);
}
#configurator.basebox-derived.scale-for-print div.customer-document div.sides-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div.sides-wrapper div#sides {
height: 390px !important;
}
#configurator.basebox-derived.scale-for-print div.customer-document div#side-left-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#side-right-wrapper {
transform: scale(0.5);
top: 35px !important;
}
#configurator.basebox-derived.scale-for-print div.customer-document div#side-rear-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#side-rear-canopy {
transform: scale(0.5);
top: -95px !important;
}
#configurator.basebox-derived.scale-for-print div.customer-document div#side-front-wrapper {
transform: scale(0.5);
top: 160px !important;
}
#configurator.scale-for-print div.customer-document div#planning-document div.side-wrapper, #configurator.scale-for-print div.customer-document div#planning-document div#side-left-wrapper, #configurator.scale-for-print div.customer-document div#planning-document div#side-right-wrapper, #configurator.scale-for-print div.customer-document div#planning-document div#side-rear-wrapper, #configurator.scale-for-print div.customer-document div#planning-document div#side-rear-canopy, #configurator.scale-for-print div.customer-document div#planning-document div#side-front-wrapper, #configurator.ta1.scale-for-print div.customer-document div#planning-document div#side-left-wrapper, #configurator.ta1.scale-for-print div.customer-document div#planning-document div#side-right-wrapper, #configurator.ta2.scale-for-print div.customer-document div#planning-document div#side-left-wrapper, #configurator.ta2.scale-for-print div.customer-document div#planning-document div#side-right-wrapper, #configurator.hide.scale-for-print div.customer-document div#planning-document div#side-left-wrapper, #configurator.hide.scale-for-print div.customer-document div#planning-document div#side-right-wrapper, #configurator.ta1.scale-for-print div.customer-document div#planning-document div#side-rear-wrapper, #configurator.ta1.scale-for-print div.customer-document div#planning-document div#side-rear-canopy, #configurator.ta2.scale-for-print div.customer-document div#planning-document div#side-rear-wrapper, #configurator.ta2.scale-for-print div.customer-document div#planning-document div#side-rear-canopy, #configurator.hide.scale-for-print div.customer-document div#planning-document div#side-rear-wrapper, #configurator.hide.scale-for-print div.customer-document div#planning-document div#side-rear-canopy, #configurator.ta1.scale-for-print div.customer-document div#planning-document div#side-front-wrapper, #configurator.ta2.scale-for-print div.customer-document div#planning-document div#side-front-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div.sides-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div.sides-wrapper div#sides, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div#side-left-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div#side-right-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div#side-rear-wrapper, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div#side-rear-canopy, #configurator.basebox-derived.scale-for-print div.customer-document div#planning-document div#side-front-wrapper {
transform: none;
}
#configurator.roof-style-apex div.customer-document div#planning-document div.side-wrapper div.side {
clear: both;
position: relative;
}
#configurator #summary table.summary tr td {
font-size: 12px;
}
#configurator.gw.scale-for-print div.customer-document div.side, #configurator.pw.scale-for-print div.customer-document div.side {
transform: scale(0.6);
}
#configurator.scale-for-print div.customer-document div#side-left-wrapper {
transform-origin: left top;
}
#configurator.scale-for-print div.customer-document div#side-right-wrapper {
transform-origin: right top;
}
#configurator.scale-for-print div.customer-document div#side-front-wrapper {
transform-origin: center top;
}
#configurator div.customer-document .header.your-specification {
margin: 0 0 10px 0;
}
#configurator div.customer-document div.customer-notes {
margin-top: 0;
}
#configurator div.customer-document div.close {
display: none;
}
#configurator div.customer-document div.front-footer div.right p.payment {
font-size: 14px;
line-height: 20px;
}
#configurator div.customer-document .box.installation-date .base span.value.default {
font-size: 14px;
}
#configurator div.customer-document .box {
width: calc((98% - 90px) / 3);
/*32%;*/
padding: 10px;
margin: 10px 0 10px 0;
display: inline-block;
text-align: left;
float: left;
font-size: 16px;
}
#configurator div.customer-document.base-delivery-note div.front-page h1.header,
#configurator div.customer-document.installation-delivery-note div.front-page h1.header {
font-size: 20px;
background-size: auto 75%;
}
#configurator div.customer-document.sales-order-preliminary div.front-page h1.header {
font-size: 20px;
background-size: auto 75%;
}
#configurator div.customer-document div.page.blank {
page-break-before: always;
display: block;
height: 10px;
width: 100%;
}
#configurator div.customer-document.summary .hide-summary.hide-summary.hide-summary,
#configurator div.customer-document.base-delivery-note .hide-base-delivery-note.hide-base-delivery-note.hide-base-delivery-note,
#configurator div.customer-document.production-pack .hide-production-pack.hide-production-pack.hide-production-pack,
#configurator div.customer-document.installation-delivery-note .hide-installation-delivery-note.hide-installation-delivery-note.hide-installation-delivery-note,
#configurator div.customer-document.quotation .hide-quotation.hide-quotation.hide-quotation,
#configurator div.customer-document.sales-order-preliminary .hide-sales-order-preliminary.hide-sales-order-preliminary.hide-sales-order-preliminary,
#configurator div.customer-document.sales-order .hide-sales-order.hide-sales-order.hide-sales-order,
#configurator div.customer-document.invoice .hide-invoice.hide-invoice.hide-invoice {
display: none;
}
#configurator div.installation-delivery-note form.admin.site-survey,
#configurator div.installation-delivery-note div.door-window-order,
#configurator div.installation-delivery-note div.signature-strip,
#configurator div.installation-delivery-note div.office-use-only.driver-log,
#configurator div.customer-images,
#configurator div.base-delivery-note form.admin.site-survey,
#configurator div.base-delivery-note div.door-window-order,
#configurator div.base-delivery-note div.signature-strip,
#configurator div.base-delivery-note div.office-use-only.base-measurements,
#configurator div.base-delivery-note div.office-use-only.driver-log,
#configurator div.production-pack form.admin.site-survey,
#configurator div.production-pack div.door-window-order,
#configurator div.production-pack div.panel-sizes {
page-break-before: always;
}
#configurator div.customer-images div.customer-image {
page-break-inside: avoid;
page-break-after: auto;
}
#configurator div.customer-document div.specification h2.header.your-specification {
font-size: 30px;
background-size: auto 75%;
}
#configurator div.customer-document.quotation div.front-page h1.header,
#configurator div.customer-document.invoice div.front-page h1.header,
#configurator div.customer-document.sales-order div.front-page h1.header {
background-size: auto 75%;
}
#configurator div.customer-document form.admin.site-survey div.section,
#configurator div#modal-message.site-survey div.section {
width: calc(((100% - 14px) / 2) - 2%);
}
#configurator div.customer-document form.admin.site-survey div.section textarea,
#configurator div#modal-message.site-survey div.section textarea {
border: 0;
}
#configurator div.customer-document form.admin.site-survey div.section div.notes,
#configurator div#modal-message.site-survey div.section div.notes {
border: 0px;
min-height: 100px;
}
#configurator div.customer-document div.front-page h1.your-total {
background-image: none;
/*font-size: 24px;*/
}
#configurator div.customer-document div.front-page div.front-footer h3.current-price {
margin-top: 80px;
}
#configurator div.customer-document .site-preparation-notes h1 {
font-size: 16px;
}
#configurator div.customer-document .terms-and-conditions h1 {
font-size: 14px;
}
#configurator.skin-tgo div.customer-document .site-preparation-notes h1, #configurator.ta2 div.customer-document .site-preparation-notes h1, #configurator.hide div.customer-document .site-preparation-notes h1 {
font-size: 12px;
}
#configurator.skin-tgo div.customer-document .terms-and-conditions h1, #configurator.ta2 div.customer-document .terms-and-conditions h1, #configurator.hide div.customer-document .terms-and-conditions h1 {
font-size: 11px;
}
#configurator #modal-message.full-screen.site-survey div.print-textarea {
display: block;
color: #697f6a;
min-height: 5em;
margin-top: 15px;
}
#configurator.long-customer-document div.customer-document table tr.section-header th, #configurator.long-customer-document div.customer-document table tr.building-header th, #configurator.long-customer-document div.customer-document table tr.building-header th span {
line-height: 26px;
padding-top: 4px;
}
#configurator.long-customer-document div.customer-document table tr.building-header th span.icon, #configurator.long-customer-document div.customer-document table tr.section-header th span.icon {
width: 26px;
height: 26px;
}
#configurator div.customer-document .header span.include-base-price-toggle {
display: none;
}
#configurator div.customer-document .header img.costco-logo {
display: block;
}
}
#configurator #actionbar {
display: none;
}
.blinds-order-warning {
background-color: red;
padding: 10px 20px;
font-size: 1.3em;
margin-bottom: 20px;
color: #fff;
font-weight: 500;
text-align: center;
}
#rd#rd#rd#rd#rd#rd#rd#rd #rd-show {
color: black;
}
#rd#rd#rd#rd#rd#rd#rd#rd #rd-notes {
display: none;
}
#rd#rd#rd#rd#rd#rd#rd#rd input[type=button] {
display: none;
}
#rd#rd#rd#rd#rd#rd#rd#rd {
z-index: 10000;
width: 450px;
padding: 10px;
}
#rd#rd#rd#rd#rd#rd#rd#rd #rd-show {
color: black;
}
#rd#rd#rd#rd#rd#rd#rd#rd #rd-notes, #rd#rd#rd#rd#rd#rd#rd#rd input[type=button] {
display: none;
}
#rd#rd#rd#rd#rd#rd#rd#rd #rd-notes {
height: 400px;
margin-bottom: 10px;
}
.rd-visible #rd#rd#rd#rd#rd#rd#rd#rd {
position: absolute;
top: 10px;
left: 10px;
background-color: #cfcfcf;
}
.rd-visible #rd#rd#rd#rd#rd#rd#rd#rd #rd-notes, .rd-visible #rd#rd#rd#rd#rd#rd#rd#rd input[type=button] {
display: block;
width: 430px;
padding: 5px;
}
.rd-sent #rd#rd#rd#rd#rd#rd#rd#rd #rd-notes {
background-color: gray;
height: auto;
}
.rd-sent #rd#rd#rd#rd#rd#rd#rd#rd input[type=button] {
display: none;
}
#configurator form.admin input#cancellation-reason-search-input {
box-sizing: border-box;
background-image: url("../../images/configurator.4506/searchicon.png?20260521203846");
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: none;
border-bottom: 1px solid #ddd;
width: 100%;
}
#cancellation-reason-search-input:focus {
outline: 3px solid #ddd;
}
.dropdown-content {
position: absolute;
background-color: #f6f6f6;
min-width: 230px;
overflow: auto;
border: 1px solid #ddd;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a.selected {
background-color: #ccc;
}
#cancellation-reasons-select {
max-height: 12em;
display: inline-block;
}
#configurator form.admin.dates p.cancellation-reason-extra-info {
display: none;
}
#configurator.show-more-cancellation-reason-info form.admin.dates p.cancellation-reason-extra-info {
display: block;
}
#configurator .cancellationError {
width: 100%;
background-color: #e16464;
text-align: center;
margin-top: 15px;
padding: 2px;
}
#header > #version {
float: right;
}
select#not-ordered-reason-level-2 {
max-width: 250px;
}
select#not-ordered-reason-level-2 option {
display: none;
}
select#not-ordered-reason-level-2[data-reason-category=financial] option.financial,
select#not-ordered-reason-level-2[data-reason-category=circumstantial] option.circumstantial,
select#not-ordered-reason-level-2[data-reason-category=site-property] option.site-property,
select#not-ordered-reason-level-2[data-reason-category=school-commercial] option.school-commercial {
display: inline-block;
}
select#use-of-building-1-level-1,
select#use-of-building-1-level-2,
select#use-of-building-2-level-1,
select#use-of-building-2-level-2 {
max-width: 250px;
}
select#use-of-building-1-level-2 option,
select#use-of-building-2-level-2 option {
display: none;
}
select#use-of-building-1-level-2[data-level-1=entertainment] option.entertainment,
select#use-of-building-1-level-2[data-level-1=hobby] option.hobby,
select#use-of-building-1-level-2[data-level-1=accommodation] option.accommodation,
select#use-of-building-1-level-2[data-level-1=home-business] option.home-business,
select#use-of-building-1-level-2[data-level-1=fitness] option.fitness,
select#use-of-building-1-level-2[data-level-1=home-extra-space] option.home-extra-space,
select#use-of-building-1-level-2[data-level-1=office] option.office,
select#use-of-building-1-level-2[data-level-1=not-at-home-commercial-or-education] option.not-at-home-commercial-or-education,
select#use-of-building-1-level-2[data-level-1=other] option.other,
select#use-of-building-1-level-2[data-level-1=no-use] option.no-use,
select#use-of-building-2-level-2[data-level-1=entertainment] option.entertainment,
select#use-of-building-2-level-2[data-level-1=hobby] option.hobby,
select#use-of-building-2-level-2[data-level-1=accommodation] option.accommodation,
select#use-of-building-2-level-2[data-level-1=home-business] option.home-business,
select#use-of-building-2-level-2[data-level-1=fitness] option.fitness,
select#use-of-building-2-level-2[data-level-1=home-extra-space] option.home-extra-space,
select#use-of-building-2-level-2[data-level-1=office] option.office,
select#use-of-building-2-level-2[data-level-1=not-at-home-commercial-or-education] option.not-at-home-commercial-or-education,
select#use-of-building-2-level-2[data-level-1=other] option.other,
select#use-of-building-2-level-2[data-level-1=no-use] option.no-use {
display: inline-block;
}
/* Site Survey Tabbed Interface Styles - Green/Taupe theme */
form.site-survey.tabbed-view {
/* Make sections work with tabs */
/* Mobile responsive for tabs */
}
form.site-survey.tabbed-view .tab-container {
display: flex;
flex-direction: column;
min-height: 600px;
margin: 20px 0;
}
form.site-survey.tabbed-view .tab-nav {
display: flex !important;
background: #f2f2f2;
border-bottom: 2px solid #e1e5e9;
margin: 0;
padding: 0 0 0 4px;
/* Small left padding for first tab spacing */
list-style: none;
overflow-x: auto;
flex-wrap: wrap;
-webkit-overflow-scrolling: touch;
gap: 4px;
/* Space between tabs */
}
form.site-survey.tabbed-view .tab-item {
flex: 0 0 auto;
position: relative;
display: block !important;
}
form.site-survey.tabbed-view .tab-item a {
display: block;
padding: 0.75rem 1.25rem;
color: #58585b;
text-decoration: none;
font-weight: 400;
white-space: nowrap;
transition: all 0.3s ease;
border-bottom: 3px solid transparent;
background: #f7f7f5;
border: 1px solid #e1e5e9;
border-bottom: 0;
border-radius: 6px 6px 0 0;
/* Rounded top corners */
font-size: 0.9rem;
}
form.site-survey.tabbed-view .tab-item a:hover {
color: #687f6a;
background: #ffffff;
border-color: #687f6a;
}
form.site-survey.tabbed-view .tab-item.active a {
color: #ffffff;
background: #687f6a;
border-color: #687f6a;
border-bottom: 3px solid #687f6a;
font-weight: 500;
}
form.site-survey.tabbed-view .tab-content-container {
flex: 1;
position: relative;
min-height: 0;
}
form.site-survey.tabbed-view .tab-content {
height: 100%;
overflow: hidden;
}
form.site-survey.tabbed-view .tab-panel {
padding: 1.5rem;
background: #f7f7f5;
border: 1px solid #e1e5e9;
border-top: 0;
min-height: 400px;
max-height: calc(100vh - 300px);
overflow-y: auto;
box-sizing: border-box;
}
form.site-survey.tabbed-view .tab-panel.active {
display: block;
}
form.site-survey.tabbed-view div.section {
margin-bottom: 20px;
padding: 15px;
background: #ffffff;
border: 1px solid #e1e5e9;
border-radius: 6px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
form.site-survey.tabbed-view div.section h3 {
color: #687f6a;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.4rem;
border-bottom: 2px solid #687f6a;
padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
form.site-survey.tabbed-view .tab-nav {
background: #687f6a !important;
border-bottom: 2px solid #687f6a !important;
padding: 0.25rem 0;
}
form.site-survey.tabbed-view .tab-item a {
color: white !important;
background: transparent !important;
border-color: rgba(255, 255, 255, 0.3) !important;
padding: 0.75rem 1rem;
font-size: 0.85rem;
}
form.site-survey.tabbed-view .tab-item a:hover {
background: rgba(255, 255, 255, 0.2) !important;
color: white !important;
border-color: white !important;
}
form.site-survey.tabbed-view .tab-item.active a {
background: rgba(255, 255, 255, 0.2) !important;
color: white !important;
border-color: white !important;
}
form.site-survey.tabbed-view .tab-panel {
padding: 1rem;
max-height: calc(100vh - 250px);
}
}
/* Modern Form Element Styling - Scoped to Site Survey Modal Only */
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view {
/* Range/Slider inputs */
/* Checkbox and Radio styling */
/* Label styling */
/* Inline labels for checkboxes/radios */
/* Better spacing for form groups */
/* Improve button styling if present */
/* Field groups - better spacing */
/* Placeholder styling */
/* Focus visible for accessibility */
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=text],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=number],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=email],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=tel],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=date],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=time],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view select,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view textarea {
width: 100%;
padding: 0.65rem 0.85rem;
font-size: 0.95rem;
font-family: "omnes-pro", sans-serif;
border: 1px solid #d1d5db;
border-radius: 6px;
background: #ffffff;
color: #222;
transition: all 0.2s ease;
box-sizing: border-box;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=text]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=number]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=email]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=tel]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=date]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=time]:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view select:focus,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view textarea:focus {
outline: none;
border-color: #687f6a;
box-shadow: 0 0 0 3px rgba(104, 127, 106, 0.1);
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=text]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=number]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=email]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=tel]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=date]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=time]:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view select:hover:not(:focus),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view textarea:hover:not(:focus) {
border-color: #9ca3af;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=text]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=number]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=email]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=tel]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=date]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=time]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view select:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view textarea:disabled {
background: #f3f4f6;
color: #9ca3af;
cursor: not-allowed;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23687f6a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 12px;
padding-right: 2.5rem;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view textarea {
min-height: 100px;
resize: vertical;
line-height: 1.5;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=range] {
width: 100%;
height: 6px;
border-radius: 3px;
background: #e5e7eb;
outline: none;
padding: 0;
margin: 0.5rem 0;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #687f6a;
cursor: pointer;
border: 2px solid #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=range]::-webkit-slider-thumb:hover {
background: #53654d;
transform: scale(1.1);
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=range]::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: #687f6a;
cursor: pointer;
border: 2px solid #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=range]::-moz-range-thumb:hover {
background: #53654d;
transform: scale(1.1);
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=checkbox],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=radio] {
width: 18px;
height: 18px;
margin-right: 8px;
cursor: pointer;
accent-color: #687f6a;
vertical-align: middle;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label {
display: block;
margin-bottom: 0.5rem;
margin-top: 1rem;
color: #374151;
font-weight: 500;
font-size: 0.95rem;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label:first-child {
margin-top: 0;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label.score {
color: #687f6a;
font-weight: 600;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label.score .range-value {
font-weight: 700;
color: #53654d;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label:has(input[type=checkbox]),
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label:has(input[type=radio]) {
display: inline-flex;
align-items: center;
margin-top: 0.5rem;
cursor: pointer;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label:has(input[type=checkbox]) input,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view label:has(input[type=radio]) input {
margin-right: 0.5rem;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view br + label {
margin-top: 1.25rem;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view button,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=submit],
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=button] {
padding: 0.65rem 1.5rem;
font-size: 0.95rem;
font-weight: 500;
font-family: "omnes-pro", sans-serif;
border: none;
border-radius: 6px;
background: #687f6a;
color: #ffffff;
cursor: pointer;
transition: all 0.2s ease;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view button:hover,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=submit]:hover,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=button]:hover {
background: #53654d;
transform: translateY(-1px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view button:active,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=submit]:active,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=button]:active {
transform: translateY(0);
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view button:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=submit]:disabled,
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view input[type=button]:disabled {
background: #d1d5db;
cursor: not-allowed;
transform: none;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view div.section > * {
margin-bottom: 0.5rem;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view ::placeholder {
color: #9ca3af;
opacity: 1;
}
div#modal-message.full-screen.site-survey form.site-survey.tabbed-view *:focus-visible {
outline: 2px solid #687f6a;
outline-offset: 2px;
}
/*# sourceMappingURL=configurator.css.map */