.page-template-template-custom-product-php h1.post_title {
    color: #fff;
}
.page-template-template-custom-product-php #menu-footer-quick-links .menu-item a {
    padding: 3px 0;
}
.section-header--title.section-header--left {
    line-height: 33px;
    font-weight: 500;
    display: block;
    text-transform: none;
    color: #11a3ba;
}
.section-header--title.section-header--left strong {
    font-weight: 600;
}
.benchtop-planner .btn.next {
    color: #fff;
    font-size: 15px !important;
    text-transform: none;
	padding: 5px 10px;
	background:#e15928;
}
.benchtop-planner .btn.next:hover {
	background:#0095a9;
}
.sidebar .final-price.shown, .benchtop-planner .progress .progress-info h3 {
    text-transform: none;
    font-size: 28px;
    font-weight: 500;
    color: #11a3ba;
}
.benchtop-planner .progress p.price {
    margin: 0;
    font-size: 20px;
    color: #666;
}
.thickness_lable {
    top: -40%;
    color: #11a3ba;
    position: absolute;
	text-transform:none;
}
.step-3 h3 {
	color: #11a3ba;
    font-size: 28px;
    text-transform: none;
    font-weight: 500;
}
.step-3 h4 {
	color: #11a3ba;
    font-size: 20px;
    text-transform: none;
    font-weight: 600;
}
.benchtop-planner .step-4 h3 {
    text-transform: none;
    font-weight: 500;
    font-size: 15px;
}
.button-link {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 0;
}
#add_redirect:hover {
	background:#e15928;
	color:#fff;
}
.grid__item.large--one-quarter.sidebar section.progress {
    height: auto;
}
.spend-total.progress-info {
    background: #11a3ba;
}
.spend-total {
    border-top: 1px solid #f69522;
}
.spend-total-head {
    padding-bottom: 10px;
    font-size: 15px;
    color: #fff !important;
	text-transform: none;
}
.spend-total .spend-total-checkbox {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 2.1;
}
.spend-total-checkbox > li::before {
    background-image: url(images/right-arrow.png);
    background-repeat: no-repeat;
    content: " ";
    padding-left: 22px;
    background-position: 0 3px;
}
.benchtop-planner .step > h2 {
    font-size: 28px;
    letter-spacing: 1px;
	font-weight: 600;
	color: #11a3ba;
}
.back-to-top,.notice,.site-nav{
    font-weight:600
}
.clearfix:after,.contact-us .contact-form:after,.product-single__order-form:after,.product-single__upsells:after{
    content:'';
    display:table;
    clear:both
}
.visually-hidden{
    position:absolute;
    overflow:hidden;
    width:1px;
    height:1px;
    clip:rect(0 0 0 0)
}
.video-wrapper,[class*=push--],sub,sup{
    position:relative
}
.header-logo a,.ir,.mobile-nav{
    background-color:transparent;
    border:0;
    overflow:hidden
}
.header-logo a:before,.ir:before,.mobile-nav:before{
    content:"";
    display:block;
    width:0;
    height:150%
}
.no-wrap{
    white-space:nowrap
}
*,:after,:before,input{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body,html{
    padding:0;
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
.grid--full:after,.grid--rev:after,.grid-uniform:after,.grid:after{
    content:'';
    display:table;
    clear:both
}
.grid__item.clear{
    clear:both
}
.grid,.grid--full,.grid--rev,.grid-uniform{
    list-style:none;
    margin:0 0 0 -30px;
    padding:0
}
.grid__item{
    float:left;
    min-height:1px;
    padding-left:30px;
    vertical-align:top;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.grid--rev{
    direction:rtl;
    text-align:left
}
.grid--rev>.grid__item{
    direction:ltr;
    text-align:left;
    float:right
}
.grid--full{
    margin-left:0
}
.grid--full>.grid__item{
    padding-left:0
}
.one-whole{
    width:100%
}
.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{
    width:50%
}
.four-twelfths,.one-third,.two-sixths{
    width:33.333%
}
.eight-twelfths,.four-sixths,.two-thirds{
    width:66.666%
}
.one-quarter,.three-twelfths,.two-eighths{
    width:25%
}
.nine-twelfths,.six-eighths,.three-quarters{
    width:75%
}
.one-fifth,.two-tenths{
    width:20%
}
.four-tenths,.two-fifths{
    width:40%
}
.six-tenths,.three-fifths{
    width:60%
}
.eight-tenths,.four-fifths{
    width:80%
}
.one-sixth,.two-twelfths{
    width:16.666%
}
.five-sixths,.ten-twelfths{
    width:83.333%
}
.one-eighth{
    width:12.5%
}
.three-eighths{
    width:37.5%
}
.five-eighths{
    width:62.5%
}
.seven-eighths{
    width:87.5%
}
.one-tenth{
    width:10%
}
.three-tenths{
    width:30%
}
.seven-tenths{
    width:70%
}
.nine-tenths{
    width:90%
}
.one-twelfth{
    width:8.333%
}
.five-twelfths{
    width:41.666%
}
.seven-twelfths{
    width:58.333%
}
.eleven-twelfths{
    width:91.666%
}
.show{
    display:block!important
}
.hide{
    display:none!important
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
.left{
    float:left!important
}
.right{
    float:right!important
}
@media only screen and (max-width:480px){
    .small--one-whole{
        width:100%
    }
    .small--five-tenths,.small--four-eighths,.small--one-half,.small--six-twelfths,.small--three-sixths,.small--two-quarters{
        width:50%
    }
    .small--four-twelfths,.small--one-third,.small--two-sixths{
        width:33.333%
    }
    .small--eight-twelfths,.small--four-sixths,.small--two-thirds{
        width:66.666%
    }
    .small--one-quarter,.small--three-twelfths,.small--two-eighths{
        width:25%
    }
    .small--nine-twelfths,.small--six-eighths,.small--three-quarters{
        width:75%
    }
    .small--one-fifth,.small--two-tenths{
        width:20%
    }
    .small--four-tenths,.small--two-fifths{
        width:40%
    }
    .small-left!important
    }
    .small--right{
        float:right!important
    }
    .grid-uniform .small--five-tenths:nth-child(2n+1),.grid-uniform .small--four-eighths:nth-child(2n+1),.grid-uniform .small--four-twelfths:nth-child(3n+1),.grid-uniform .small--one-fifth:nth-child(5n+1),.grid-uniform .small--one-half:nth-child(2n+1),.grid-uniform .small--one-quarter:nth-child(4n+1),.grid-uniform .small--one-sixth:nth-child(6n+1),.grid-uniform .small--one-third:nth-child(3n+1),.grid-uniform .small--one-twelfth:nth-child(12n+1),.grid-uniform .small--six-twelfths:nth-child(2n+1),.grid-uniform .small--three-sixths:nth-child(2n+1),.grid-uniform .small--three-twelfths:nth-child(4n+1),.grid-uniform .small--two-eighths:nth-child(4n+1),.grid-uniform .small--two-quarters:nth-child(2n+1),.grid-uniform .small--two-sixths:nth-child(3n+1),.grid-uniform .small--two-tenths:nth-child(5n+1),.grid-uniform .small--two-twelfths:nth-child(6n+1){
        clear:both
    }
}
.push--one-whole{
    left:100%
}
.push--five-tenths,.push--four-eighths,.push--one-half,.push--six-twelfths,.push--three-sixths,.push--two-quarters{
    left:50%
}
.push--four-twelfths,.push--one-third,.push--two-sixths{
    left:33.333%
}
.push--eight-twelfths,.push--four-sixths,.push--two-thirds{
    left:66.666%
}
.push--one-quarter,.push--three-twelfths,.push--two-eighths{
    left:25%
}
.push--nine-twelfths,.push--six-eighths,.push--three-quarters{
    left:75%
}
.push--one-fifth,.push--two-tenths{
    left:20%
}
.push--four-tenths,.push--two-fifths{
    left:40%
}
.push--six-tenths,.push--three-fifths{
    left:60%
}
.push--eight-tenths,.push--four-fifths{
    left:80%
}
.push--one-sixth,.push--two-twelfths{
    left:16.666%
}
.push--five-sixths,.push--ten-twelfths{
    left:83.333%
}
.push--one-eighth{
    left:12.5%
}
.push--three-eighths{
    left:37.5%
}
.push--five-eighths{
    left:62.5%
}
.push--seven-eighths{
    left:87.5%
}
.push--one-tenth{
    left:10%
}
.push--three-tenths{
    left:30%
}
.push--seven-tenths{
    left:70%
}
.push--nine-tenths{
    left:90%
}
.push--one-twelfth{
    left:8.333%
}
.push--five-twelfths{
    left:41.666%
}
.push--seven-twelfths{
    left:58.333%
}
.push--eleven-twelfths{
    left:91.666%
}
@media only screen and (min-width:481px) and (max-width:768px){
    .medium--one-whole{
        width:100%
    }
    .medium--five-tenths,.medium--four-eighths,.medium--one-half,.medium--six-twelfths,.medium--three-sixths,.medium--two-quarters{
        width:50%
    }
    .medium--four-twelfths,.medium--one-third,.medium--two-sixths{
        width:33.333%
    }
    .medium--eight-twelfths,.medium--four-sixths,.medium--two-thirds{
        width:66.666%
    }
    .medium--one-quarter,.medium--three-twelfths,.medium--two-eighths{
        width:25%
    }
    .medium--nine-twelfths,.medium--six-eighths,.medium--three-quarters{
        width:75%
    }
    .medium--one-fifth,.medium--two-tenths{
        width:20%
    }
    .medium--four-tenths,.medium--two-fifths{
        width:40%
    }
    .medium--six-tenths,.medium--three-fifths{
        width:60%
    }
    .medium--eight-tenths,.medium--four-fifths{
        width:80%
    }
    .medium--one-sixth,.medium--two-twelfths{
        width:16.666%
    }
    .medium--five-sixths,.medium--ten-twelfths{
        width:83.333%
    }
    .medium--one-eighth{
        width:12.5%
    }
    .medium--three-eighths{
        width:37.5%
    }
    .medium--five-eighths{
        width:62.5%
    }
    .medium--seven-eighths{
        width:87.5%
    }
    .medium--one-tenth{
        width:10%
    }
    .medium--three-tenths{
        width:30%
    }
    .medium--seven-tenths{
        width:70%
    }
    .medium--nine-tenths{
        width:90%
    }
    .medium--one-twelfth{
        width:8.333%
    }
    .medium--five-twelfths{
        width:41.666%
    }
    .medium--seven-twelfths{
        width:58.333%
    }
    .medium--eleven-twelfths{
        width:91.666%
    }
    .medium--show{
        display:block!important
    }
    .medium--hide{
        display:none!important
    }
    .medium--text-left{
        text-align:left!important
    }
    .medium--text-right{
        text-align:right!important
    }
    .medium--text-center{
        text-align:center!important
    }
    .medium--left{
        float:left!important
    }
    .medium--right{
        float:right!important
    }
    .grid-uniform .medium--five-tenths:nth-child(2n+1),.grid-uniform .medium--four-eighths:nth-child(2n+1),.grid-uniform .medium--four-twelfths:nth-child(3n+1),.grid-uniform .medium--one-fifth:nth-child(5n+1),.grid-uniform .medium--one-half:nth-child(2n+1),.grid-uniform .medium--one-quarter:nth-child(4n+1),.grid-uniform .medium--one-sixth:nth-child(6n+1),.grid-uniform .medium--one-third:nth-child(3n+1),.grid-uniform .medium--one-twelfth:nth-child(12n+1),.grid-uniform .medium--six-twelfths:nth-child(2n+1),.grid-uniform .medium--three-sixths:nth-child(2n+1),.grid-uniform .medium--three-twelfths:nth-child(4n+1),.grid-uniform .medium--two-eighths:nth-child(4n+1),.grid-uniform .medium--two-quarters:nth-child(2n+1),.grid-uniform .medium--two-sixths:nth-child(3n+1),.grid-uniform .medium--two-tenths:nth-child(5n+1),.grid-uniform .medium--two-twelfths:nth-child(6n+1){
        clear:both
    }
    .push--medium--one-whole{
        left:100%
    }
    .push--medium--five-tenths,.push--medium--four-eighths,.push--medium--one-half,.push--medium--six-twelfths,.push--medium--three-sixths,.push--medium--two-quarters{
        left:50%
    }
    .push--medium--four-twelfths,.push--medium--one-third,.push--medium--two-sixths{
        left:33.333%
    }
    .push--medium--eight-twelfths,.push--medium--four-sixths,.push--medium--two-thirds{
        left:66.666%
    }
    .push--medium--one-quarter,.push--medium--three-twelfths,.push--medium--two-eighths{
        left:25%
    }
    .push--medium--nine-twelfths,.push--medium--six-eighths,.push--medium--three-quarters{
        left:75%
    }
    .push--medium--one-fifth,.push--medium--two-tenths{
        left:20%
    }
    .push--medium--four-tenths,.push--medium--two-fifths{
        left:40%
    }
    .push--medium--six-tenths,.push--medium--three-fifths{
        left:60%
    }
    .push--medium--eight-tenths,.push--medium--four-fifths{
        left:80%
    }
    .push--medium--one-sixth,.push--medium--two-twelfths{
        left:16.666%
    }
    .push--medium--five-sixths,.push--medium--ten-twelfths{
        left:83.333%
    }
    .push--medium--one-eighth{
        left:12.5%
    }
    .push--medium--three-eighths{
        left:37.5%
    }
    .push--medium--five-eighths{
        left:62.5%
    }
    .push--medium--seven-eighths{
        left:87.5%
    }
    .push--medium--one-tenth{
        left:10%
    }
    .push--medium--three-tenths{
        left:30%
    }
    .push--medium--seven-tenths{
        left:70%
    }
    .push--medium--nine-tenths{
        left:90%
    }
    .push--medium--one-twelfth{
        left:8.333%
    }
    .push--medium--five-twelfths{
        left:41.666%
    }
    .push--medium--seven-twelfths{
        left:58.333%
    }
    .push--medium--eleven-twelfths{
        left:91.666%
    }
}
@media only screen and (max-width:768px){
    .medium-down--one-whole{
        width:100%
    }
    .medium-down--five-tenths,.medium-down--four-eighths,.medium-down--one-half,.medium-down--six-twelfths,.medium-down--three-sixths,.medium-down--two-quarters{
        width:50%
    }
    .medium-down--four-twelfths,.medium-down--one-third,.medium-down--two-sixths{
        width:33.333%
    }
    .medium-down--eight-twelfths,.medium-down--four-sixths,.medium-down--two-thirds{
        width:66.666%
    }
    .medium-down--one-quarter,.medium-down--three-twelfths,.medium-down--two-eighths{
        width:25%
    }
    .medium-down--nine-twelfths,.medium-down--six-eighths,.medium-down--three-quarters{
        width:75%
    }
    .medium-down--one-fifth,.medium-down--two-tenths{
        width:20%
    }
    .medium-down--four-tenths,.medium-down--two-fifths{
        width:40%
    }
    .medium-down--six-tenths,.medium-down--three-fifths{
        width:60%
    }
    .medium-down--eight-tenths,.medium-down--four-fifths{
        width:80%
    }
    .medium-down--one-sixth,.medium-down--two-twelfths{
        width:16.666%
    }
    .medium-down--five-sixths,.medium-down--ten-twelfths{
        width:83.333%
    }
    .medium-down--one-eighth{
        width:12.5%
    }
    .medium-down--three-eighths{
        width:37.5%
    }
    .medium-down--five-eighths{
        width:62.5%
    }
    .medium-down--seven-eighths{
        width:87.5%
    }
    .medium-down--one-tenth{
        width:10%
    }
    .medium-down--three-tenths{
        width:30%
    }
    .medium-down--seven-tenths{
        width:70%
    }
    .medium-down--nine-tenths{
        width:90%
    }
    .medium-down--one-twelfth{
        width:8.333%
    }
    .medium-down--five-twelfths{
        width:41.666%
    }
    .medium-down--seven-twelfths{
        width:58.333%
    }
    .medium-down--eleven-twelfths{
        width:91.666%
    }
    .medium-down--show{
        display:block!important
    }
    .medium-down--hide{
        display:none!important
    }
    .medium-down--text-left{
        text-align:left!important
    }
    .medium-down--text-right{
        text-align:right!important
    }
    .medium-down--text-center{
        text-align:center!important
    }
    .medium-down--left{
        float:left!important
    }
    .medium-down--right{
        float:right!important
    }
    .grid-uniform .medium-down--five-tenths:nth-child(2n+1),.grid-uniform .medium-down--four-eighths:nth-child(2n+1),.grid-uniform .medium-down--four-twelfths:nth-child(3n+1),.grid-uniform .medium-down--one-fifth:nth-child(5n+1),.grid-uniform .medium-down--one-half:nth-child(2n+1),.grid-uniform .medium-down--one-quarter:nth-child(4n+1),.grid-uniform .medium-down--one-sixth:nth-child(6n+1),.grid-uniform .medium-down--one-third:nth-child(3n+1),.grid-uniform .medium-down--one-twelfth:nth-child(12n+1),.grid-uniform .medium-down--six-twelfths:nth-child(2n+1),.grid-uniform .medium-down--three-sixths:nth-child(2n+1),.grid-uniform .medium-down--three-twelfths:nth-child(4n+1),.grid-uniform .medium-down--two-eighths:nth-child(4n+1),.grid-uniform .medium-down--two-quarters:nth-child(2n+1),.grid-uniform .medium-down--two-sixths:nth-child(3n+1),.grid-uniform .medium-down--two-tenths:nth-child(5n+1),.grid-uniform .medium-down--two-twelfths:nth-child(6n+1){
        clear:both
    }
    .push--medium-down--one-whole{
        left:100%
    }
    .push--medium-down--five-tenths,.push--medium-down--four-eighths,.push--medium-down--one-half,.push--medium-down--six-twelfths,.push--medium-down--three-sixths,.push--medium-down--two-quarters{
        left:50%
    }
    .push--medium-down--four-twelfths,.push--medium-down--one-third,.push--medium-down--two-sixths{
        left:33.333%
    }
    .push--medium-down--eight-twelfths,.push--medium-down--four-sixths,.push--medium-down--two-thirds{
        left:66.666%
    }
    .push--medium-down--one-quarter,.push--medium-down--three-twelfths,.push--medium-down--two-eighths{
        left:25%
    }
    .push--medium-down--nine-twelfths,.push--medium-down--six-eighths,.push--medium-down--three-quarters{
        left:75%
    }
    .push--medium-down--one-fifth,.push--medium-down--two-tenths{
        left:20%
    }
    .push--medium-down--four-tenths,.push--medium-down--two-fifths{
        left:40%
    }
    .push--medium-down--six-tenths,.push--medium-down--three-fifths{
        left:60%
    }
    .push--medium-down--eight-tenths,.push--medium-down--four-fifths{
        left:80%
    }
    .push--medium-down--one-sixth,.push--medium-down--two-twelfths{
        left:16.666%
    }
    .push--medium-down--five-sixths,.push--medium-down--ten-twelfths{
        left:83.333%
    }
    .push--medium-down--one-eighth{
        left:12.5%
    }
    .push--medium-down--three-eighths{
        left:37.5%
    }
    .push--medium-down--five-eighths{
        left:62.5%
    }
    .push--medium-down--seven-eighths{
        left:87.5%
    }
    .push--medium-down--one-tenth{
        left:10%
    }
    .push--medium-down--three-tenths{
        left:30%
    }
    .push--medium-down--seven-tenths{
        left:70%
    }
    .push--medium-down--nine-tenths{
        left:90%
    }
    .push--medium-down--one-twelfth{
        left:8.333%
    }
    .push--medium-down--five-twelfths{
        left:41.666%
    }
    .push--medium-down--seven-twelfths{
        left:58.333%
    }
    .push--medium-down--eleven-twelfths{
        left:91.666%
    }
}
@media only screen and (min-width:769px){
    .large--one-whole{
        width:100%
    }
    .large--five-tenths,.large--four-eighths,.large--one-half,.large--six-twelfths,.large--three-sixths,.large--two-quarters{
        width:50%
    }
    .large--four-twelfths,.large--one-third,.large--two-sixths{
        width:33.333%
    }
    .large--eight-twelfths,.large--four-sixths,.large--two-thirds{
        width:66.666%
    }
    .large--one-quarter,.large--three-twelfths,.large--two-eighths{
        width:25%
    }
    .large--nine-twelfths,.large--six-eighths,.large--three-quarters{
        width:75%
    }
    .large--one-fifth,.large--two-tenths{
        width:20%
    }
    .large--four-tenths,.large--two-fifths{
        width:40%
    }
    .large--six-tenths,.large--three-fifths{
        width:60%
    }
    .large--eight-tenths,.large--four-fifths{
        width:80%
    }
    .large--one-sixth,.large--two-twelfths{
        width:16.666%
    }
    .large--five-sixths,.large--ten-twelfths{
        width:83.333%
    }
    .large--one-eighth{
        width:12.5%
    }
    .large--three-eighths{
        width:37.5%
    }
    .large--five-eighths{
        width:62.5%
    }
    .large--seven-eighths{
        width:87.5%
    }
    .large--one-tenth{
        width:10%
    }
    .large--three-tenths{
        width:30%
    }
    .large--seven-tenths{
        width:70%
    }
    .large--nine-tenths{
        width:90%
    }
    .large--one-twelfth{
        width:8.333%
    }
    .large--five-twelfths{
        width:41.666%
    }
    .large--seven-twelfths{
        width:58.333%
    }
    .large--eleven-twelfths{
        width:91.666%
    }
    .large--show{
        display:block!important
    }
    .large--hide{
        display:none!important
    }
    .large--text-left{
        text-align:left!important
    }
    .large--text-right{
        text-align:right!important
    }
    .large--text-center{
        text-align:center!important
    }
    .large--left{
        float:left!important
    }
    .large--right{
        float:right!important
    }
    .grid-uniform .large--five-tenths:nth-child(2n+1),.grid-uniform .large--four-eighths:nth-child(2n+1),.grid-uniform .large--four-twelfths:nth-child(3n+1),.grid-uniform .large--one-fifth:nth-child(5n+1),.grid-uniform .large--one-half:nth-child(2n+1),.grid-uniform .large--one-quarter:nth-child(4n+1),.grid-uniform .large--one-sixth:nth-child(6n+1),.grid-uniform .large--one-third:nth-child(3n+1),.grid-uniform .large--one-twelfth:nth-child(12n+1),.grid-uniform .large--six-twelfths:nth-child(2n+1),.grid-uniform .large--three-sixths:nth-child(2n+1),.grid-uniform .large--three-twelfths:nth-child(4n+1),.grid-uniform .large--two-eighths:nth-child(4n+1),.grid-uniform .large--two-quarters:nth-child(2n+1),.grid-uniform .large--two-sixths:nth-child(3n+1),.grid-uniform .large--two-tenths:nth-child(5n+1),.grid-uniform .large--two-twelfths:nth-child(6n+1){
        clear:both
    }
    .push--large--one-whole{
        left:100%
    }
    .push--large--five-tenths,.push--large--four-eighths,.push--large--one-half,.push--large--six-twelfths,.push--large--three-sixths,.push--large--two-quarters{
        left:50%
    }
    .push--large--four-twelfths,.push--large--one-third,.push--large--two-sixths{
        left:33.333%
    }
    .push--large--eight-twelfths,.push--large--four-sixths,.push--large--two-thirds{
        left:66.666%
    }
    .push--large--one-quarter,.push--large--three-twelfths,.push--large--two-eighths{
        left:25%
    }
    .push--large--nine-twelfths,.push--large--six-eighths,.push--large--three-quarters{
        left:75%
    }
    .push--large--one-fifth,.push--large--two-tenths{
        left:20%
    }
    .push--large--four-tenths,.push--large--two-fifths{
        left:40%
    }
    .push--large--six-tenths,.push--large--three-fifths{
        left:60%
    }
    .push--large--eight-tenths,.push--large--four-fifths{
        left:80%
    }
    .push--large--one-sixth,.push--large--two-twelfths{
        left:16.666%
    }
    .push--large--five-sixths,.push--large--ten-twelfths{
        left:83.333%
    }
    .push--large--one-eighth{
        left:12.5%
    }
    .push--large--three-eighths{
        left:37.5%
    }
    .push--large--five-eighths{
        left:62.5%
    }
    .push--large--seven-eighths{
        left:87.5%
    }
    .push--large--one-tenth{
        left:10%
    }
    .push--large--three-tenths{
        left:30%
    }
    .push--large--seven-tenths{
        left:70%
    }
    .push--large--nine-tenths{
        left:90%
    }
    .push--large--one-twelfth{
        left:8.333%
    }
    .push--large--five-twelfths{
        left:41.666%
    }
    .push--large--seven-twelfths{
        left:58.333%
    }
    .push--large--eleven-twelfths{
        left:91.666%
    }
}
html{
    background-color:#f2f2f2
}
body{
    background-color:#fff
}
.browsehappy{
    margin:0;
    padding:9px;
    background:#A80510;
    color:#FFF;
    text-align:center
}
.browsehappy a{
    color:#E0C2BC
}
.browsehappy a:focus,.browsehappy a:hover{
    color:#d0a299
}
.notice{
    margin:0 0 30px;
    padding:15px;
    background:#00b1d3;
    border-radius:5px;
    color:#FFF
}
.notice p{
    margin:6px 0 0
}
.notice p:first-child{
    margin-top:0
}
.wrapper{
    max-width:1180px;
    margin:0 auto;
    padding:0 15px
}
.wrapper:after{
    content:'';
    display:table;
    clear:both
}
@media screen and (min-width:480px){
    .wrapper{
        padding:0 30px
    }
}
.main-content{
    display:block;
    margin-top:30px;
    padding-bottom:60px
}
.back-to-top{
    width:250px;
    margin:40px 0 0
}
@media screen and (max-width:768px){
    .back-to-top{
        margin-left:auto;
        margin-right:auto;
        text-align:center
    }
}
.back-to-top .arrow{
    display:inline-block;
    margin:0 2px 0 0;
    vertical-align:text-bottom
}
.display-table{
    display:table;
    table-layout:fixed;
    width:100%
}
.display-table-cell{
    display:table-cell;
    vertical-align:middle;
    float:none
}
@media screen and (min-width:769px){
    .large--display-table{
        display:table;
        table-layout:fixed;
        width:100%
    }
    .large--display-table-cell{
        display:table-cell;
        vertical-align:middle;
        float:none
    }
}
body,button,input,select,textarea{
    font-size:16px;
    line-height:1.6;
    font-family:"Open Sans",sans-serif;
    color:#333;
    font-weight:400;
    -webkit-text-size-adjust:100%
}
.h1,.h1 a,h1,h1 a{
    color:#0084a9
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:"Open Sans",sans-serif;
    font-weight:700;
    margin:0 0 .5em;
    line-height:1.4
}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    text-decoration:none;
    font-weight:inherit
}
b,label,legend,optgroup,strong,th{
    font-weight:700
}
.h1,h1{
    font-size:1.875em;
    margin:0 0 25px
}
.h2,.h2 a,h2,h2 a{
    color:#999
}
.h2,h2{
    font-size:1.5em
}
.h2 a:focus,.h2 a:hover,.h3,.h4,h2 a:focus,h2 a:hover,h3,h4{
    color:#666
}
.h3,h3{
    font-size:1.25em
}
.h4,h4{
    font-size:1.125em
}
.h5,.h6,h5,h6{
    font-size:1em
}
p{
    margin:0 0 15px
}
p img{
    margin:0
}
em,i{
    font-style:italic
}
small{
    font-size:.9em
}
sub,sup{
    font-size:60%;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.5em
}
time{
    font-size:.875em;
    color:#999
}
blockquote{
    font-size:1.125em;
    line-height:1.45;
    font-style:italic;
    margin:0 0 30px;
    padding:15px 30px;
    border-left:1px solid #f69522
}
blockquote p{
    margin-bottom:0
}
blockquote p+cite{
    margin-top:15px
}
blockquote cite{
    display:block;
    font-size:.75em
}
blockquote cite:before{
    content:'\2014 \0020'
}
code,pre{
    background-color:#FAF7F5;
    font-family:Consolas,monospace;
    font-size:1em;
    border:0;
    padding:0 2px;
    color:#51AB62
}
pre{
    overflow:auto;
    padding:15px;
    margin:0 0 30px
}
hr{
    clear:both;
    border-top:solid #f69522;
    border-width:1px 0 0;
    margin:30px 0;
    height:0
}
hr.hr--small{
    margin:15px 0
}
hr.hr--clear{
    border-top-color:transparent
}
.section-header{
    margin-bottom:30px
}
@media screen and (min-width:769px){
    .section-header{
        display:table;
        width:100%
    }
    .section-header--title{
        margin-bottom:12px
    }
    .section-header--left{
        display:table-cell;
        vertical-align:middle;
        margin-bottom:0
    }
    .section-header--left .h1,.section-header--left .h2,.section-header--left .h3,.section-header--left .h4,.section-header--left h1,.section-header--left h2,.section-header--left h3,.section-header--left h4{
        margin-bottom:0
    }
    .section-header--right{
        display:table-cell;
        vertical-align:middle;
        text-align:right;
        width:335px
    }
}
.btn--full,.video-wrapper iframe,fieldset.input-full,input.input-full,select.input-full,table,table.full,textarea.input-full{
    width:100%
}
@media screen and (min-width:769px) and (max-width:768px){
    .section-header--right{
        margin-bottom:30px
    }
}
.rte,.rte>div{
    margin-bottom:15px
}
.section-header--right .collection-view,.section-header--right .form-horizontal{
    display:inline-block;
    vertical-align:middle
}
@media screen and (min-width:481px){
    .section-header--right .collection-view,.section-header--right label+select{
        margin-left:15px
    }
}
.collection-view{
    display:inline-block;
    border:1px solid #f69522;
    border-radius:5px;
    padding:11px;
    height:37px
}
.supports-no-svg .collection-view{
    display:none
}
@media screen and (min-width:769px){
    .collection-view{
        display:inline-block
    }
}
.collection-view a{
    display:block;
    float:left;
    opacity:.7;
    cursor:pointer
}
.collection-view a+a{
    margin-left:10px
}
.collection-view a.collection-view--active{
    opacity:1;
    cursor:default
}
.collection-view img{
    opacity:inherit
}
.rte .h1,.rte .h2,.rte .h3,.rte .h4,.rte .h5,.rte .h6,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{
    margin-top:1.2em
}
.rte .h1:first-child,.rte .h2:first-child,.rte .h3:first-child,.rte .h4:first-child,.rte .h5:first-child,.rte .h6:first-child,.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{
    margin-top:0
}
.rte ol,.rte ul{
    margin-left:35px
}
.rte li{
    margin-bottom:.4em
}
.rte-header{
    margin-bottom:0
}
a{
    color:#00b1d3;
    text-decoration:none;
    background:0 0;
    transition:color .2s ease-out
}
a:focus,a:hover{
    color:#0084a9
}
button{
    overflow:visible
}
button[disabled],html input[disabled]{
    cursor:default
}
.btn,.btn--secondary,input.btn--secondary,input[type=submit]{
    display:inline-block;
    padding:8px 10px;
    margin:0;
    line-height:1;
    font-weight:700;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-radius:5px;
    transition:background-color .2s ease-out;
    background-color:#e15928;
    color:#fff
}
.benchtop-planner a#add_redirect:hover{
	background:#0095a9;
}
iframe,img{
    border:0
}
.btn--secondary:hover,.btn:hover,input[type=submit]:hover{
    background-color:#0084a9;
    color:#fff
}
.btn--secondary:active,.btn--secondary:focus,.btn:active,.btn:focus,input[type=submit]:active,input[type=submit]:focus{
    background-color:#00708f;
    color:#fff
}
.btn.disabled,.btn[disabled],.disabled.btn--secondary,[disabled].btn--secondary,input.disabled[type=submit],input[disabled][type=submit]{
    cursor:default;
    color:#b6b6b6;
    background-color:#f6f6f6
}
.btn span,.btn--secondary span,input[type=submit] span{
    display:inline-block;
    transition:padding .45s
}
.btn.is-adding span,.btn.is-loading span,.is-adding.btn--secondary span,.is-loading.btn--secondary span,input.is-adding[type=submit] span,input.is-loading[type=submit] span{
    padding-right:28px;
    background-position:right center
}
.btn--secondary,input.btn--secondary{
    background-color:#bbb
}
.btn--secondary:hover,input.btn--secondary:hover{
    background-color:#a2a2a2;
    color:#fff
}
.btn--secondary:active,.btn--secondary:focus,input.btn--secondary:active,input.btn--secondary:focus{
    background-color:#888;
    color:#fff
}
.btn--secondary.disabled,.btn--secondary[disabled],input.btn--secondary.disabled,input.btn--secondary[disabled]{
    cursor:default;
    color:#b6b6b6;
    background-color:#f6f6f6
}
.btn--small{
    padding:4px 5px;
    font-size:.75em
}
.btn--large,button,input,select,textarea{
    font-size:1em
}
.btn--large{
    padding:12px 15px
}
.text-link{
    display:inline;
    border:0;
    background:0 0;
    padding:0;
    margin:0
}
ol,ul{
    margin:0 0 30px;
    padding:0
}
ul{
    list-style:none
}
ol{
    list-style:decimal
}
ol ol,ol ul,ul ol,ul ul{
    margin:4px 0 5px 20px
}
li{
    margin-bottom:.25em
}
.rte ul,ol,ul.disc,ul.square{
    margin-left:20px
}
ul.square{
    list-style:square
}
.rte ul,ul.disc{
    list-style:disc
}
ol.alpha{
    list-style:lower-alpha
}
.inline-list li{
    display:inline-block;
    margin-bottom:0
}
.media-img img,.media-img-right img,img,label,legend{
    display:block
}
table{
    border-collapse:collapse;
    border-spacing:0
}
table.full{
    margin-bottom:1em
}
.table-wrap{
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.video-wrapper,svg:not(:root){
    overflow:hidden
}
td,th{
    text-align:left;
    padding:15px;
    border:1px solid #f69522
}
.media,.media-flex{
    overflow:hidden;
    zoom:1
}
.media-img{
    float:left;
    margin-right:30px
}
.media-img-right{
    float:right;
    margin-left:30px
}
.grid__item iframe,.grid__item img,img.auto{
    max-width:100%
}
.video-wrapper{
    max-width:100%;
    margin:8px 0 15px;
    padding-bottom:56.25%;
    height:0;
    height:auto
}
.video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    height:100%
}
form{
    margin-bottom:30px
}
button,input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea{
    -webkit-appearance:none;
    -moz-appearance:none
}
input[type=number]{
    -moz-appearance:textfield
}
fieldset,input,select,textarea{
    border-radius:5px;
    max-width:100%
}
input,select,textarea{
    padding:8px 10px;
    line-height:1.42
}
fieldset{
    border:1px solid #f69522;
    padding:15px
}
legend{
    border:0;
    padding:0
}
input{
    display:inline-block;
    width:auto
}
button,input[type=submit]{
    cursor:pointer
}
input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{
    border:1px solid #f69522;
    width:100%;
    max-width:100%;
    display:block;
    margin:0 0 1em
}
input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{
    border-color:#c2c2c2
}
input[type=email].disabled,input[type=email][disabled],input[type=file].disabled,input[type=file][disabled],input[type=number].disabled,input[type=number][disabled],input[type=password].disabled,input[type=password][disabled],input[type=search].disabled,input[type=search][disabled],input[type=tel].disabled,input[type=tel][disabled],input[type=text].disabled,input[type=text][disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{
    cursor:default;
    background-color:#f6f6f6;
    border-color:#b6b6b6
}
textarea{
    min-height:100px;
    overflow:auto
}
input[type=checkbox],input[type=radio]{
    display:inline;
    margin:0;
    padding:0
}
.ie9 select,.lt-ie9 select{
    padding-right:10px;
    background-image:none
}
select::-ms-expand{
    display:none
}
label,legend{
    margin-bottom:2px
}
label.inline,legend.inline{
    display:inline
}
.form-horizontal label.label--hidden,.form-horizontal legend.label--hidden,label.label--hidden,legend.label--hidden{
    height:0;
    width:0;
    margin-bottom:0;
    overflow:hidden
}
.ie9 .form-horizontal label.label--hidden,.ie9 .form-horizontal legend.label--hidden,.ie9 label.label--hidden,.ie9 legend.label--hidden,.lt-ie9 .form-horizontal label.label--hidden,.lt-ie9 .form-horizontal legend.label--hidden,.lt-ie9 label.label--hidden,.lt-ie9 legend.label--hidden{
    height:auto;
    margin-bottom:2px;
    overflow:visible
}
label .sub-label{
    display:block;
    padding:0 0 8px;
    font-weight:400;
    font-style:italic;
    line-height:1.2
}
input[type=checkbox]+label,input[type=radio]+label{
    font-weight:400
}
label[for]{
    cursor:pointer
}
.label-hint{
    color:#999
}
.form-horizontal,form.form-horizontal{
    margin-bottom:0
}
.form-horizontal input[type=email],.form-horizontal input[type=file],.form-horizontal input[type=number],.form-horizontal input[type=password],.form-horizontal input[type=search],.form-horizontal input[type=tel],.form-horizontal input[type=text],.form-horizontal label,.form-horizontal select,.form-horizontal textarea,form.form-horizontal input[type=email],form.form-horizontal input[type=file],form.form-horizontal input[type=number],form.form-horizontal input[type=password],form.form-horizontal input[type=search],form.form-horizontal input[type=tel],form.form-horizontal input[type=text],form.form-horizontal label,form.form-horizontal select,form.form-horizontal textarea{
    display:inline-block;
    margin-bottom:0;
    width:auto
}
input[type=email].error,input[type=file].error,input[type=number].error,input[type=password].error,input[type=search].error,input[type=tel].error,input[type=text].error,textarea.error{
    border-color:#d02e2e;
    background-color:#fff6f6;
    color:#d02e2e
}
label.error{
    color:#d02e2e
}
.input-group{
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group .input-group-btn:first-child,.input-group .input-group-btn:first-child>.btn,.input-group .input-group-btn:first-child>.btn--secondary,.input-group .input-group-btn:first-child>input[type=submit],.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-btn>.btn,.input-group input[type=hidden]:first-child+.input-group-btn>.btn--secondary,.input-group input[type=hidden]:first-child+.input-group-btn>input[type=submit],.input-group input[type=hidden]:first-child+.input-group-field{
    border-radius:5px 0 0 5px;
    border-right:0
}
.input-group .input-group-btn:last-child>.btn,.input-group .input-group-btn:last-child>.btn--secondary,.input-group .input-group-btn:last-child>input[type=submit],.input-group .input-group-field:last-child{
    border-radius:0 5px 5px 0;
    border-left:0
}
.input-group input::-moz-focus-inner{
    border:0;
    padding:0;
    margin-top:-1px;
    margin-bottom:-1px
}
.input-group-btn,.input-group-field{
    display:table-cell;
    vertical-align:middle;
    margin:0
}
.input-group .btn,.input-group .btn--secondary,.input-group .input-group-field,.input-group input[type=submit]{
    height:37px
}
.input-group .input-group-field{
    width:100%;
    margin-bottom:0
}
.input-group-btn{
    position:relative;
    white-space:nowrap;
    width:1%;
    padding:0
}
form[action="/cart/add"]:after,form[action^="/cart/add"]:after{
    content:'';
    display:table;
    clear:both
}
.cart__row{
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    -o-transform-origin:top;
    transform-origin:top;
    -webkit-transition:all 650ms cubic-bezier(.57,.06,.05,.95);
    -moz-transition:all 650ms cubic-bezier(.57,.06,.05,.95);
    -ms-transition:all 650ms cubic-bezier(.57,.06,.05,.95);
    -o-transition:all 650ms cubic-bezier(.57,.06,.05,.95);
    transition:all 650ms cubic-bezier(.57,.06,.05,.95);
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
    max-height:500px;
    visibility:visible
}
.cart__row.is-removed{
    overflow:hidden;
    opacity:0;
    padding:0;
    margin:-1px 0 0;
    visibility:hidden;
    -webkit-transform:rotateX(-92deg);
    -moz-transform:rotateX(-92deg);
    -ms-transform:rotateX(-92deg);
    -o-transform:rotateX(-92deg);
    transform:rotateX(-92deg);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:all 450ms cubic-bezier(.57,.06,.05,.95);
    -moz-transition:all 450ms cubic-bezier(.57,.06,.05,.95);
    -ms-transition:all 450ms cubic-bezier(.57,.06,.05,.95);
    -o-transition:all 450ms cubic-bezier(.57,.06,.05,.95);
    transition:all 450ms cubic-bezier(.57,.06,.05,.95);
    max-height:0
}
.ajaxcart__qty,.js-qty{
    position:relative;
    margin-bottom:1em;
    max-width:100px;
    min-width:75px;
    overflow:visible;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden
}
@media screen and (max-width:480px){
    .ajaxcart__qty,.js-qty{
        max-width:112px
    }
}
.ajaxcart__qty input[type=text],.js-qty input[type=text]{
    display:block;
    background:0 0;
    text-align:center;
    width:100%;
    padding:5px 25px;
    margin:0
}
.ajaxcart__qty-adjust,.js-qty__adjust{
    cursor:pointer;
    position:absolute;
    display:block;
    top:0;
    bottom:0;
    min-width:28px;
    margin:0;
    padding:0 6px;
    border:0;
    background:0 0;
    text-align:center;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -ms-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.ajaxcart__qty-adjust:focus,.ajaxcart__qty-adjust:hover,.js-qty__adjust:focus,.js-qty__adjust:hover{
    background-color:#dbdbdb
}
.ajaxcart__qty-adjust:active,.js-qty__adjust:active{
    background-color:#c2c2c2
}
.ajaxcart__qty--plus,.js-qty__adjust--plus{
    right:0;
    border-left:1px solid #f69522;
    border-radius:0 5px 5px 0
}
.ajaxcart__qty--minus,.js-qty__adjust--minus{
    left:0;
    border-right:1px solid #f69522;
    border-radius:5px 0 0 5px
}
.ajaxcart__qty{
    display:inline-block;
    margin:0
}
.is-loading .ajaxcart__qty{
    opacity:.5;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}
.header-top,.page{
    -webkit-transition:left 650ms ease;
    -moz-transition:left 650ms ease;
    -ms-transition:left 650ms ease;
    -o-transition:left 650ms ease
}
.pagination{
    margin-bottom:1em
}
.pagination-custom{
    display:inline-block;
    padding-left:0;
    margin:0 0 30px;
    border-radius:5px
}
.pagination-custom>li{
    display:inline
}
.pagination-custom>li>a,.pagination-custom>li>span{
    position:relative;
    float:left;
    padding:5px 10px;
    margin-left:-1px;
    line-height:1.42;
    text-decoration:none;
    border:1px solid #f69522
}
.pagination-custom>li:first-child>a,.pagination-custom>li:first-child>span{
    margin-left:0;
    border-bottom-left-radius:4px;
    border-top-left-radius:4px
}
.pagination-custom>li:last-child>a,.pagination-custom>li:last-child>span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.pagination-custom>.active>a,.pagination-custom>.active>a:focus,.pagination-custom>.active>a:hover,.pagination-custom>.active>span,.pagination-custom>.active>span:focus,.pagination-custom>.active>span:hover{
    z-index:2;
    cursor:default;
    color:#333
}
.pagination-custom>.disabled>a,.pagination-custom>.disabled>a:focus,.pagination-custom>.disabled>a:hover,.pagination-custom>.disabled>span{
    color:#999;
    cursor:not-allowed
}
.pagination-custom-lg>li>a,.pagination-custom-lg>li>span{
    padding:10px 16px;
    font-size:1.125em
}
.pagination-custom-lg>li:first-child>a,.pagination-custom-lg>li:first-child>span{
    border-bottom-left-radius:6px;
    border-top-left-radius:6px
}
.pagination-custom-lg>li:last-child>a,.pagination-custom-lg>li:last-child>span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination-custom-sm>li>a,.pagination-custom-sm>li>span{
    padding:5px 10px;
    font-size:.75em
}
.pagination-custom-sm>li:first-child>a,.pagination-custom-sm>li:first-child>span{
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.pagination-custom-sm>li:last-child>a,.pagination-custom-sm>li:last-child>span{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.page{
    transition:left 650ms ease
}
@media screen and (max-width:989px){
    .page-wrapper{
        overflow:hidden
    }
    .page{
        position:relative;
        left:0;
        padding:54px 0 0
    }
    .left-nav-shown .page{
        left:250px
    }
}
.site-header{
    padding:25px 0 0
}
@media screen and (min-width:769px){
    .site-header .grid,.site-header .grid--full,.site-header .grid--rev{
        display:table;
        table-layout:fixed;
        width:100%
    }
    .site-header .grid--full>.grid__item,.site-header .grid--rev>.grid__item,.site-header .grid>.grid__item{
        float:none;
        display:table-cell;
        vertical-align:middle
    }
}
.header-top{
    transition:left 650ms ease
}
.site-header--text-links{
    margin:-8px 0 18px;
    font-size:.875em;
    color:#999
}
.site-header--text-links li:before{
    content:" | "
}
.site-header--text-links li:first-child:before{
    content:normal
}
@media screen and (max-width:989px){
    .site-header .grid,.site-header .grid--full,.site-header .grid--full>.grid__item,.site-header .grid--rev,.site-header .grid--rev>.grid__item,.site-header .grid>.grid__item{
        width:100%;
        display:block
    }
    .site-header{
        padding:0
    }
    .site-header .wrapper{
        padding:0 15px
    }
    .site-header .header-top{
        padding-top:12px
    }
    .site-header .large--left{
        float:none!important
    }
    .header-top{
        position:absolute;
        z-index:300;
        top:0;
        left:0;
        width:100%;
        height:54px;
        background:#FFF;
        border-bottom:1px solid #f69522
    }
    .left-nav-shown .header-top{
        left:-250px
    }
    .header-top .header-search{
        display:none
    }
    .site-header--text-links{
        margin:0
    }
    .site-header--text-links li{
        display:none
    }
    .site-header--text-links li:before{
        content:normal
    }
}
.site-header--text-links a{
    display:inline-block;
    min-height:20px;
    vertical-align:middle;
    color:#999
}
.site-header--text-links a:focus,.site-header--text-links a:hover{
    color:#666
}
.site-header--text-links .cart-link a:focus,.site-header--text-links .cart-link a:hover{
    background-position:right -100px;
    color:#0084a9
}
@media screen and (max-width:989px){
    .site-header--text-links .cart-link{
        display:block
    }
    .site-header--text-links .cart-link a{
        position:absolute;
        top:8px;
        right:15px;
        display:block;
        width:37px;
        height:37px;
        padding:0;
        background-position:-32px 8px;
        border:1px solid #f69522;
        border-radius:5px;
        overflow:hidden
    }
    .site-header--text-links .cart-link a:before{
        content:"";
        display:block;
        width:0;
        height:150%
    }
    .site-header--text-links .cart-link a:focus,.site-header--text-links .cart-link a:hover{
        background-position:-32px -92px
    }
}
.search-bar{
    max-width:100%
}
.nav-bar{
    position:relative;
    margin:25px 0 0;
    background-color:#0084a9;
    -webkit-transition:left 650ms ease;
    -moz-transition:left 650ms ease;
    -ms-transition:left 650ms ease;
    -o-transition:left 650ms ease;
    transition:left 650ms ease
}
.nav-bar li,.nav-bar ul{
    margin:0
}
.nav-bar .header-search{
    display:none;
    float:none;
    max-width:none
}
.nav-bar .header-search .btn,.nav-bar .header-search .btn--secondary,.nav-bar .header-search input[type=submit]{
    background-color:#00b1d3
}
.nav-bar .header-search .btn--secondary:active,.nav-bar .header-search .btn--secondary:focus,.nav-bar .header-search .btn--secondary:hover,.nav-bar .header-search .btn:active,.nav-bar .header-search .btn:focus,.nav-bar .header-search .btn:hover,.nav-bar .header-search input[type=submit]:active,.nav-bar .header-search input[type=submit]:focus,.nav-bar .header-search input[type=submit]:hover{
    background-color:#00c6ec
}
@media screen and (max-width:989px){
    .nav-bar{
        position:absolute;
        z-index:2;
        top:0;
        left:-250px;
        width:250px;
        height:100%;
        margin-top:0;
        padding:69px 0 11px
    }
    .nav-bar .header-search{
        display:block
    }
}
.site-nav{
    font-size:1.0625em;
    cursor:default
}
.site-nav li{
    margin:0;
    display:block
}
.site-nav>li{
    position:relative;
    display:inline-block
}
@media screen and (max-width:989px){
    .site-nav>li{
        display:block
    }
}
.site-nav>li.site-nav--has-jumbo-dropdown{
    position:static
}
.site-nav>li:first-child a{
    padding-left:0
}
.site-nav>li:last-child a{
    padding-right:0
}
.mobile-customer-nav{
    display:none;
    font-size:.875em
}
.mobile-customer-nav a{
    display:block;
    padding:2px 0;
    line-height:1.94;
    color:#a9ecff
}
.mobile-customer-nav a:focus,.mobile-customer-nav a:hover{
    color:#76e1ff
}
.site-nav__link{
    display:block;
    text-decoration:none;
    padding:9px 16px;
    white-space:nowrap;
    color:#fff
}
@media screen and (max-width:989px){
    .mobile-customer-nav{
        display:block
    }
    .site-nav__link{
        padding:2px 0
    }
}
.site-nav--active>.site-nav__link,.site-nav__link:active,.site-nav__link:focus,.site-nav__link:hover{
    color:#dcf7ff
}
.site-nav__dropdown{
    display:none;
    position:absolute;
    left:0;
    z-index:40;
    background-color:#0098c3;
    border-radius:0 0 5px 5px;
    overflow:hidden
}
.nav-focus+.site-nav__dropdown,.site-nav--has-dropdown.nav-hover .site-nav__dropdown,.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown{
    display:block
}
@media screen and (max-width:989px){
    .nav-focus+.site-nav__dropdown,.site-nav--has-dropdown.nav-hover .site-nav__dropdown,.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown{
        display:none
    }
}
@media screen and (min-width:990px){
    .site-nav--has-dropdown{
        transition:background-color .1s
    }
    .site-nav--has-dropdown>.site-nav__link:after{
        content:' \203A'
    }
    .site-nav--has-dropdown.nav-focus,.site-nav--has-dropdown.nav-hover,.site-nav--has-dropdown:hover{
        background-color:#0098c3
    }
    .site-nav--has-dropdown.nav-focus>.site-nav__link,.site-nav--has-dropdown.nav-hover>.site-nav__link,.site-nav--has-dropdown:hover>.site-nav__link{
        color:#fff
    }
    .site-nav__dropdown .site-nav__link:active,.site-nav__dropdown .site-nav__link:focus,.site-nav__dropdown .site-nav__link:hover{
        color:#fff;
        background-color:#00b1d3
    }
}
.site-nav__jumbo-dropdown{
    width:100%;
    padding-top:30px;
    padding-bottom:22px
}
.site-nav__jumbo-dropdown .wrapper{
    margin:0 auto;
    padding-left:0
}
.site-nav__jumbo-dropdown .site-nav__link{
    padding-left:0;
    padding-right:0
}
.site-nav__jumbo-dropdown .site-nav__link:active,.site-nav__jumbo-dropdown .site-nav__link:focus,.site-nav__jumbo-dropdown .site-nav__link:hover{
    color:#dcf7ff;
    background-color:transparent
}
.site-nav__jumbo-dropdown .site-nav__image{
    display:block;
    padding:0 0 14px;
    color:#fff
}
.site-nav__jumbo-dropdown .grid__item>.site-nav__link{
    padding-top:6px;
    padding-bottom:2px
}
@media screen and (max-width:989px){
    .site-nav__jumbo-dropdown{
        position:static;
        display:block!important;
        width:auto;
        padding:0 0 0 15px;
        background-color:transparent;
        font-weight:400
    }
    .site-nav__jumbo-dropdown .wrapper{
        padding-right:0
    }
    .site-nav__jumbo-dropdown .site-nav__image,.site-nav__jumbo-dropdown .site-nav__sub-list{
        display:none
    }
    .site-nav__jumbo-dropdown .grid__item{
        width:100%;
        padding-left:0
    }
    .site-nav__jumbo-dropdown .grid__item>.site-nav__link,.site-nav__jumbo-dropdown .site-nav__grouped-links .site-nav__link{
        padding-top:2px;
        padding-bottom:2px
    }
}
.header-search,.site-footer .connect-with-us{
    position:relative
}
.site-nav__sub-list{
    font-size:.94118em;
    font-weight:400
}
.site-nav__sub-list .site-nav__link{
    padding-top:2px;
    padding-bottom:2px
}
.site-nav__grouped-links .site-nav__link{
    padding-top:6px;
    padding-bottom:6px
}
.header-search{
    float:right;
    max-width:310px
}
@media screen and (max-width:768px){
    .header-search{
        float:none;
        padding:0 0 15px;
        margin:0 auto;
        text-align:center
    }
}
@media screen and (max-width:989px){
    .header-search{
        padding-bottom:9px
    }
    .site-footer .grid__item{
        width:100%;
        display:block
    }
}
.header-search .input-group,.header-search .input-group-field{
    margin-bottom:0
}
.header-search .btn--secondary:active,.header-search .btn--secondary:focus,.header-search .btn--secondary:hover,.header-search .btn:active,.header-search .btn:focus,.header-search .btn:hover,.header-search input[type=submit]:active,.header-search input[type=submit]:focus,.header-search input[type=submit]:hover{
    background-color:#999
}
.site-footer{
    background-color:#f2f2f2;
    border-top:1px solid #f69522;
    padding:30px 0;
    color:#636363
}
@media screen and (min-width:990px){
    .site-footer{
        padding:60px 0
    }
}
.site-footer li,.site-footer p,.site-footer ul{
    margin:0
}
@media screen and (min-width:480px){
    .site-footer .connect-with-us form{
        margin:0 130px 0 0;
        padding:0 30px 0 0;
        border-right:1px solid #ccc
    }
    .site-footer .social-icons{
        position:absolute;
        right:0;
        bottom:0
    }
}
.site-footer .social-icons li{
    vertical-align:middle
}
.site-footer .social-icons li a{
    display:block;
    color:#999
}
.site-footer .social-icons .icon-facebook,.site-footer .social-icons .icon-youtube{
    width:37px;
    height:37px;
    background:url(//cdn.shopify.com/s/files/1/0383/0669/t/5/assets/icons.svg?3773685480569688834) 0 -300px no-repeat
}
.site-footer .social-icons .icon-youtube{
    width:53px;
    margin:0 0 0 6px;
    background-position:0 -1193px
}
.site-footer .footer-text{
    margin:22px 0 0;
    font-size:.875em;
    color:#999;
    text-align:center
}
@media screen and (min-width:990px){
    .site-footer .footer-text{
        float:right;
        margin:-4px 0;
        text-align:right
    }
}
@media screen and (min-width:990px) and (max-width:1209px){
    .site-footer .footer-text{
        margin:-1px 0;
        font-size:.75em
    }
}
.site-footer .footer-links li:before{
    content:" | "
}
.site-footer .footer-links li:first-child:before{
    content:normal
}
.site-footer .footer-links a{
    color:#999
}
.products-list .h2 a,.products-list h2 a,.products-list-small .h2 a,.products-list-small h2 a,.site-footer .footer-links a:active,.site-footer .footer-links a:hover{
    color:#666
}
.site-footer .payment-icons{
    height:37px;
    margin:30px 0 0;
    text-align:center
}
.site-footer .payment-icons li{
    width:59px;
    height:37px;
    background:url(//cdn.shopify.com/s/files/1/0383/0669/t/5/assets/icons.svg?3773685480569688834) 0 -400px no-repeat
}
.site-footer .payment-icons li.mastercard{
    margin:0 0 0 6px;
    background-position:0 -500px
}
@media screen and (min-width:990px){
    .site-footer .payment-icons{
        float:right;
        margin:0 0 0 30px;
        text-align:left
    }
}
.products-list-outer{
    overflow:hidden
}
.products-list .h2,.products-list h2,.products-list-small .h2,.products-list-small h2{
    font-size:1.125em;
    margin:0;
    color:#666
}
.products-list .h2 a:focus,.products-list .h2 a:hover,.products-list h2 a:focus,.products-list h2 a:hover,.products-list-small .h2 a:focus,.products-list-small .h2 a:hover,.products-list-small h2 a:focus,.products-list-small h2 a:hover{
    color:#333
}
.products-list .extra-info,.products-list .price,.products-list-small .extra-info,.products-list-small .price{
    color:#999
}
.products-list .price,.products-list-small .price{
    margin-bottom:7px
}
.products-list .extra-info,.products-list-small .extra-info{
    margin-bottom:0
}
.products-list .grid__item:nth-child(n+2){
    margin-top:25px;
    padding-top:30px;
    border-top:1px solid #f69522
}
@media screen and (min-width:481px){
    .products-list .grid__item:nth-child(2){
        margin-top:0;
        padding-top:0;
        border:0
    }
}
@media screen and (min-width:769px){
    .products-list.small-images .grid__item:nth-child(3){
        margin-top:0;
        padding-top:0;
        border:0
    }
}
.products-list.no-padding .choice{
    overflow:hidden;
    padding-top:0;
    padding-left:0;
    padding-right:0
}
.grid__image{
    display:block;
    margin:0 auto 15px
}
.grid__image img{
    margin:0 auto
}
.sidebar__links li{
    margin-bottom:.5em
}
.sidebar__links a{
    display:block
}
.cabinets .has-description .section-header .h1,.cabinets .has-description .section-header h1,.extras .has-description .section-header .h1,.extras .has-description .section-header h1,.kitchenettes .has-description .section-header .h1,.kitchenettes .has-description .section-header h1,.kitchens .has-description .section-header .h1,.kitchens .has-description .section-header h1{
    margin-bottom:25px
}
.cabinets .has-description .products-list-outer,.extras .has-description .products-list-outer,.kitchenettes .has-description .products-list-outer,.kitchens .has-description .products-list-outer{
    padding-top:30px;
    border-top:1px solid #f69522
}
.kitchens .has-description .section-header,.wardrobes .section-header{
    display:block;
    margin-bottom:0
}
.kitchens .has-description .photos-col,.wardrobes .photos-col{
    margin-bottom:15px
}
.cabinets .has-description .rte--header,.extras .has-description .rte--header,.kitchenettes .has-description .rte--header,.kitchens .has-description .rte--header,.wardrobes .rte--header{
    margin:0
}
.cabinets .has-description .section-header,.extras .has-description .section-header,.kitchenettes .has-description .section-header{
    display:block;
    margin-bottom:0
}
.cabinets .rte--header,.extras .rte--header,.kitchenettes .rte--header{
    padding-bottom:15px
}
.kitchen-planner-description,.wardrobe-planner-description,.wardrobes .wardrobe-option{
    padding:30px 0;
    border-top:1px solid #f69522
}
.kitchen-planner-description .h2,.kitchen-planner-description h2,.wardrobe-planner-description .h2,.wardrobe-planner-description h2{
    margin:0 0 20px
}
.kitchen-planner-description .cta,.wardrobe-planner-description .cta{
    margin:20px 0 0
}
@media screen and (max-width:768px){
    .kitchen-planner-description .image,.wardrobe-planner-description .image{
        margin-top:30px
    }
}
.kitchen-planner-description .image a,.wardrobe-planner-description .image a{
    display:block
}
.wardrobes .wardrobe-option .h2,.wardrobes .wardrobe-option h2{
    margin:0 0 20px
}
.wardrobes .wardrobe-option .cta{
    margin:20px 0 5px
}
@media screen and (max-width:768px){
    .wardrobes .wardrobe-option .image{
        margin-top:30px
    }
}
.wardrobes .wardrobe-option .image a{
    display:block
}
.wardrobes .wardrobe-option .products-list-outer{
    margin-top:30px
}
.wardrobes .products-list .h3,.wardrobes .products-list h3{
    font-size:1.125em;
    margin:0;
    color:#666
}
.wardrobes .products-list .h3 a,.wardrobes .products-list h3 a{
    color:#666
}
.wardrobes .products-list .h3 a:focus,.wardrobes .products-list .h3 a:hover,.wardrobes .products-list h3 a:focus,.wardrobes .products-list h3 a:hover{
    color:#333
}
.wardrobes .create-your-own{
    padding-bottom:0
}
.wardrobe-order-form table.ajax-order-form{
    table-layout:fixed;
    width:100%
}
.wardrobe-order-form table.ajax-order-form .h2,.wardrobe-order-form table.ajax-order-form h2{
    font-size:1.25em;
    color:#666
}
.wardrobe-order-form table.ajax-order-form .h2 a,.wardrobe-order-form table.ajax-order-form h2 a{
    color:#666
}
.wardrobe-order-form table.ajax-order-form p{
    margin:0;
    font-size:.9375em
}
@media screen and (max-width:599px){
    .wardrobe-order-form table.ajax-order-form p{
        margin:8px 0 0;
        line-height:1.3
    }
    .wardrobe-order-form table.ajax-order-form p:first-child{
        margin:0
    }
    .wardrobe-order-form table.ajax-order-form p strong{
        display:block
    }
}
.wardrobe-order-form table.ajax-order-form p strong{
    font-size:.8em;
    font-weight:600;
    text-transform:uppercase;
    color:#999
}
.wardrobe-order-form table.ajax-order-form td{
    vertical-align:middle
}
.wardrobe-order-form table.ajax-order-form td.col-info,.wardrobe-order-form table.ajax-order-form td.col-price,.wardrobe-order-form table.ajax-order-form td.col-qty{
    width:33.33%
}
.wardrobe-order-form table.ajax-order-form td.col-price{
    text-align:center
}
.wardrobe-order-form table.ajax-order-form .item-qty{
    margin:0;
    text-align:center
}
.wardrobe-order-form .order-form__add-to-cart{
    float:right;
    min-width:33.33%;
    margin:30px 0 0
}
.benchtops .section-header{
    margin-bottom:0
}
.benchtops .rte--header{
    margin:0
}
@media screen and (max-width:768px){
    .benchtops .video-wrapper{
        margin-bottom:23px
    }
}
.benchtops .benchtop-option{
    padding:30px 0;
    border-top:1px solid #f69522
}
.benchtops .benchtop-option .h2,.benchtops .benchtop-option h2{
    margin:0 0 20px
}
.benchtops .benchtop-option .cta{
    margin:20px 0 5px
}
@media screen and (max-width:768px){
    .benchtops .benchtop-option .image{
        margin-top:30px
    }
}
.benchtops .benchtop-option .image a{
    display:block
}
.benchtops .benchtop-blanks{
    position:relative;
    padding-bottom:0
}
@media screen and (min-width:769px){
    .benchtops .benchtop-blanks .large--one-third{
        position:relative;
        z-index:10
    }
    .benchtops .benchtop-blanks .cta{
        margin-bottom:35px
    }
    .benchtops .benchtop-blanks .image img{
        position:absolute;
        bottom:0;
        right:0;
        width:65.333%
    }
    .additional-selector-wrapper select,.product-single__variants select,.selector-wrapper select{
        max-width:42%
    }
    .wide-select .additional-selector-wrapper select,.wide-select .product-single__variants select,.wide-select .selector-wrapper select{
        max-width:80%
    }
}
.benchtops .benchtop-colours{
    padding-bottom:0
}
.benchtops .benchtop-colours .h2,.benchtops .benchtop-colours h2{
    margin-bottom:30px
}
.benchtops .products-list .h3,.benchtops .products-list h3{
    font-size:1.125em;
    margin:0;
    color:#666
}
.benchtops .products-list p{
    margin-bottom:0
}
.filter--active{
    font-weight:700
}
.breadcrumb{
    padding:0 0 18px;
    font-size:.875em;
    color:#999
}
.breadcrumb a,.breadcrumb span{
    display:inline-block;
    margin-right:10px
}
.breadcrumb a:first-child,.breadcrumb span:first-child{
    padding-left:0
}
.breadcrumb span:last-child{
    margin-right:0
}
.breadcrumb a{
    font-weight:600;
    color:#999
}
.breadcrumb a:focus,.breadcrumb a:hover{
    color:#666
}
.product-single__variants{
    display:none
}
.no-js .product-single__variants,.product-single .product-price{
    display:block
}
.fixed-option{
    margin-bottom:10px
}
.product-single__photos{
    margin:10px 0 0
}
@media screen and (max-width:768px){
    .product-single__photos-col{
        margin-bottom:30px
    }
}
.product-single__photos a,.product-single__photos img,.product-single__thumbnails a,.product-single__thumbnails img{
    margin:0 auto
}
.product-single__thumbnails li{
    margin:15px 0 0
}
.product-single .ajaxcart__qty,.product-single .js-qty{
    margin-bottom:30px
}
.product-single__order-form,.product-single__upsells{
    overflow:hidden;
    margin:0 0 30px;
    border:1px solid #f69522;
    border-radius:5px
}
.product-single__order-form.cols-1,.product-single__upsells.cols-1{
    overflow:visible;
    border:0;
    border-radius:0
}
@media screen and (min-width:480px){
    .product-single__order-form.cols-1 .tabs,.product-single__upsells.cols-1 .tabs{
        max-width:40%
    }
    .product-single__order-form.cols-1 .tabs li.selected,.product-single__upsells.cols-1 .tabs li.selected{
        border-bottom:0
    }
}
.product-single__order-form.cols-1 .tabs li,.product-single__upsells.cols-1 .tabs li{
    overflow:hidden;
    width:100%;
    border:1px solid #f69522;
    border-radius:5px
}
.product-single__order-form.cols-1 .tabs li.selected,.product-single__upsells.cols-1 .tabs li.selected{
    border-radius:5px 5px 0 0
}
.product-single__order-form.cols-1 .content.shown,.product-single__upsells.cols-1 .content.shown{
    border:1px solid #f69522;
    border-radius:0 0 5px 5px
}
.product-single__order-form li,.product-single__order-form ul,.product-single__upsells li,.product-single__upsells ul{
    margin:0
}
.product-single__order-form .tabs li,.product-single__upsells .tabs li{
    display:inline-block;
    vertical-align:middle;
    width:33.33%;
    font-size:.875em;
    font-weight:600;
    line-height:1.1;
    text-align:center
}
.product-single__order-form .tabs li:first-child a,.product-single__upsells .tabs li:first-child a{
    border-left:0
}
.product-single__order-form .tabs li.selected a,.product-single__upsells .tabs li.selected a{
    position:relative;
    z-index:20
}
.product-single__order-form .tabs a,.product-single__upsells .tabs a{
    display:block;
    min-height:100px;
    padding:15px 10px;
    background:#FFF;
    border-left:1px solid #f69522;
    color:#999
}
.product-single__order-form .tabs a:focus,.product-single__order-form .tabs a:hover,.product-single__upsells .tabs a:focus,.product-single__upsells .tabs a:hover{
    color:#666
}
.product-single__order-form .tabs img,.product-single__upsells .tabs img{
    margin:10px auto 0;
    font-size:.75em;
    font-weight:400
}
.product-single__order-form .content,.product-single__upsells .content{
    position:relative;
    width:100%;
    display:none
}
.product-single__order-form .content li,.product-single__upsells .content li{
    display:none
}
.product-single__order-form .content li.selected,.product-single__upsells .content li.selected{
    display:block
}
.product-single__order-form .content.shown,.product-single__upsells .content.shown{
    display:block;
    margin:-1px 0 0;
    padding:0 0 15px;
    border-top:1px solid #f69522
}
.product-single__order-form .content .form-item,.product-single__order-form .content .upsell-item,.product-single__upsells .content .form-item,.product-single__upsells .content .upsell-item{
    display:table;
    table-layout:fixed;
    width:100%;
    margin:15px 0 0
}
.product-single__order-form .content .eight-twelfths,.product-single__order-form .content .four-sixths,.product-single__order-form .content .four-twelfths,.product-single__order-form .content .one-third,.product-single__order-form .content .two-sixths,.product-single__order-form .content .two-thirds,.product-single__upsells .content .eight-twelfths,.product-single__upsells .content .four-sixths,.product-single__upsells .content .four-twelfths,.product-single__upsells .content .one-third,.product-single__upsells .content .two-sixths,.product-single__upsells .content .two-thirds{
    float:none;
    display:table-cell;
    vertical-align:middle
}
.product-single__order-form .content .grid__image,.product-single__upsells .content .grid__image{
    margin:0;
    padding:0 15px
}
.product-single__order-form .content .product-info,.product-single__upsells .content .product-info{
    padding:0 15px 0 0;
    font-size:.875em
}
@media screen and (min-width:989px){
    .product-single__order-form .content .product-info,.product-single__upsells .content .product-info{
        font-size:1em
    }
}
@media screen and (min-width:480px) and (max-width:768px){
    .product-single__order-form .content .product-info,.product-single__upsells .content .product-info{
        font-size:1em
    }
}
.product-single__order-form .content .h3,.product-single__order-form .content h3,.product-single__upsells .content .h3,.product-single__upsells .content h3{
    margin:0;
    font-size:1em;
    font-weight:600;
    line-height:1.2
}
.product-single__order-form .content .price,.product-single__upsells .content .price{
    margin:0;
    color:#666
}
.product-single__order-form .content .close-btn,.product-single__upsells .content .close-btn{
    position:absolute;
    right:-6px;
    bottom:-6px;
    display:block;
    width:54px;
    margin:0;
    padding:15px;
    font-size:1.5em;
    line-height:1;
    text-align:center;
    color:#999
}
.cart__date-required .option-calendar,.cart__row{
    position:relative
}
.product-single__order-form .content .close-btn:focus,.product-single__order-form .content .close-btn:hover,.product-single__upsells .content .close-btn:focus,.product-single__upsells .content .close-btn:hover{
    color:#666
}
@media screen and (min-width:480px){
    .product-single__order-form.cols-1 .content.shown,.product-single__upsells.cols-1 .content.shown{
        border-radius:0 5px 5px;
        margin-top:0
    }
}
.product-single__upsells .content .no-products{
    display:none;
    margin:15px 15px 0
}
.product-single__upsells .content .no-products.shown{
    display:block!important
}
.product-single__upsells .content button{
    float:right;
    display:block;
    width:75px;
    margin:0 0 0 15px;
    font-weight:700
}
.product-single__upsells .content button.selected{
    background:#00b1d3
}
.product-single__upsells.cols-2 .tabs li{
    width:50%
}
.product-single__order-form .content .product-info{
    display:table;
    width:100%
}
.product-single__order-form .content .inner,.product-single__order-form .content .product-qty{
    display:table-cell;
    vertical-align:middle
}
.product-single__order-form .content .product-qty{
    padding-left:15px
}
.product-single__order-form .content .ajaxcart__qty,.product-single__order-form .content .js-qty{
    float:right;
    display:block;
    margin:0
}
.product-single__order-form .content .additional-info,.product-single__order-form .content .size{
    margin:3px 0 0;
    font-size:.875em;
    color:#999
}
.product-single__note{
    margin-bottom:30px
}
.videos-list-outer{
    overflow:hidden
}
.videos-list .h2,.videos-list h2{
    margin-bottom:15px
}
.videos-list .rte{
    margin-bottom:25px
}
.videos-list .grid__item:nth-child(n+2){
    margin-top:25px;
    padding-top:30px;
    border-top:1px solid #f69522
}
@media screen and (min-width:481px){
    .videos-list .grid__item:nth-child(2){
        margin-top:0;
        padding-top:0;
        border:0
    }
}
.comment{
    margin-bottom:30px
}
.comment+.comment{
    border-top:1px solid #f69522;
    padding-top:30px
}
.errors,.note{
    border-radius:5px;
    padding:6px 12px;
    margin-bottom:15px;
    border:1px solid transparent;
    font-size:.9em;
    text-align:left
}
.errors ol,.errors ul,.note ol,.note ul{
    margin-top:0;
    margin-bottom:0
}
.errors li:last-child,.note li:last-child{
    margin-bottom:0
}
.errors p,.note p{
    margin-bottom:0;
    padding:0
}
.note{
    border-color:#dbdbdb
}
.errors ul{
    list-style:disc;
    margin-left:20px
}
.form-success{
    color:#56ad6a;
    background-color:#ecfef0;
    border-color:#56ad6a
}
.form-success a{
    color:#56ad6a;
    text-decoration:underline
}
.form-success a:hover{
    text-decoration:none
}
.errors,.form-error{
    color:#d02e2e;
    background-color:#fff6f6;
    border-color:#d02e2e
}
.errors a,.form-error a{
    color:#d02e2e;
    text-decoration:underline
}
.errors a:hover,.form-error a:hover{
    text-decoration:none
}
.template-cart .main-content{
    padding-bottom:30px
}
.cart__row{
    margin-top:30px;
    padding-top:30px;
    border-top:1px solid #f69522
}
.cart__product-details p,.cart__row .ajaxcart__qty,.cart__row .js-qty{
    margin:0
}
.cart__row:first-child{
    margin-top:0;
    padding-top:0;
    border-top:0 none
}
@media screen and (min-width:769px){
    .cart__row--table-large{
        display:table;
        table-layout:fixed;
        width:100%
    }
    .cart__row--table-large .grid__item{
        display:table-cell;
        vertical-align:middle;
        float:none
    }
    .cart__row--table-large .cart__info{
        padding-right:15px
    }
}
.cart__image{
    display:block;
    max-width:240px
}
.cart__product-details{
    font-size:.9375em
}
.cart__product-details strong{
    font-size:.8em;
    font-weight:600;
    text-transform:uppercase;
    color:#999
}
.cart__subtotal{
    margin:0 0 0 10px;
    display:inline;
    white-space:nowrap
}
.cart__mini-labels{
    display:block;
    margin:10px 0;
    font-size:.75em
}
@media screen and (min-width:769px){
    .cart__mini-labels{
        display:none
    }
}
.cart__remove{
    margin:2px 0 0;
    font-size:.8125em
}
.cart__note{
    font-size:.86667em;
    font-style:italic;
    line-height:1.2;
    color:#999
}
p.cart__note{
    margin:4px 0
}
.cart__terms{
    margin-bottom:25px;
    font-size:.875em;
    color:#666
}
.cart__terms a{
    color:#666;
    text-decoration:underline
}
.cart__check-order{
    margin-bottom:30px;
    color:#666
}
.cart__date-required{
    margin-bottom:30px;
    padding:25px;
    background:#f2f2f2;
    border:1px solid #f69522;
    border-radius:5px
}
.cart__date-required .errors{
    display:none
}
.cart__date-required .errors.shown{
    display:block
}
.cart__date-required label.inline{
    margin:0;
    font-size:.875em
}
.cart__date-required .date-text{
    display:inline-block;
    vertical-align:bottom
}
.cart__date-required .icon-calendar{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 4px -3px 0;
    background:url(//cdn.shopify.com/s/files/1/0383/0669/t/5/assets/icons.svg?3773685480569688834) 0 -1800px no-repeat;
    vertical-align:baseline
}
.cart__date-required input#date-required-calendar{
    position:absolute;
    top:50%;
    left:0;
    width:1px;
    height:30px;
    margin:-15px 0 0;
    padding:0;
    background:0 0;
    border:0
}
.ui-datepicker{
    font-family:inherit;
    font-size:1em
}
@media screen and (min-width:769px){
    .cart__special-instructions{
        margin-bottom:0
    }
}
.shipping-calculator{
    margin:35px 0 0;
    padding:30px 0 0;
    border-top:1px solid #f69522
}
.shipping-calculator .form-error,.shipping-calculator .shipping-rates,.shipping-calculator .wrapper-response{
    display:none
}
.contact-us .contact-form,.shipping-calculator .form-error.shown,.shipping-calculator .shipping-rates.shown{
    display:block
}
.shipping-calculator .postcode-input{
    margin:0
}
.shipping-calculator .note,.shipping-calculator .shipping-rates{
    margin:30px 0 20px
}
.shipping-calculator .shipping-rates{
    font-size:.875em;
    color:#666;
    background:#FAFAFA;
    border:1px solid #f69522;
    border-radius:5px
}
.shipping-calculator .shipping-rates li{
    position:relative;
    margin:0;
    padding:1.25em 7.25em 1.25em 1.25em;
    border-top:1px solid #f69522
}
.shipping-calculator .shipping-rates li:first-child{
    border:0
}
.shipping-calculator .price{
    position:absolute;
    top:1.25em;
    right:1.25em;
    display:block;
    color:#333
}
.shipping-calculator .postcode-help{
    margin:15px 0 0
}
@media screen and (max-width:768px){
    .homepage__intro{
        margin-bottom:0!important
    }
}
.homepage-collections .video-wrapper{
    margin-bottom:8px
}
@media screen and (max-width:768px){
    .homepage-collections .grid__item{
        margin-bottom:30px
    }
    .homepage-collections hr{
        margin-top:0
    }
    .homepage-collections .h2,.homepage-collections h2{
        text-align:center
    }
}
.homepage-collections .grid__image{
    margin-bottom:20px
}
.homepage-collections .h1,.homepage-collections h1{
    font-size:1.75em;
    line-height:1.2;
    padding-top:.14286em;
    padding-bottom:.14286em
}
.homepage-collections .h2,.homepage-collections h2{
    margin-bottom:.25em;
    font-size:1.25em;
    font-weight:600;
    color:#00b1d3
}
.homepage-collections .h2 a,.homepage-collections h2 a{
    color:#00b1d3
}
@media screen and (max-width:768px){
    .homepage__news:first-child{
        margin-bottom:20px
    }
}
.homepage__testimonials-grid .h4,.homepage__testimonials-grid h4{
    margin-bottom:15px
}
@media screen and (max-width:768px){
    .homepage__testimonials-grid .testimonial-item:first-child{
        margin-bottom:20px
    }
}
.homepage__testimonials-row{
    margin-bottom:20px
}
.testimonials-grid .testimonial-item{
    position:relative;
    margin-top:30px;
    padding:30px 0 0 60px;
    border-top:1px solid #f69522
}
.testimonials-grid .testimonial-item:after{
    position:absolute;
    top:33px;
    left:0;
    content:'\201C';
    font-family:Helvetica,Arial,sans-serif;
    font-size:5em;
    line-height:1;
    color:#00b1d3
}
.testimonials-grid .testimonial-item .h4,.testimonials-grid .testimonial-item h4{
    margin-bottom:15px
}
.testimonials-grid .testimonial-item.first{
    margin-top:0;
    padding-top:0;
    border-top:0
}
.testimonials-grid .testimonial-item.first:after{
    top:3px
}
.photos-col{
    margin-top:8px
}
.photos-col img{
    margin:30px 0 0
}
.photos-col img:first-child{
    margin:0
}
.caption{
    margin:3px 0 0;
    font-size:.75em;
    font-style:italic;
    color:#999
}
.contact-us .rte .h2,.contact-us .rte h2{
    max-width:420px;
    font-size:1.125em
}
.contact-us .rte p{
    margin:0
}
.google-map{
    height:260px;
    margin:0 0 30px;
    border:1px solid #f69522;
    border-radius:5px
}
.google-map img{
    max-width:none
}
.delivery-areas{
    margin:8px 0 15px
}
.local-delivery{
    margin-right:25px
}
.local-delivery,.local-outer-delivery{
    display:inline-block;
    white-space:nowrap
}
.special-panel-form .form-error{
    display:none;
    margin:0 0 30px
}
.special-panel-form .form-error.shown{
    display:block
}
.special-panel-form .diagram{
    position:relative;
    display:inline-block;
    max-width:100%;
    min-height:100px;
    margin:0 0 30px
}
@media screen and (max-width:599px){
    .special-panel-form .diagram{
        padding:48px 0 20px
    }
}
@media screen and (max-width:480px){
    .delivery-areas{
        height:240px
    }
    .special-panel-form .diagram{
        padding-top:58px
    }
}
.special-panel-form .diagram img{
    display:none
}
.special-panel-form .diagram img.shown{
    display:block
}
.special-panel-form .diagram .user-input{
    position:absolute;
    white-space:nowrap
}
@media screen and (max-width:989px){
    .special-panel-form .diagram .user-input{
        font-size:.875em
    }
}
.special-panel-form .diagram input[type=number]{
    display:inline-block;
    width:54px;
    height:32px;
    margin:0 6px 0 0;
    padding:0;
    text-align:center;
    vertical-align:baseline
}
@media screen and (max-width:989px){
    .special-panel-form .diagram input[type=number]{
        width:46px;
        height:28px
    }
}
.special-panel-form .diagram p.radio{
    margin:0;
    line-height:1.4
}
.special-panel-form .diagram input[type=radio]+label{
    display:inline-block;
    margin:0;
    padding:0 0 0 2px
}
.special-panel-form .diagram .panel-length{
    top:6%;
    right:70%
}
@media screen and (max-width:599px){
    .special-panel-form .diagram .user-input{
        font-size:.75em
    }
    .special-panel-form .diagram .panel-length{
        top:0;
        left:19%;
        right:auto
    }
}
.special-panel-form .diagram .panel-width{
    top:6%;
    left:78%
}
@media screen and (max-width:599px){
    .special-panel-form .diagram .panel-width{
        top:0;
        left:auto;
        right:18%
    }
}
.special-panel-form .diagram .edging-left{
    top:6%;
    right:85%
}
@media screen and (max-width:599px){
    .special-panel-form .diagram .edging-left{
        top:0;
        left:0;
        right:auto
    }
}
.special-panel-form .diagram .edging-top{
    top:6%;
    left:93%
}
@media screen and (max-width:599px){
    .special-panel-form .diagram .edging-top{
        top:0;
        left:auto;
        right:0
    }
}
.special-panel-form .diagram .edging-bottom{
    top:76%;
    right:81%
}
.special-panel-form .diagram .edging-right{
    top:76%;
    left:75%
}
.special-panel-form .additional-selector-wrapper{
    margin-bottom:25px
}
.special-panel-form .additional-selector-wrapper.hidden{
    display:none
}
.special-panel-form .additional-selector-wrapper select{
    max-width:810px
}
.kitchen-planner .draggable-product img,.kitchen-planner .product-options .additional-selector-wrapper select,.kitchen-planner .product-options .selector-wrapper select,.laundry-planner .draggable-product img,.laundry-planner .product-options .additional-selector-wrapper select,.laundry-planner .product-options .selector-wrapper select,.wardrobe-planner .draggable-product img,.wardrobe-planner .product-options .additional-selector-wrapper select,.wardrobe-planner .product-options .selector-wrapper select{
    max-width:100%
}
.benchtop-planner .form-error{
    display:none;
    margin:22px 0 30px
}
.benchtop-planner .form-error.shown{
    display:block
}
.benchtop-planner .section-header{
    margin-bottom:15px
}
.benchtop-planner .section-header .h1,.benchtop-planner .section-header h1{
    margin-bottom:0
}
@media screen and (min-width:769px) and (max-width:989px){
    .benchtop-planner .main-planner,.benchtop-planner .sidebar{
        width:100%
    }
}
.benchtop-planner .progress{
    border:1px solid #f69522;
    border-radius:5px
}
@media screen and (max-width:989px){
    .benchtop-planner .progress{
        margin-top:30px
    }
}
.benchtop-planner .progress .price-info{
    display:none;
    padding:15px;
    border-bottom:1px solid #f69522
}
.benchtop-planner .progress .price-info.shown{
    display:block
}
.benchtop-planner .progress .price-info .h3,.benchtop-planner .progress .price-info h3{
    margin-bottom:3px
}
.benchtop-planner .progress .current-price,.benchtop-planner .progress .final-price{
    display:none
}
.benchtop-planner .progress .current-price.shown,.benchtop-planner .progress .final-price.shown{
    display:block
}
.benchtop-planner .progress p.price{
    margin:0;
    font-size:1.25em;
    color:#666
}
.benchtop-planner .progress .progress-info{
    padding:15px
}
.benchtop-planner .progress ol{
    margin-bottom:0;
    font-size:.875em;
    color:#ccc
}
.benchtop-planner .progress li{
    margin-bottom:0
}
.benchtop-planner .progress li:first-child a{
    padding-top:0
}
.benchtop-planner .progress li.if-join{
    display:none
}
.benchtop-planner .progress li.if-join.shown{
    display:list-item
}
.benchtop-planner .progress a{
    display:block;
    padding-top:.25em;
    color:#ccc;
    cursor:not-allowed
}
.benchtop-planner .progress a:focus,.benchtop-planner .progress a:hover{
    color:#ccc
}
.benchtop-planner .progress .available{
    color:#999
}
.benchtop-planner .progress .available a{
    color:#999;
    cursor:pointer
}
.benchtop-planner .progress .available a:focus,.benchtop-planner .progress .available a:hover{
    color:#666
}
.benchtop-planner .progress .current{
    font-weight:600;
    color:#666
}
.benchtop-planner .progress .current a{
    color:#666;
    cursor:default
}
.benchtop-planner .benchtop-pieces,.benchtop-planner .if-l,.benchtop-planner .if-l-any,.benchtop-planner .if-l-bb,.benchtop-planner .if-l-bb-l,.benchtop-planner .if-l-bb-r,.benchtop-planner .if-l-join-l-forced,.benchtop-planner .if-l-join-r-forced,.benchtop-planner .if-straight,.benchtop-planner .if-straight-any,.benchtop-planner .if-straight-bb,.benchtop-planner .if-u,.benchtop-planner .if-g,.benchtop-planner .if-gr,.benchtop-planner .if-u-any,.benchtop-planner .if-u-bb,.benchtop-planner .if-u-bb-l,.benchtop-planner .if-u-bb-r,.benchtop-planner .step,.benchtop-planner .unless-straight-bb{
    display:none
}
.benchtop-planner .benchtop-pieces.shown,.benchtop-planner .if-l-any.shown,.benchtop-planner .if-l-bb-l.shown,.benchtop-planner .if-l-bb-r.shown,.benchtop-planner .if-l-bb.shown,.benchtop-planner .if-l-join-l-forced.shown,.benchtop-planner .if-l-join-r-forced.shown,.benchtop-planner .if-l.shown,.benchtop-planner .if-straight-any.shown,.benchtop-planner .if-straight-bb.shown,.benchtop-planner .if-straight.shown,.benchtop-planner .if-u-any.shown,.benchtop-planner .if-u-bb-l.shown,.benchtop-planner .if-u-bb-r.shown,.benchtop-planner .if-u-bb.shown,.benchtop-planner .if-u.shown,.benchtop-planner .if-g.shown,.benchtop-planner .if-gr.shown,.benchtop-planner .step.shown,.benchtop-planner .unless-straight-bb.shown{
    display:block;
	margin-bottom:20px;
}
.benchtop-planner .products-list{
    margin-top:30px;
    margin-bottom:30px
}
.benchtop-planner .products-list .h3,.benchtop-planner .products-list h3{
    margin:0;
    font-size:1em;
    font-weight:600;
	text-transform: none;
    color: #11a3ba;
}
.benchtop-planner .grid__item{
    margin-top:0!important;
    border-top:0!important
}
.benchtop-planner .grid__image{
    margin-bottom:0
}
.benchtop-planner .choice{
    padding:8px 8px 15px;
    border:1px solid #f69522;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
    transition:border-color .2s ease-out
}
.benchtop-planner .choice:focus,.benchtop-planner .choice:hover{
    border-color:#999
}
.benchtop-planner .choice.selected{
    margin:-1px;
    border-width:2px;
    border-color:#00b1d3
}
.benchtop-planner .choice-desc{
    margin:13px 0 0;
    font-size:.875em
}
.benchtop-planner .diagram{
    position:relative;
    display:inline-block;
    max-width:100%;
    min-height:100px;
    margin:0 0 23px
}
.benchtop-planner .diagram .user-input{
    position:absolute;
    white-space:nowrap
}
.benchtop-planner .diagram input[type=number]{
    display:inline-block;
    width:54px;
    height:32px;
    margin:0 6px 0 0;
    padding:0;
    text-align:center;
    vertical-align:baseline
}
.benchtop-planner .diagram p.radio{
    margin:0;
    padding:0;
    line-height:1.4
}
.benchtop-planner .diagram input[type=radio]+label{
    display:inline-block;
    margin:0;
    padding:0 0 0 2px
}
.benchtop-planner .diagram .static-value{
    position:absolute;
    left:0;
    margin:-13px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram input[type=number]{
        width:46px;
        height:28px
    }
    .benchtop-planner .diagram .static-value{
        margin-top:-11px
    }
    .benchtop-planner .diagram .static-value,.benchtop-planner .diagram .user-input{
        font-size:.875em
    }
}
.benchtop-planner .diagram .straight-length{
    top:28%;
    left:43%;
    margin:-32px 0 0 -90px
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .straight-length{
        margin:-28px 0 0 -78px
    }
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .straight-length{
        top:38%
    }
}
.benchtop-planner .diagram .straight-depth{
    top:-30px;
    right:0
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .straight-depth{
        top:21%;
        margin:-28px 0 0
    }
}
.benchtop-planner .diagram .straight-height{
    top:72%
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .straight-height{
        top:76%
    }
}
.benchtop-planner .diagram .l-left-length{
    top:28%;
    left:30%;
    margin:-32px 0 0 -90px
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .l-left-length{
        margin:-28px 0 0 -78px
    }
}
.benchtop-planner .diagram .l-left-depth{
    bottom:-8%;
    left:8%
}
.benchtop-planner .diagram .l-right-length{
    top:28%;
    left:74%;
    margin:-32px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .l-right-length{
        margin:-28px 0 0
    }
}
.benchtop-planner .diagram .l-right-depth{
    bottom:-10%;
    right:3%
}
.benchtop-planner .diagram .l-height{
    top:70.3%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .l-height{
        top:72.5%;
        margin-top:-38px
    }
}
.benchtop-planner .diagram .l-bb-l-left-depth{
    bottom:0;
    left:3%
}
.benchtop-planner .diagram .l-bb-r-right-depth{
    bottom:0
}
.benchtop-planner .diagram .u-left-length{
    top:20%;
    left:27%;
    margin:-32px 0 0 -90px
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .u-left-length{
        margin:-28px 0 0 -78px
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-left-length{
        left:32%;
        margin:-22px 0 0 -68px
    }
}
.benchtop-planner .diagram .u-left-depth{
    bottom:26%;
    left:7%
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-left-depth{
        bottom:32%;
        left:9%
    }
}
.benchtop-planner .diagram .u-centre-length{
    top:9%;
    left:62%;
    margin:-32px 0 0
}
.benchtop-planner .diagram .g-centre-length{
    top:9%;
    left:62%;
    margin:-32px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .u-centre-length{
        margin:-28px 0 0
    }
	.benchtop-planner .diagram .g-centre-length{
        margin:-28px 0 0
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-centre-length{
        top:10%;
        left:59%;
        margin:-22px 0 0
    }
	.benchtop-planner .diagram .g-centre-length{
        top:10%;
        left:59%;
        margin:-22px 0 0
    }
}
.benchtop-planner .diagram .u-centre-depth{
    top:44%;
    left:64%;
    margin:-32px 0 0;
    color:#000
}
@media screen and (max-width:989px){
    .benchtop-planner .diagram .u-centre-depth{
        margin:-28px 0 0
    }
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .u-centre-depth{
        top:47%;
        left:auto;
        right:20%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-centre-depth{
        top:45%;
        left:auto;
        right:27%;
        margin:-22px 0 0;
        text-align:center
    }
    .benchtop-planner .diagram .u-centre-depth input[type=number]{
        display:block;
        margin:0
    }
}
.benchtop-planner .diagram.light-colour .u-centre-depth{
    color:#333
}
.benchtop-planner .diagram .u-right-length{
    bottom:12%;
    right:13%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .u-right-length{
        bottom:19%;
        right:10%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-right-length{
        bottom:22%;
        right:7%
    }
}
.benchtop-planner .diagram .u-right-depth{
    bottom:-8%;
    right:54%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .u-right-depth{
        bottom:5%;
        right:55%
    }
}
.benchtop-planner .diagram .u-height{
    top:47.2%
}
.benchtop-planner .diagram .g-height{
    top:51.3%;
}
.benchtop-planner .diagram .gr-height {
    top: 39.3%;
    left: 11%;
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-right-depth{
        bottom:6%;
        right:46%
    }
    .benchtop-planner .diagram .u-height{
        left:2%
    }
	.benchtop-planner .diagram .g-height{
        left:2%
    }
	.benchtop-planner .diagram .gr-height{
        left:2%
    }
}
.benchtop-planner .diagram .u-bb-l-left-depth{
    bottom:32%;
    left:3%
}
.benchtop-planner .diagram .u-bb-r-right-depth{
    bottom:-2%;
    right:57%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .u-height{
        top:46%;
        margin-top:-21px
    }
	.benchtop-planner .diagram .g-height{
        top:56%;
        margin-top:-21px
    }
	.benchtop-planner .diagram .gr-height{
        top:37%;
        margin-top:0px
    }
    .benchtop-planner .diagram .u-bb-r-right-depth{
        bottom:5%;
        right:55%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .diagram .u-bb-r-right-depth{
        right:52%
    }
    .benchtop-planner .step-2 .diagram-u .static-value,.benchtop-planner .step-2 .diagram-u .user-input,.benchtop-planner .step-4 .if-u-any .diagram .static-value,.benchtop-planner .step-4 .if-u-any .diagram .user-input{
        font-size:.75em
    }
}
.benchtop-planner .diagram .straight-finishing-left{
    bottom:0;
    left:0
}
.benchtop-planner .diagram .straight-finishing-right{
    top:1%;
    right:0
}
.benchtop-planner .diagram .straight-finishing-back{
    top:31%;
    left:32%
}
.benchtop-planner .diagram .straight-finishing-back-rolled{
    top:31%;
    left:28%
}
.benchtop-planner .diagram .l-finishing-left{
    bottom:0;
    left:0
}
.benchtop-planner .diagram .l-finishing-right{
    bottom:0;
    right:0
}
.benchtop-planner .diagram .l-finishing-back-left{
    top:28%;
    left:22%
}
.benchtop-planner .diagram .l-finishing-back-right{
    top:28%;
    left:auto;
    right:22%
}
.benchtop-planner .diagram .l-finishing-back-left-rolled{
    top:28%;
    left:19%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .l-finishing-back-left-rolled{
        left:13%
    }
}
.benchtop-planner .diagram .l-finishing-back-right-rolled{
    top:28%;
    left:auto;
    right:19%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .l-finishing-back-right-rolled{
        right:13%
    }
    .benchtop-planner .diagram .l-finishing-back-left,.benchtop-planner .diagram .l-finishing-back-left-rolled,.benchtop-planner .diagram .l-finishing-back-right,.benchtop-planner .diagram .l-finishing-back-right-rolled{
        top:24%
    }
}
.benchtop-planner .diagram .u-finishing-left{
    bottom:30%;
    left:0
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .u-finishing-left{
        bottom:24%
    }
}
.benchtop-planner .diagram .u-finishing-right{
    bottom:0;
    left:31%
}
.benchtop-planner .diagram .u-finishing-back-left{
    top:22%;
    left:18%
}
.benchtop-planner .diagram .u-finishing-back-centre{
    top:22%;
    left:auto;
    right:23%
}
.benchtop-planner .diagram .u-finishing-back-right{
    top:auto;
    left:auto;
    bottom:18%;
    right:19%
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .u-finishing-back-right{
        bottom:27%
    }
}
.benchtop-planner .diagram .u-finishing-back-left-rolled{
    top:22%;
    left:15%
}
@media screen and (max-width:699px){
    .benchtop-planner .diagram .u-finishing-back-left-rolled{
        left:9%
    }
}
.benchtop-planner .diagram .u-finishing-back-right-rolled{
    top:auto;
    left:auto;
    bottom:18%;
    right:15%
}
.benchtop-planner .step-2 .diagram,.benchtop-planner .step-4 .diagram{
    padding:0 0 0 85px
}
@media screen and (max-width:989px){
    .benchtop-planner .step-2 .diagram,.benchtop-planner .step-4 .diagram{
        padding-left:50px
    }
}
.benchtop-planner .step-2 .diagram-straight,.benchtop-planner .step-4 .if-straight-any .diagram{
    padding-right:21px
}
@media screen and (max-width:599px){
    .benchtop-planner .diagram .u-finishing-back-right-rolled{
        bottom:22%
    }
    .benchtop-planner .step-2 .diagram-straight,.benchtop-planner .step-4 .if-straight-any .diagram{
        padding-top:8%;
        padding-right:50px
    }
}
.benchtop-planner .step-2 .diagram-l,.benchtop-planner .step-2 .diagram-u,.benchtop-planner .step-4 .if-l-any .diagram,.benchtop-planner .step-4 .if-u-any .diagram{
    padding-right:50px
}
@media screen and (max-width:699px){
    .benchtop-planner .step-2 .diagram-l,.benchtop-planner .step-2 .diagram-u,.benchtop-planner .step-4 .if-l-any .diagram,.benchtop-planner .step-4 .if-u-any .diagram{
        padding-top:6px;
        padding-bottom:34px
    }
}
.benchtop-planner .step-4 .h3,.benchtop-planner .step-4 h3{
    margin:5px 0 0
}
.benchtop-planner .step-4 .diagram{
    margin-bottom:40px;
    padding:20px 35px 0 60px
}
.benchtop-planner .step-4 .diagram img{
    display:none
}
.benchtop-planner .step-4 .benchtop-pieces .piece,.benchtop-planner .step-4 .diagram img.shown{
    display:block
}
@media screen and (max-width:599px){
    .benchtop-planner .step-4 .if-straight-any .diagram{
        padding-top:45px;
        padding-bottom:40px
    }
}
.benchtop-planner .step-4 .if-l-any .diagram,.benchtop-planner .step-4 .if-u-any .diagram{
    padding-bottom:18px
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .if-l-any .diagram,.benchtop-planner .step-4 .if-u-any .diagram{
        padding-bottom:45px
    }
}
.benchtop-planner .step-5 .if-l-bb-l,.benchtop-planner .step-5 .if-l-bb-r,.benchtop-planner .step-5 .if-l-join-l-forced,.benchtop-planner .step-5 .if-l-join-r-forced,.benchtop-planner .step-5 .if-straight{
    padding-bottom:15px
}
.benchtop-planner .step-5 .if-u .grid__item{
    clear:none
}
.benchtop-planner .step-6 .grid__image{
    margin-bottom:15px
}
.benchtop-planner .step-6 .colour-note{
    display:block;
    margin:15px 0 0;
    font-size:12px;
    font-style:italic;
    text-align:center;
    line-height:1.2;
    color:#999
}
.benchtop-planner .step-4 .h3,.benchtop-planner .step-4 h3{
    margin-bottom:0;
    font-size:1em;
    line-height:1.6;
    color:#11a3ba
}
.benchtop-planner .step-4 p{
    padding:0;
    text-align:left;
    font-weight:bold;
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .if-l-any .diagram{
        margin-bottom:0
    }
}
.benchtop-planner .step-4 .diagram .straight-length{
    top:26%;
    left:41%;
    margin:-13px 0 0 -66px
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .straight-length{
        margin-top:-11px
    }
}
@media screen and (max-width:599px){
    .benchtop-planner .step-4 .diagram .straight-length{
        top:35%
    }
}
.benchtop-planner .step-4 .diagram .straight-depth{
    top:8%;
    left:auto;
    right:5%
}
@media screen and (max-width:599px){
    .benchtop-planner .step-4 .diagram .straight-depth{
        top:21%;
        right:7%;
        margin:-11px 0 0
    }
}
.benchtop-planner .step-4 .diagram .l-left-length{
    top:25%;
    left:29%;
    margin:-13px 0 0 -66px
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .l-left-length{
        margin-top:-11px
    }
}
@media screen and (max-width:599px){
    .benchtop-planner .step-4 .diagram .l-left-length{
        top:20%;
        left:32%
    }
}
.benchtop-planner .step-4 .diagram .l-left-depth{
    bottom:5%;
    left:7%
}
.benchtop-planner .step-4 .diagram .l-right-length{
    top:25%;
    left:72%;
    margin:-13px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .l-right-length{
        margin-top:-11px
    }
}
@media screen and (max-width:599px){
    .benchtop-planner .step-4 .diagram .l-right-length{
        top:20%;
        left:70%
    }
}
.benchtop-planner .step-4 .diagram .l-right-depth{
    bottom:5%;
    left:auto;
    right:5.5%
}
.benchtop-planner .step-4 .diagram .u-left-length{
    top:17%;
    left:19%;
    margin:-13px 0 0
}
.benchtop-planner .step-4 .diagram .g-left-length{
    top:17%;
    left:19%;
    margin:-13px 0 0
}
.benchtop-planner .step-4 .diagram .gr-left-length{
    top:20%;
    left:22%;
    margin:-13px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .u-left-length{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .g-left-length{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .gr-left-length{
        margin-top:-11px
    }
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .diagram .l-left-depth,.benchtop-planner .step-4 .diagram .l-right-depth{
        bottom:17%
    }
    .benchtop-planner .step-4 .diagram .u-left-length{
        top:15%;
        left:15%
    }
	.benchtop-planner .step-4 .diagram .g-left-length{
        top:25%;
        left:15%
    }
	.benchtop-planner .step-4 .diagram .gr-left-length{
        top:18%;
        left:24%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .step-2 .diagram-u input[type=number]{
        width:40px;
        height:22px
    }
    .benchtop-planner .step-2 .if-u-bb-r .diagram .u-centre-depth{
        overflow:hidden;
        height:22px
    }
    .benchtop-planner .step-4 .diagram .u-left-length{
        top:15%;
        left:14%
    }
	.benchtop-planner .step-4 .diagram .g-left-length{
        top:15%;
        left:14%
    }
   .benchtop-planner .step-4 .diagram .gr-left-length {
		top: 22%;
		left: 21%;
	}
}
.benchtop-planner .step-4 .diagram .u-left-depth{
    bottom:34%;
    left:8%
}
.benchtop-planner .step-4 .diagram .g-left-depth{
    bottom:30%;
    left:6%
}
.benchtop-planner .step-4 .diagram .gr-left-depth {
    bottom: 8%;
    left: 30%;
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .diagram .u-left-depth{
        bottom:35%;
        left:9%
    }
	.benchtop-planner .step-4 .diagram .g-left-depth{
        bottom:35%;
        left:9%
    }
	.benchtop-planner .step-4 .diagram .gr-left-depth{
        bottom:6%;
        left:30%
    }
}
.benchtop-planner .step-4 .diagram .u-centre-length{
    margin:-13px 0 0
}
.benchtop-planner .step-4 .diagram .g-centre-length{
    margin:-13px 0 0
}
.benchtop-planner .step-4 .if-gr-any .diagram .gr-centre-length {
    margin: -13px 0 0;
    right: 22% !important;
    text-align: right;
    top: 20%;
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .u-centre-length{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .g-centre-length{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .gr-centre-length{
        margin-top:-11px
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .step-4 .diagram .u-left-depth{
        bottom:36%;
        left:11%
    }
	.benchtop-planner .step-4 .diagram .g-left-depth{
        bottom:36%;
        left:11%
    }
	.benchtop-planner .step-4 .diagram .gr-left-depth {
		bottom: 3%;
		left: 30%;
     }
    .benchtop-planner .step-4 .diagram .u-centre-length{
        top:7%
    }
	.benchtop-planner .step-4 .diagram .g-centre-length{
        top:7%
    }
	.benchtop-planner .step-4 .diagram .gr-centre-length{
        top:7%
    }
	.benchtop-planner .step-4 .diagram .gr-new-depth {
		position: absolute;
		left: 28%;
		bottom: 32%;
      }
	.benchtop-planner .diagram .gr-height {
		left: 12%;
	}
}
.benchtop-planner .step-4 .diagram .u-centre-depth{
    top:38%;
    left:64.5%;
    margin:-13px 0 0
}
.benchtop-planner .step-4 .diagram .g-centre-depth{
    top:38%;
    left:64.5%;
    margin:-13px 0 0
}
.benchtop-planner .step-4 .diagram .gr-centre-depth{
    top:38%;
    left:64.5%;
    margin:-13px 0 0
}
@media screen and (max-width:989px){
    .benchtop-planner .step-4 .diagram .u-centre-depth{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .g-centre-depth{
        margin-top:-11px
    }
	.benchtop-planner .step-4 .diagram .gr-centre-depth{
        margin-top:-11px
    }
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .diagram .u-centre-depth{
        top:37%;
        left:61%
    }
	.benchtop-planner .step-4 .diagram .g-centre-depth{
        top:37%;
        left:61%
    }
	.benchtop-planner .step-4 .diagram .gr-centre-depth{
        top:37%;
        left:61%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .step-4 .diagram .u-centre-depth{
        top:37%;
        left:auto;
        right:26%;
        text-align:left
    }
	.benchtop-planner .step-4 .diagram .g-centre-depth{
        top:37%;
        left:auto;
        right:26%;
        text-align:left
    }
	.benchtop-planner .step-4 .diagram .gr-centre-depth{
        top:37%;
        left:auto;
        right:26%;
        text-align:left
    }
}
.benchtop-planner .step-4 .diagram .u-right-length{
    bottom:17%;
    left:auto;
    right:14.5%
}
.benchtop-planner .step-4 .diagram .g-right-length{
    bottom:17%;
    left:auto;
    right:14.5%
}
.benchtop-planner .step-4 .diagram .gr-right-length{
    bottom:17%;
    left:auto;
    right:14.5%
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .diagram .u-right-length{
        bottom:24%;
        right:12%
    }
	.benchtop-planner .step-4 .diagram .g-right-length{
        bottom:13%;
        right:12%
    }
	.benchtop-planner .step-4 .diagram .gr-right-length{
        bottom:13%;
        right:17%
    }
}
@media screen and (max-width:480px){
    .benchtop-planner .step-4 .diagram .u-right-length{
        bottom:26%;
        right:13%
    }
	.benchtop-planner .step-4 .diagram .g-right-length{
        bottom:26%;
        right:13%
    }
	.benchtop-planner .step-4 .diagram .gr-right-length{
        bottom:10%;
        right:13%
    }
}
.benchtop-planner .step-4 .diagram .u-right-depth{
    bottom:1%;
    left:auto;
    right:55%
}
.benchtop-planner .step-4 .diagram .g-right-depth{
    bottom:10%;
    left:auto;
    right:38%
}
.benchtop-planner .step-4 .diagram .gr-right-depth{
    bottom:47%;
    left:auto;
    left:15%
}
.benchtop-planner .step-4 .diagram .g-new-depth {
    position: absolute;
    left: 35%;
    bottom: 15%;
}
.benchtop-planner .step-4 .diagram .gr-new-depth {
    position: absolute;
    left: 28%;
    bottom: 38%;
}
@media screen and (max-width:699px){
    .benchtop-planner .step-4 .diagram .u-right-depth{
        bottom:7%;
        right:52%
    }
}
.benchtop-planner .step-4 .action-buttons{
    margin:30px 0 0
}
@media screen and (max-width:480px){
    .benchtop-planner .step-4 .diagram .u-right-depth{
        bottom:12%
    }
	.benchtop-planner .step-4 .diagram .g-right-depth{
        bottom:12%
    }
	.benchtop-planner .step-4 .diagram .gr-right-depth {
		bottom: 42%;
		left: 15%;
}
    .benchtop-planner .step-4 .action-buttons button{
        display:block;
        width:100%
    }
}
.benchtop-planner .step-4 .action-buttons .or{
    display:inline-block;
    margin:0 8px;
    vertical-align:middle;
    text-align:center
}
@media screen and (max-width:480px){
    .benchtop-planner .step-4 .action-buttons .or{
        display:block;
        margin:8px 0
    }
}
.kitchen-planner .form-error,.laundry-planner .form-error,.wardrobe-planner .form-error{
    display:none;
    margin:22px 0 30px
}
.kitchen-planner .form-error.shown,.laundry-planner .form-error.shown,.wardrobe-planner .form-error.shown{
    display:block
}
.kitchen-planner .section-header,.laundry-planner .section-header,.wardrobe-planner .section-header{
    margin-bottom:15px
}
.kitchen-planner .section-header .h1,.kitchen-planner .section-header h1,.laundry-planner .section-header .h1,.laundry-planner .section-header h1,.wardrobe-planner .section-header .h1,.wardrobe-planner .section-header h1{
    margin-bottom:0
}
@media screen and (min-width:769px) and (max-width:989px){
    .kitchen-planner .main-planner,.kitchen-planner .sidebar,.laundry-planner .main-planner,.laundry-planner .sidebar,.wardrobe-planner .main-planner,.wardrobe-planner .sidebar{
        width:100%
    }
}
.kitchen-planner .progress,.laundry-planner .progress,.wardrobe-planner .progress{
    border:1px solid #f69522;
    border-radius:5px
}
@media screen and (max-width:989px){
    .kitchen-planner .progress,.laundry-planner .progress,.wardrobe-planner .progress{
        margin-top:30px
    }
}
.kitchen-planner .progress .price-info,.laundry-planner .progress .price-info,.wardrobe-planner .progress .price-info{
    display:none;
    padding:15px;
    border-bottom:1px solid #f69522
}
.kitchen-planner .progress .price-info.shown,.laundry-planner .progress .price-info.shown,.wardrobe-planner .progress .price-info.shown{
    display:block
}
.kitchen-planner .progress .price-info .h3,.kitchen-planner .progress .price-info h3,.laundry-planner .progress .price-info .h3,.laundry-planner .progress .price-info h3,.wardrobe-planner .progress .price-info .h3,.wardrobe-planner .progress .price-info h3{
    margin-bottom:3px
}
.kitchen-planner .progress .current-price,.kitchen-planner .progress .final-price,.laundry-planner .progress .current-price,.laundry-planner .progress .final-price,.wardrobe-planner .progress .current-price,.wardrobe-planner .progress .final-price{
    display:none
}
.kitchen-planner .progress .current-price.shown,.kitchen-planner .progress .final-price.shown,.laundry-planner .progress .current-price.shown,.laundry-planner .progress .final-price.shown,.wardrobe-planner .progress .current-price.shown,.wardrobe-planner .progress .final-price.shown{
    display:block
}
.kitchen-planner .progress p.price,.laundry-planner .progress p.price,.wardrobe-planner .progress p.price{
    margin:0;
    font-size:1.25em;
    color:#666
}
.kitchen-planner .progress .progress-info,.laundry-planner .progress .progress-info,.wardrobe-planner .progress .progress-info{
    padding:15px
}
.kitchen-planner .progress ol,.laundry-planner .progress ol,.wardrobe-planner .progress ol{
    margin-bottom:0;
    font-size:.875em;
    color:#ccc
}
.kitchen-planner .progress li,.laundry-planner .progress li,.wardrobe-planner .progress li{
    margin-bottom:0
}
.kitchen-planner .progress li:first-child a,.laundry-planner .progress li:first-child a,.wardrobe-planner .progress li:first-child a{
    padding-top:0
}
.kitchen-planner .progress a,.laundry-planner .progress a,.wardrobe-planner .progress a{
    display:block;
    padding-top:.25em;
    color:#ccc;
    cursor:not-allowed
}
.kitchen-planner .progress a:focus,.kitchen-planner .progress a:hover,.laundry-planner .progress a:focus,.laundry-planner .progress a:hover,.wardrobe-planner .progress a:focus,.wardrobe-planner .progress a:hover{
    color:#ccc
}
.kitchen-planner .progress .available,.laundry-planner .progress .available,.wardrobe-planner .progress .available{
    color:#999
}
.kitchen-planner .progress .available a,.laundry-planner .progress .available a,.wardrobe-planner .progress .available a{
    color:#999;
    cursor:pointer
}
.kitchen-planner .progress .available a:focus,.kitchen-planner .progress .available a:hover,.laundry-planner .progress .available a:focus,.laundry-planner .progress .available a:hover,.wardrobe-planner .progress .available a:focus,.wardrobe-planner .progress .available a:hover{
    color:#666
}
.kitchen-planner .progress .current,.laundry-planner .progress .current,.wardrobe-planner .progress .current{
    font-weight:600;
    color:#666
}
.kitchen-planner .progress .current a,.laundry-planner .progress .current a,.wardrobe-planner .progress .current a{
    color:#666;
    cursor:default
}
.kitchen-planner .tips-and-tricks,.laundry-planner .tips-and-tricks,.wardrobe-planner .tips-and-tricks{
    display:none;
    margin:30px 0 0;
    padding:15px;
    border:1px solid #f69522;
    border-radius:5px
}
.kitchen-planner .tips-and-tricks.shown,.laundry-planner .tips-and-tricks.shown,.wardrobe-planner .tips-and-tricks.shown{
    display:block
}
.kitchen-planner .tips-and-tricks .tip,.laundry-planner .tips-and-tricks .tip,.wardrobe-planner .tips-and-tricks .tip{
    display:none
}
.kitchen-planner .tips-and-tricks .tip.shown,.laundry-planner .tips-and-tricks .tip.shown,.wardrobe-planner .tips-and-tricks .tip.shown{
    display:block
}
.kitchen-planner .tips-and-tricks p,.laundry-planner .tips-and-tricks p,.wardrobe-planner .tips-and-tricks p{
    margin:.5em 0 0;
    font-size:.875em;
    color:#666
}
.kitchen-planner .tips-and-tricks .product-title,.laundry-planner .tips-and-tricks .product-title,.wardrobe-planner .tips-and-tricks .product-title{
    font-size:1em;
    font-weight:600
}
.kitchen-planner .tips-and-tricks .delete,.kitchen-planner .tips-and-tricks .rotate,.laundry-planner .tips-and-tricks .delete,.laundry-planner .tips-and-tricks .rotate,.wardrobe-planner .tips-and-tricks .delete,.wardrobe-planner .tips-and-tricks .rotate{
    font-weight:700
}
.kitchen-planner .tips-and-tricks .delete a,.kitchen-planner .tips-and-tricks .rotate a,.laundry-planner .tips-and-tricks .delete a,.laundry-planner .tips-and-tricks .rotate a,.wardrobe-planner .tips-and-tricks .delete a,.wardrobe-planner .tips-and-tricks .rotate a{
    display:inline-block;
    padding:0 0 0 15px
}
.kitchen-planner .tips-and-tricks .rotate,.laundry-planner .tips-and-tricks .rotate,.wardrobe-planner .tips-and-tricks .rotate{
    margin-top:10px
}
.kitchen-planner .tips-and-tricks .rotate a:focus,.kitchen-planner .tips-and-tricks .rotate a:hover,.laundry-planner .tips-and-tricks .rotate a:focus,.laundry-planner .tips-and-tricks .rotate a:hover,.wardrobe-planner .tips-and-tricks .rotate a:focus,.wardrobe-planner .tips-and-tricks .rotate a:hover{
    background-position:0 -896px
}
.kitchen-planner .tips-and-tricks .delete a,.laundry-planner .tips-and-tricks .delete a,.wardrobe-planner .tips-and-tricks .delete a{
    background-position:0 -994px;
    color:#d02e2e
}
.kitchen-planner .tips-and-tricks .delete a:focus,.kitchen-planner .tips-and-tricks .delete a:hover,.laundry-planner .tips-and-tricks .delete a:focus,.laundry-planner .tips-and-tricks .delete a:hover,.wardrobe-planner .tips-and-tricks .delete a:focus,.wardrobe-planner .tips-and-tricks .delete a:hover{
    background-position:0 -1094px;
    color:#a62525
}
.kitchen-planner .step,.laundry-planner .step,.wardrobe-planner .step{
    display:none
}
.kitchen-planner .step.shown,.laundry-planner .step.shown,.wardrobe-planner .step.shown{
    display:block
}
.kitchen-planner .diagram,.laundry-planner .diagram,.wardrobe-planner .diagram{
    position:relative;
    width:100%;
    margin:30px 0
}
.kitchen-planner .diagram .drag-instructions,.laundry-planner .diagram .drag-instructions,.wardrobe-planner .diagram .drag-instructions{
    position:absolute;
    display:none;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,132,169,.5);
    font-size:2em;
    font-weight:600;
    line-height:1.2;
    color:#FFF;
    text-align:center
}
.kitchen-planner .diagram .drag-instructions:after,.laundry-planner .diagram .drag-instructions:after,.wardrobe-planner .diagram .drag-instructions:after{
    position:absolute;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    border:3px dashed #fff;
    content:''
}
.kitchen-planner .diagram .drag-instructions.shown,.laundry-planner .diagram .drag-instructions.shown,.wardrobe-planner .diagram .drag-instructions.shown{
    display:block
}
.kitchen-planner .diagram .active-text,.kitchen-planner .diagram .start-text,.laundry-planner .diagram .active-text,.laundry-planner .diagram .start-text,.wardrobe-planner .diagram .active-text,.wardrobe-planner .diagram .start-text{
    position:absolute;
    top:50%;
    width:100%;
    padding:40px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media screen and (max-width:599px){
    .kitchen-planner .diagram .active-text,.kitchen-planner .diagram .start-text,.laundry-planner .diagram .active-text,.laundry-planner .diagram .start-text,.wardrobe-planner .diagram .active-text,.wardrobe-planner .diagram .start-text{
        font-size:24px
    }
}
.kitchen-planner .diagram .active-text,.laundry-planner .diagram .active-text,.wardrobe-planner .diagram .active-text{
    display:none
}
.kitchen-planner .diagram.drag-active .drag-instructions,.laundry-planner .diagram.drag-active .drag-instructions,.wardrobe-planner .diagram.drag-active .drag-instructions{
    display:block
}
.kitchen-planner .diagram.drag-active .start-text,.laundry-planner .diagram.drag-active .start-text,.wardrobe-planner .diagram.drag-active .start-text{
    display:none
}
.kitchen-planner .diagram.drag-active .active-text,.laundry-planner .diagram.drag-active .active-text,.wardrobe-planner .diagram.drag-active .active-text{
    display:block
}
.kitchen-planner .diagram.drag-active .ruler,.laundry-planner .diagram.drag-active .ruler,.wardrobe-planner .diagram.drag-active .ruler{
    display:none!important
}
.kitchen-planner .diagram .ruler,.laundry-planner .diagram .ruler,.wardrobe-planner .diagram .ruler{
    display:none;
    position:absolute;
    z-index:5;
    font-size:13px;
    font-weight:600;
    color:#666;
    text-align:center
}
.kitchen-planner .diagram .ruler.shown,.laundry-planner .diagram .ruler.shown,.wardrobe-planner .diagram .ruler.shown{
    display:block
}
.kitchen-planner .diagram .ruler .x1,.kitchen-planner .diagram .ruler .x2,.kitchen-planner .diagram .ruler .x3,.laundry-planner .diagram .ruler .x1,.laundry-planner .diagram .ruler .x2,.laundry-planner .diagram .ruler .x3,.wardrobe-planner .diagram .ruler .x1,.wardrobe-planner .diagram .ruler .x2,.wardrobe-planner .diagram .ruler .x3{
    top:-16px;
    width:100%;
    height:16px;
    line-height:1
}
.kitchen-planner .diagram .ruler .x1,.laundry-planner .diagram .ruler .x1,.wardrobe-planner .diagram .ruler .x1{
    left:0;
    border-left:1px solid #f69522
}
.kitchen-planner .diagram .ruler .x2,.laundry-planner .diagram .ruler .x2,.wardrobe-planner .diagram .ruler .x2{
    left:0;
    border-left:1px solid #f69522;
    border-right:1px solid #f69522
}
.kitchen-planner .diagram .ruler .x3,.laundry-planner .diagram .ruler .x3,.wardrobe-planner .diagram .ruler .x3{
    right:0;
    border-right:1px solid #f69522
}
.kitchen-planner .diagram .ruler .y1,.kitchen-planner .diagram .ruler .y2,.kitchen-planner .diagram .ruler .y3,.laundry-planner .diagram .ruler .y1,.laundry-planner .diagram .ruler .y2,.laundry-planner .diagram .ruler .y3,.wardrobe-planner .diagram .ruler .y1,.wardrobe-planner .diagram .ruler .y2,.wardrobe-planner .diagram .ruler .y3{
    left:-16px;
    width:16px;
    height:100%
}
.kitchen-planner .diagram .ruler .y1,.laundry-planner .diagram .ruler .y1,.wardrobe-planner .diagram .ruler .y1{
    top:0;
    border-top:1px solid #f69522
}
.kitchen-planner .diagram .ruler .y2,.laundry-planner .diagram .ruler .y2,.wardrobe-planner .diagram .ruler .y2{
    top:0;
    border-top:1px solid #f69522;
    border-bottom:1px solid #f69522
}
.kitchen-planner .diagram .ruler .y3,.laundry-planner .diagram .ruler .y3,.wardrobe-planner .diagram .ruler .y3{
    bottom:0;
    border-bottom:1px solid #f69522
}
.kitchen-planner .diagram .ruler-value,.laundry-planner .diagram .ruler-value,.wardrobe-planner .diagram .ruler-value{
    position:absolute
}
.kitchen-planner .diagram .ruler-value.hidden,.laundry-planner .diagram .ruler-value.hidden,.wardrobe-planner .diagram .ruler-value.hidden{
    display:none
}
.kitchen-planner .diagram .ruler-value span,.laundry-planner .diagram .ruler-value span,.wardrobe-planner .diagram .ruler-value span{
    position:relative;
    display:block;
    z-index:1
}
.kitchen-planner .diagram .ruler-x,.laundry-planner .diagram .ruler-x,.wardrobe-planner .diagram .ruler-x{
    top:-6px;
    left:0;
    width:100%;
    border-bottom:1px solid #f69522
}
.kitchen-planner .diagram .ruler-x span,.laundry-planner .diagram .ruler-x span,.wardrobe-planner .diagram .ruler-x span{
    top:-1px
}
.kitchen-planner .diagram .ruler-y,.laundry-planner .diagram .ruler-y,.wardrobe-planner .diagram .ruler-y{
    top:0;
    left:-6px;
    height:100%;
    border-right:1px solid #f69522
}
@media screen and (max-width:479px){
    .kitchen-planner .diagram .ruler-y,.laundry-planner .diagram .ruler-y,.wardrobe-planner .diagram .ruler-y{
        display:none!important
    }
}
.kitchen-planner .diagram .ruler-y span,.laundry-planner .diagram .ruler-y span,.wardrobe-planner .diagram .ruler-y span{
    position:absolute;
    top:50%;
    right:3px;
    height:16px;
    line-height:16px;
    margin:-8px 0 0
}
@media screen and (max-width:1209px){
    .kitchen-planner .diagram .ruler-y span,.laundry-planner .diagram .ruler-y span,.wardrobe-planner .diagram .ruler-y span{
        right:-7px;
        width:50px;
        margin-top:0;
        -webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        -o-transform:rotate(270deg);
        transform:rotate(270deg);
        -webkit-transform-origin:center top;
        -moz-transform-origin:center top;
        -ms-transform-origin:center top;
        -o-transform-origin:center top;
        transform-origin:center top
    }
}
.kitchen-planner .overlay,.laundry-planner .overlay,.wardrobe-planner .overlay{
    position:absolute;
    display:none;
    top:0;
    left:0;
    z-index:350;
    width:100%;
    height:100%;
    background:rgba(0,132,169,.5)
}
.kitchen-planner .overlay.full-overlay,.laundry-planner .overlay.full-overlay,.wardrobe-planner .overlay.full-overlay{
    position:fixed
}
.kitchen-planner .overlay.shown,.laundry-planner .overlay.shown,.wardrobe-planner .overlay.shown{
    display:block
}
.kitchen-planner .overlay.shown.mobile-only,.laundry-planner .overlay.shown.mobile-only,.wardrobe-planner .overlay.shown.mobile-only{
    display:none
}
@media screen and (max-width:699px){
    .kitchen-planner .diagram .ruler,.laundry-planner .diagram .ruler,.wardrobe-planner .diagram .ruler{
        font-size:11px
    }
    .kitchen-planner .overlay.shown.mobile-only,.laundry-planner .overlay.shown.mobile-only,.wardrobe-planner .overlay.shown.mobile-only{
        display:block
    }
}
.kitchen-planner .ajax-customer-form,.kitchen-planner .load-options,.kitchen-planner .panel-warning,.kitchen-planner .product-options,.kitchen-planner .save-options,.laundry-planner .ajax-customer-form,.laundry-planner .load-options,.laundry-planner .panel-warning,.laundry-planner .product-options,.laundry-planner .save-options,.wardrobe-planner .ajax-customer-form,.wardrobe-planner .load-options,.wardrobe-planner .panel-warning,.wardrobe-planner .product-options,.wardrobe-planner .save-options{
    display:none;
    position:absolute;
    z-index:400;
    top:50%!important;
    left:50%;
    width:314px;
    margin:0 0 0 -157px;
    padding:30px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background:#FFF;
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.kitchen-planner .ajax-customer-form.shown,.kitchen-planner .load-options.shown,.kitchen-planner .panel-warning.shown,.kitchen-planner .product-options.shown,.kitchen-planner .save-options.shown,.laundry-planner .ajax-customer-form.shown,.laundry-planner .load-options.shown,.laundry-planner .panel-warning.shown,.laundry-planner .product-options.shown,.laundry-planner .save-options.shown,.wardrobe-planner .ajax-customer-form.shown,.wardrobe-planner .load-options.shown,.wardrobe-planner .panel-warning.shown,.wardrobe-planner .product-options.shown,.wardrobe-planner .save-options.shown{
    display:block
}
.kitchen-planner .ajax-customer-form .form-error,.kitchen-planner .load-options .form-error,.kitchen-planner .panel-warning .form-error,.kitchen-planner .product-options .form-error,.kitchen-planner .save-options .form-error,.laundry-planner .ajax-customer-form .form-error,.laundry-planner .load-options .form-error,.laundry-planner .panel-warning .form-error,.laundry-planner .product-options .form-error,.laundry-planner .save-options .form-error,.wardrobe-planner .ajax-customer-form .form-error,.wardrobe-planner .load-options .form-error,.wardrobe-planner .panel-warning .form-error,.wardrobe-planner .product-options .form-error,.wardrobe-planner .save-options .form-error{
    margin:0 0 25px
}
.kitchen-planner .ajax-customer-form .action-buttons,.kitchen-planner .load-options .action-buttons,.kitchen-planner .panel-warning .action-buttons,.kitchen-planner .product-options .action-buttons,.kitchen-planner .save-options .action-buttons,.laundry-planner .ajax-customer-form .action-buttons,.laundry-planner .load-options .action-buttons,.laundry-planner .panel-warning .action-buttons,.laundry-planner .product-options .action-buttons,.laundry-planner .save-options .action-buttons,.wardrobe-planner .ajax-customer-form .action-buttons,.wardrobe-planner .load-options .action-buttons,.wardrobe-planner .panel-warning .action-buttons,.wardrobe-planner .product-options .action-buttons,.wardrobe-planner .save-options .action-buttons{
    margin:30px 0 0
}
.kitchen-planner .ajax-customer-form a.cancel,.kitchen-planner .load-options a.cancel,.kitchen-planner .panel-warning a.cancel,.kitchen-planner .product-options a.cancel,.kitchen-planner .save-options a.cancel,.laundry-planner .ajax-customer-form a.cancel,.laundry-planner .load-options a.cancel,.laundry-planner .panel-warning a.cancel,.laundry-planner .product-options a.cancel,.laundry-planner .save-options a.cancel,.wardrobe-planner .ajax-customer-form a.cancel,.wardrobe-planner .load-options a.cancel,.wardrobe-planner .panel-warning a.cancel,.wardrobe-planner .product-options a.cancel,.wardrobe-planner .save-options a.cancel{
    float:right;
    display:block;
    margin:10px 0 0 8px;
    line-height:1
}
@media screen and (max-width:480px){
    .kitchen-planner .product-options,.laundry-planner .product-options,.wardrobe-planner .product-options{
        width:290px;
        margin-left:-145px
    }
    .kitchen-planner .planner-products-list .tabs li,.laundry-planner .planner-products-list .tabs li,.wardrobe-planner .planner-products-list .tabs li{
        font-size:14px
    }
}
.kitchen-planner .load-options,.kitchen-planner .save-options,.laundry-planner .load-options,.laundry-planner .save-options,.wardrobe-planner .load-options,.wardrobe-planner .save-options{
    position:fixed;
    width:290px;
    margin-left:-145px
}
.kitchen-planner .load-options .step-form,.kitchen-planner .load-options .step-loading,.kitchen-planner .load-options .step-no-plans,.kitchen-planner .load-options .step-saved,.kitchen-planner .load-options .step-saving,.kitchen-planner .save-options .step-form,.kitchen-planner .save-options .step-loading,.kitchen-planner .save-options .step-no-plans,.kitchen-planner .save-options .step-saved,.kitchen-planner .save-options .step-saving,.laundry-planner .load-options .step-form,.laundry-planner .load-options .step-loading,.laundry-planner .load-options .step-no-plans,.laundry-planner .load-options .step-saved,.laundry-planner .load-options .step-saving,.laundry-planner .save-options .step-form,.laundry-planner .save-options .step-loading,.laundry-planner .save-options .step-no-plans,.laundry-planner .save-options .step-saved,.laundry-planner .save-options .step-saving,.wardrobe-planner .load-options .step-form,.wardrobe-planner .load-options .step-loading,.wardrobe-planner .load-options .step-no-plans,.wardrobe-planner .load-options .step-saved,.wardrobe-planner .load-options .step-saving,.wardrobe-planner .save-options .step-form,.wardrobe-planner .save-options .step-loading,.wardrobe-planner .save-options .step-no-plans,.wardrobe-planner .save-options .step-saved,.wardrobe-planner .save-options .step-saving{
    display:none
}
.kitchen-planner .load-options .step-form.shown,.kitchen-planner .load-options .step-loading.shown,.kitchen-planner .load-options .step-no-plans.shown,.kitchen-planner .load-options .step-saved.shown,.kitchen-planner .load-options .step-saving.shown,.kitchen-planner .save-options .step-form.shown,.kitchen-planner .save-options .step-loading.shown,.kitchen-planner .save-options .step-no-plans.shown,.kitchen-planner .save-options .step-saved.shown,.kitchen-planner .save-options .step-saving.shown,.laundry-planner .load-options .step-form.shown,.laundry-planner .load-options .step-loading.shown,.laundry-planner .load-options .step-no-plans.shown,.laundry-planner .load-options .step-saved.shown,.laundry-planner .load-options .step-saving.shown,.laundry-planner .save-options .step-form.shown,.laundry-planner .save-options .step-loading.shown,.laundry-planner .save-options .step-no-plans.shown,.laundry-planner .save-options .step-saved.shown,.laundry-planner .save-options .step-saving.shown,.wardrobe-planner .load-options .step-form.shown,.wardrobe-planner .load-options .step-loading.shown,.wardrobe-planner .load-options .step-no-plans.shown,.wardrobe-planner .load-options .step-saved.shown,.wardrobe-planner .load-options .step-saving.shown,.wardrobe-planner .save-options .step-form.shown,.wardrobe-planner .save-options .step-loading.shown,.wardrobe-planner .save-options .step-no-plans.shown,.wardrobe-planner .save-options .step-saved.shown,.wardrobe-planner .save-options .step-saving.shown{
    display:block
}
.kitchen-planner .load-options .step-loading,.kitchen-planner .load-options .step-no-plans,.kitchen-planner .load-options .step-saved,.kitchen-planner .load-options .step-saving,.kitchen-planner .save-options .step-loading,.kitchen-planner .save-options .step-no-plans,.kitchen-planner .save-options .step-saved,.kitchen-planner .save-options .step-saving,.laundry-planner .load-options .step-loading,.laundry-planner .load-options .step-no-plans,.laundry-planner .load-options .step-saved,.laundry-planner .load-options .step-saving,.laundry-planner .save-options .step-loading,.laundry-planner .save-options .step-no-plans,.laundry-planner .save-options .step-saved,.laundry-planner .save-options .step-saving,.wardrobe-planner .load-options .step-loading,.wardrobe-planner .load-options .step-no-plans,.wardrobe-planner .load-options .step-saved,.wardrobe-planner .load-options .step-saving,.wardrobe-planner .save-options .step-loading,.wardrobe-planner .save-options .step-no-plans,.wardrobe-planner .save-options .step-saved,.wardrobe-planner .save-options .step-saving{
    text-align:center
}
.kitchen-planner .load-options .step-loading p,.kitchen-planner .load-options .step-no-plans p,.kitchen-planner .load-options .step-saved p,.kitchen-planner .load-options .step-saving p,.kitchen-planner .save-options .step-loading p,.kitchen-planner .save-options .step-no-plans p,.kitchen-planner .save-options .step-saved p,.kitchen-planner .save-options .step-saving p,.laundry-planner .load-options .step-loading p,.laundry-planner .load-options .step-no-plans p,.laundry-planner .load-options .step-saved p,.laundry-planner .load-options .step-saving p,.laundry-planner .save-options .step-loading p,.laundry-planner .save-options .step-no-plans p,.laundry-planner .save-options .step-saved p,.laundry-planner .save-options .step-saving p,.wardrobe-planner .load-options .step-loading p,.wardrobe-planner .load-options .step-no-plans p,.wardrobe-planner .load-options .step-saved p,.wardrobe-planner .load-options .step-saving p,.wardrobe-planner .save-options .step-loading p,.wardrobe-planner .save-options .step-no-plans p,.wardrobe-planner .save-options .step-saved p,.wardrobe-planner .save-options .step-saving p{
    margin:0;
    font-weight:600;
    color:#0084a9
}
.kitchen-planner .load-options .step-loading p,.kitchen-planner .load-options .step-saving p,.kitchen-planner .save-options .step-loading p,.kitchen-planner .save-options .step-saving p,.laundry-planner .load-options .step-loading p,.laundry-planner .load-options .step-saving p,.laundry-planner .save-options .step-loading p,.laundry-planner .save-options .step-saving p,.wardrobe-planner .load-options .step-loading p,.wardrobe-planner .load-options .step-saving p,.wardrobe-planner .save-options .step-loading p,.wardrobe-planner .save-options .step-saving p{
    display:inline-block;
    padding-right:30px;
    color:#666
}
.kitchen-planner canvas,.laundry-planner canvas,.wardrobe-planner canvas{
    width:100%;
    -webkit-tap-highlight-color:transparent
}
.kitchen-planner .planner-products-list,.laundry-planner .planner-products-list,.wardrobe-planner .planner-products-list{
    display:none;
    margin:0 0 30px
}
.kitchen-planner .planner-products-list.shown,.laundry-planner .planner-products-list.shown,.wardrobe-planner .planner-products-list.shown{
    display:block
}
.kitchen-planner .planner-products-list li,.kitchen-planner .planner-products-list ul,.laundry-planner .planner-products-list li,.laundry-planner .planner-products-list ul,.wardrobe-planner .planner-products-list li,.wardrobe-planner .planner-products-list ul{
    margin:0
}
.kitchen-planner .planner-products-list .tabs,.laundry-planner .planner-products-list .tabs,.wardrobe-planner .planner-products-list .tabs{
    display:inline-block;
    overflow:hidden;
    vertical-align:bottom;
    border:1px solid #f69522;
    border-bottom:0;
    border-radius:5px 5px 0 0
}
@media screen and (max-width:699px){
    .kitchen-planner .planner-products-list .tabs,.laundry-planner .planner-products-list .tabs,.wardrobe-planner .planner-products-list .tabs{
        display:block;
        text-align:center
    }
    .kitchen-planner .planner-products-list .tabs li,.laundry-planner .planner-products-list .tabs li,.wardrobe-planner .planner-products-list .tabs li{
        width:50%
    }
}
.kitchen-planner .planner-products-list .tabs li,.laundry-planner .planner-products-list .tabs li,.wardrobe-planner .planner-products-list .tabs li{
    display:inline-block;
    font-weight:600;
    line-height:1.1
}
.kitchen-planner .planner-products-list .tabs li:first-child a,.kitchen-planner .planner-products-list .tabs li:first-child span,.laundry-planner .planner-products-list .tabs li:first-child a,.laundry-planner .planner-products-list .tabs li:first-child span,.wardrobe-planner .planner-products-list .tabs li:first-child a,.wardrobe-planner .planner-products-list .tabs li:first-child span{
    border-left:0
}
.kitchen-planner .planner-products-list .tabs li.selected a,.kitchen-planner .planner-products-list .tabs li.selected span,.laundry-planner .planner-products-list .tabs li.selected a,.laundry-planner .planner-products-list .tabs li.selected span,.wardrobe-planner .planner-products-list .tabs li.selected a,.wardrobe-planner .planner-products-list .tabs li.selected span{
    position:relative;
    z-index:25;
    color:#666
}
@media screen and (max-width:699px){
    .kitchen-planner .planner-products-list .tabs li.selected a,.laundry-planner .planner-products-list .tabs li.selected a,.wardrobe-planner .planner-products-list .tabs li.selected a{
        color:#00b1d3
    }
    .kitchen-planner .planner-products-list .tabs li:nth-child(3) a,.laundry-planner .planner-products-list .tabs li:nth-child(3) a,.wardrobe-planner .planner-products-list .tabs li:nth-child(3) a{
        border-left:0
    }
    .kitchen-planner .planner-products-list .tabs li:nth-child(n+3) a,.laundry-planner .planner-products-list .tabs li:nth-child(n+3) a,.wardrobe-planner .planner-products-list .tabs li:nth-child(n+3) a{
        border-top:1px solid #f69522
    }
}
.kitchen-planner .planner-products-list .tabs a,.kitchen-planner .planner-products-list .tabs span,.laundry-planner .planner-products-list .tabs a,.laundry-planner .planner-products-list .tabs span,.wardrobe-planner .planner-products-list .tabs a,.wardrobe-planner .planner-products-list .tabs span{
    display:block;
    padding:15px;
    background:#FFF;
    border-left:1px solid #f69522;
    color:#999
}
@media screen and (max-width:480px){
    .kitchen-planner .planner-products-list .tabs a,.kitchen-planner .planner-products-list .tabs span,.laundry-planner .planner-products-list .tabs a,.laundry-planner .planner-products-list .tabs span,.wardrobe-planner .planner-products-list .tabs a,.wardrobe-planner .planner-products-list .tabs span{
        padding-left:5px;
        padding-right:5px
    }
}
.kitchen-planner .planner-products-list .tabs a:focus,.kitchen-planner .planner-products-list .tabs a:hover,.kitchen-planner .planner-products-list .tabs span:focus,.kitchen-planner .planner-products-list .tabs span:hover,.laundry-planner .planner-products-list .tabs a:focus,.laundry-planner .planner-products-list .tabs a:hover,.laundry-planner .planner-products-list .tabs span:focus,.laundry-planner .planner-products-list .tabs span:hover,.wardrobe-planner .planner-products-list .tabs a:focus,.wardrobe-planner .planner-products-list .tabs a:hover,.wardrobe-planner .planner-products-list .tabs span:focus,.wardrobe-planner .planner-products-list .tabs span:hover{
    color:#666
}
.kitchen-planner .planner-products-list .content,.laundry-planner .planner-products-list .content,.wardrobe-planner .planner-products-list .content{
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    margin:-1px 0 0;
    border:1px solid #f69522;
    border-radius:0 5px 5px
}
@media screen and (max-width:699px){
    .kitchen-planner .planner-products-list .content,.laundry-planner .planner-products-list .content,.wardrobe-planner .planner-products-list .content{
        margin-top:0;
        border-radius:0 0 5px 5px
    }
}
.kitchen-planner .planner-products-list .content li,.laundry-planner .planner-products-list .content li,.wardrobe-planner .planner-products-list .content li{
    position:relative;
    display:none
}
.kitchen-planner .planner-products-list .content li.selected,.laundry-planner .planner-products-list .content li.selected,.wardrobe-planner .planner-products-list .content li.selected{
    display:block
}
.kitchen-planner .scroll,.laundry-planner .scroll,.wardrobe-planner .scroll{
    overflow-x:scroll;
    white-space:nowrap;
    padding:10px 20px
}
.kitchen-planner .scroll .step.shown,.laundry-planner .scroll .step.shown,.wardrobe-planner .scroll .step.shown{
    display:inline-block
}
.kitchen-planner .scroll-left,.kitchen-planner .scroll-right,.laundry-planner .scroll-left,.laundry-planner .scroll-right,.wardrobe-planner .scroll-left,.wardrobe-planner .scroll-right{
    position:absolute;
    top:0;
    display:none;
    width:60px;
    height:100%;
    font-size:60px;
    border-radius:5px
}
@media screen and (max-width:699px){
    .kitchen-planner .scroll-left,.kitchen-planner .scroll-right,.laundry-planner .scroll-left,.laundry-planner .scroll-right,.wardrobe-planner .scroll-left,.wardrobe-planner .scroll-right{
        width:50px
    }
}
.kitchen-planner .scroll-left.required.shown,.kitchen-planner .scroll-right.required.shown,.laundry-planner .scroll-left.required.shown,.laundry-planner .scroll-right.required.shown,.wardrobe-planner .scroll-left.required.shown,.wardrobe-planner .scroll-right.required.shown{
    display:block
}
.kitchen-planner .scroll-left .arrow,.kitchen-planner .scroll-right .arrow,.laundry-planner .scroll-left .arrow,.laundry-planner .scroll-right .arrow,.wardrobe-planner .scroll-left .arrow,.wardrobe-planner .scroll-right .arrow{
    position:absolute;
    top:50%;
    display:block;
    margin-top:-55px
}
.kitchen-planner .scroll-left,.laundry-planner .scroll-left,.wardrobe-planner .scroll-left{
    left:0;
    background:-moz-linear-gradient(left,#fff 20%,rgba(255,255,255,0) 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(20%,#fff),color-stop(100%,rgba(255,255,255,0)));
    background:-webkit-linear-gradient(left,#fff 20%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left,#fff 20%,rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(left,#fff 20%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to right,#fff 20%,rgba(255,255,255,0) 100%)
}
.kitchen-planner .scroll-left .arrow,.laundry-planner .scroll-left .arrow,.wardrobe-planner .scroll-left .arrow{
    left:15px
}
.kitchen-planner .scroll-right,.laundry-planner .scroll-right,.wardrobe-planner .scroll-right{
    right:0;
    text-align:right;
    background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 80%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(80%,#fff));
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 80%);
    background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 80%);
    background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 80%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 80%)
}
.kitchen-planner .scroll-right .arrow,.laundry-planner .scroll-right .arrow,.wardrobe-planner .scroll-right .arrow{
    right:15px
}
.kitchen-planner .draggable-product,.laundry-planner .draggable-product,.wardrobe-planner .draggable-product{
    display:inline-block;
    width:126px;
    padding:10px;
    background:#FFF;
    border-radius:5px;
    white-space:normal;
    vertical-align:top;
    cursor:move
}
.kitchen-planner .draggable-product.ui-draggable-dragging,.laundry-planner .draggable-product.ui-draggable-dragging,.wardrobe-planner .draggable-product.ui-draggable-dragging{
    height:auto!important;
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.kitchen-planner .draggable-product .h3,.kitchen-planner .draggable-product h3,.laundry-planner .draggable-product .h3,.laundry-planner .draggable-product h3,.wardrobe-planner .draggable-product .h3,.wardrobe-planner .draggable-product h3{
    margin:14px 0 0;
    font-size:.8125em;
    font-weight:600;
    line-height:1.1;
    text-align:center
}
.kitchen-planner .handle-selection,.kitchen-planner .soft-close-selection,.laundry-planner .handle-selection,.laundry-planner .soft-close-selection,.wardrobe-planner .handle-selection,.wardrobe-planner .soft-close-selection{
    display:none
}
.kitchen-planner .handle-selection.shown,.kitchen-planner .soft-close-selection.shown,.laundry-planner .handle-selection.shown,.laundry-planner .soft-close-selection.shown,.wardrobe-planner .handle-selection.shown,.wardrobe-planner .soft-close-selection.shown{
    display:block
}
.kitchen-planner .handle-selection,.kitchen-planner .soft-close-selection,.kitchen-planner .toe-kick-selection,.laundry-planner .handle-selection,.laundry-planner .soft-close-selection,.laundry-planner .toe-kick-selection,.wardrobe-planner .handle-selection,.wardrobe-planner .soft-close-selection,.wardrobe-planner .toe-kick-selection{
    margin-bottom:60px
}
.kitchen-planner .handle-selection .products-list,.kitchen-planner .soft-close-selection .products-list,.kitchen-planner .toe-kick-selection .products-list,.laundry-planner .handle-selection .products-list,.laundry-planner .soft-close-selection .products-list,.laundry-planner .toe-kick-selection .products-list,.wardrobe-planner .handle-selection .products-list,.wardrobe-planner .soft-close-selection .products-list,.wardrobe-planner .toe-kick-selection .products-list{
    margin-top:30px
}
.kitchen-planner .handle-selection .grid__item,.kitchen-planner .soft-close-selection .grid__item,.kitchen-planner .toe-kick-selection .grid__item,.laundry-planner .handle-selection .grid__item,.laundry-planner .soft-close-selection .grid__item,.laundry-planner .toe-kick-selection .grid__item,.wardrobe-planner .handle-selection .grid__item,.wardrobe-planner .soft-close-selection .grid__item,.wardrobe-planner .toe-kick-selection .grid__item{
    margin-top:0!important;
    border-top:0 none!important
}
@media screen and (max-width:479px){
    .kitchen-planner .handle-selection .products-list,.kitchen-planner .soft-close-selection .products-list,.kitchen-planner .toe-kick-selection .products-list,.laundry-planner .handle-selection .products-list,.laundry-planner .soft-close-selection .products-list,.laundry-planner .toe-kick-selection .products-list,.wardrobe-planner .handle-selection .products-list,.wardrobe-planner .soft-close-selection .products-list,.wardrobe-planner .toe-kick-selection .products-list{
        margin-left:-15px
    }
    .kitchen-planner .handle-selection .grid__item,.kitchen-planner .soft-close-selection .grid__item,.kitchen-planner .toe-kick-selection .grid__item,.laundry-planner .handle-selection .grid__item,.laundry-planner .soft-close-selection .grid__item,.laundry-planner .toe-kick-selection .grid__item,.wardrobe-planner .handle-selection .grid__item,.wardrobe-planner .soft-close-selection .grid__item,.wardrobe-planner .toe-kick-selection .grid__item{
        padding-top:15px;
        padding-left:15px
    }
}
@media screen and (max-width:480px){
    .kitchen-planner .draggable-product,.laundry-planner .draggable-product,.wardrobe-planner .draggable-product{
        width:120px
    }
    .kitchen-planner .draggable-product .h3,.kitchen-planner .draggable-product h3,.laundry-planner .draggable-product .h3,.laundry-planner .draggable-product h3,.wardrobe-planner .draggable-product .h3,.wardrobe-planner .draggable-product h3{
        font-size:.625em
    }
    .kitchen-planner .handle-selection .grid__item:nth-child(-n+2),.kitchen-planner .soft-close-selection .grid__item:nth-child(-n+2),.kitchen-planner .toe-kick-selection .grid__item:nth-child(-n+2),.laundry-planner .handle-selection .grid__item:nth-child(-n+2),.laundry-planner .soft-close-selection .grid__item:nth-child(-n+2),.laundry-planner .toe-kick-selection .grid__item:nth-child(-n+2),.wardrobe-planner .handle-selection .grid__item:nth-child(-n+2),.wardrobe-planner .soft-close-selection .grid__item:nth-child(-n+2),.wardrobe-planner .toe-kick-selection .grid__item:nth-child(-n+2){
        padding-top:0
    }
}
.kitchen-planner .choice,.laundry-planner .choice,.wardrobe-planner .choice{
    padding:8px 8px 15px;
    border:1px solid #f69522;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
    transition:border-color .2s ease-out
}
.kitchen-planner .choice:focus,.kitchen-planner .choice:hover,.laundry-planner .choice:focus,.laundry-planner .choice:hover,.wardrobe-planner .choice:focus,.wardrobe-planner .choice:hover{
    border-color:#999
}
.kitchen-planner .choice.selected,.laundry-planner .choice.selected,.wardrobe-planner .choice.selected{
    margin:-1px;
    border-width:2px;
    border-color:#00b1d3
}
.kitchen-planner .choice .grid__image,.laundry-planner .choice .grid__image,.wardrobe-planner .choice .grid__image{
    margin-bottom:0
}
.kitchen-planner .choice .h3,.kitchen-planner .choice h3,.laundry-planner .choice .h3,.laundry-planner .choice h3,.wardrobe-planner .choice .h3,.wardrobe-planner .choice h3{
    margin:0;
    font-size:1em;
    font-weight:600
}
.kitchen-planner .choice .price,.laundry-planner .choice .price,.wardrobe-planner .choice .price{
    margin:0;
    font-size:.9375em
}
.kitchen-planner .room-size,.kitchen-planner .saved-plan,.laundry-planner .room-size,.laundry-planner .saved-plan,.wardrobe-planner .room-size,.wardrobe-planner .saved-plan{
    display:none
}
.kitchen-planner .room-size.shown,.kitchen-planner .saved-plan.shown,.laundry-planner .room-size.shown,.laundry-planner .saved-plan.shown,.wardrobe-planner .room-size.shown,.wardrobe-planner .saved-plan.shown{
    display:block
}
.kitchen-planner .saved-plan .products-list,.laundry-planner .saved-plan .products-list,.wardrobe-planner .saved-plan .products-list{
    margin-top:30px;
    margin-bottom:30px;
    transition:opacity .45s
}
.kitchen-planner .saved-plan .grid__item,.laundry-planner .saved-plan .grid__item,.wardrobe-planner .saved-plan .grid__item{
    margin-top:0!important;
    border-top:0!important
}
.kitchen-planner .saved-plan .grid__image,.laundry-planner .saved-plan .grid__image,.wardrobe-planner .saved-plan .grid__image{
    margin-bottom:15px
}
.kitchen-planner .step-1 .rte--header,.laundry-planner .step-1 .rte--header,.wardrobe-planner .step-1 .rte--header{
    margin:0 0 30px;
    padding:0 0 20px;
    border-bottom:1px solid #f69522
}
.kitchen-planner .step-1 input[type=text],.laundry-planner .step-1 input[type=text],.wardrobe-planner .step-1 input[type=text]{
    display:inline-block;
    width:90px;
    margin-right:6px;
    text-align:center;
    vertical-align:baseline
}
.kitchen-planner .step-1 .desc,.laundry-planner .step-1 .desc,.wardrobe-planner .step-1 .desc{
    margin:0 0 25px;
    font-style:italic;
    color:#999
}
.kitchen-planner .ajax-customer-form,.laundry-planner .ajax-customer-form,.wardrobe-planner .ajax-customer-form{
    position:fixed;
    width:360px;
    margin-left:-180px
}
@media screen and (max-width:480px){
    .kitchen-planner .ajax-customer-form,.laundry-planner .ajax-customer-form,.wardrobe-planner .ajax-customer-form{
        width:290px;
        margin-left:-145px
    }
}
.kitchen-planner .ajax-customer-form .form-login,.kitchen-planner .ajax-customer-form .form-register,.kitchen-planner .ajax-customer-form .go-to-register,.laundry-planner .ajax-customer-form .form-login,.laundry-planner .ajax-customer-form .form-register,.laundry-planner .ajax-customer-form .go-to-register,.wardrobe-planner .ajax-customer-form .form-login,.wardrobe-planner .ajax-customer-form .form-register,.wardrobe-planner .ajax-customer-form .go-to-register{
    display:none
}
.kitchen-planner .ajax-customer-form .form-login.shown,.kitchen-planner .ajax-customer-form .form-register.shown,.kitchen-planner .ajax-customer-form .go-to-register.shown,.laundry-planner .ajax-customer-form .form-login.shown,.laundry-planner .ajax-customer-form .form-register.shown,.laundry-planner .ajax-customer-form .go-to-register.shown,.wardrobe-planner .ajax-customer-form .form-login.shown,.wardrobe-planner .ajax-customer-form .form-register.shown,.wardrobe-planner .ajax-customer-form .go-to-register.shown{
    display:block
}
.kitchen-planner .ajax-customer-form .h3,.kitchen-planner .ajax-customer-form h3,.laundry-planner .ajax-customer-form .h3,.laundry-planner .ajax-customer-form h3,.wardrobe-planner .ajax-customer-form .h3,.wardrobe-planner .ajax-customer-form h3{
    margin-bottom:20px
}
.kitchen-planner .ajax-customer-form form,.laundry-planner .ajax-customer-form form,.wardrobe-planner .ajax-customer-form form{
    margin:0
}
.kitchen-planner .ajax-customer-form .form-login.register-shown form a.cancel,.laundry-planner .ajax-customer-form .form-login.register-shown form a.cancel,.wardrobe-planner .ajax-customer-form .form-login.register-shown form a.cancel{
    display:none
}
.kitchen-planner .ajax-customer-form .form-login.register-shown .go-to-register,.laundry-planner .ajax-customer-form .form-login.register-shown .go-to-register,.wardrobe-planner .ajax-customer-form .form-login.register-shown .go-to-register{
    display:block
}
.kitchen-planner .panel-warning,.laundry-planner .panel-warning,.wardrobe-planner .panel-warning{
    position:fixed;
    width:630px;
    margin-left:-315px
}
@media screen and (max-width:699px){
    .kitchen-planner .panel-warning,.laundry-planner .panel-warning,.wardrobe-planner .panel-warning{
        width:450px;
        margin-left:-225px
    }
}
@media screen and (max-width:480px){
    .kitchen-planner .panel-warning,.laundry-planner .panel-warning,.wardrobe-planner .panel-warning{
        width:290px;
        margin-left:-145px
    }
    .kitchen-planner .step-2c .action-buttons.save-print,.laundry-planner .step-2c .action-buttons.save-print,.wardrobe-planner .step-2b .action-buttons.save-print{
        text-align:center
    }
}
.kitchen-planner .panel-warning .h3,.kitchen-planner .panel-warning h3,.laundry-planner .panel-warning .h3,.laundry-planner .panel-warning h3,.wardrobe-planner .panel-warning .h3,.wardrobe-planner .panel-warning h3{
    margin-bottom:20px
}
.kitchen-planner .panel-warning strong,.laundry-planner .panel-warning strong,.wardrobe-planner .panel-warning strong{
    font-weight:600
}
.kitchen-planner .go-to-register,.laundry-planner .go-to-register,.wardrobe-planner .go-to-register{
    display:none;
    margin:30px 0 0;
    border-top:1px solid #f69522
}
.kitchen-planner .go-to-register .h3,.kitchen-planner .go-to-register h3,.laundry-planner .go-to-register .h3,.laundry-planner .go-to-register h3,.wardrobe-planner .go-to-register .h3,.wardrobe-planner .go-to-register h3{
    margin-bottom:10px;
    padding-top:24px
}
.kitchen-planner .go-to-register p,.laundry-planner .go-to-register p,.wardrobe-planner .go-to-register p{
    margin-bottom:0
}
.kitchen-planner .go-to-register .action-buttons,.laundry-planner .go-to-register .action-buttons,.wardrobe-planner .go-to-register .action-buttons{
    margin-top:22px
}
.kitchen-planner .step-2c .products-summary,.laundry-planner .step-2c .products-summary,.wardrobe-planner .step-2b .products-summary{
    margin:30px 0 60px;
    padding:30px 0 0;
    border-top:1px solid #f69522
}
.kitchen-planner .step-2c .products-summary .no-products,.laundry-planner .step-2c .products-summary .no-products,.wardrobe-planner .step-2b .products-summary .no-products{
    border-bottom:1px solid #f69522;
    margin:0;
    padding:0 0 30px
}
.kitchen-planner .step-2c .subtotal,.laundry-planner .step-2c .subtotal,.wardrobe-planner .step-2b .subtotal{
    margin:30px 0 0;
    padding:30px 0;
    border-top:1px solid #f69522;
    border-bottom:1px solid #f69522
}
@media screen and (max-width:989px){
    .kitchen-planner .step-2c .action-buttons,.laundry-planner .step-2c .action-buttons,.wardrobe-planner .step-2b .action-buttons{
        margin-bottom:30px
    }
}
@media screen and (max-width:480px){
    .kitchen-planner .step-2c .action-buttons button.add-to-cart,.laundry-planner .step-2c .action-buttons button.add-to-cart,.wardrobe-planner .step-2b .action-buttons button.add-to-cart{
        display:block;
        width:100%;
        margin-bottom:25px
    }
}
.kitchen-planner .step-2c .action-buttons a.btn-print,.kitchen-planner .step-2c .action-buttons a.btn-save,.laundry-planner .step-2c .action-buttons a.btn-print,.laundry-planner .step-2c .action-buttons a.btn-save,.wardrobe-planner .step-2b .action-buttons a.btn-print,.wardrobe-planner .step-2b .action-buttons a.btn-save{
    display:inline-block;
    margin:0 0 0 30px;
    padding:0 0 0 17px;
    vertical-align:middle;
    font-weight:600
}
@media screen and (max-width:480px){
    .kitchen-planner .step-2c .action-buttons a.btn-save,.laundry-planner .step-2c .action-buttons a.btn-save,.wardrobe-planner .step-2b .action-buttons a.btn-save{
        margin-left:0
    }
/*****************************************/
.benchtop-planner.grid .if-g .diagram.diagram-g .user-input.g-left-length {
    right: 10%!important;
    top: 7% !important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .user-input.g-left-depth {
    bottom: 3%!important;
    left: 25% !important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .user-input.g-centre-length {
    left: -1%!important;
    top: 80% !important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .user-input.g-right-right-length {
    bottom: 7%!important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .user-input.g-right-depth {
    right: 32% !important;
    bottom: -3%!important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .g-height.static-value {
    top: 51% !important;
	left:-2% !important;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .g-height.static-value h6.thickness_lable {
    top: -17px !important;
	font-size: 12px;
}
.benchtop-planner.grid .diagram.diagram-g input[type=number], .benchtop-planner.grid .diagram.diagram-gr input[type=number] {
    height: 24px;
    margin-right: 0;
}
.benchtop-planner.grid .if-g .diagram.diagram-g .g-height.static-value label.g-height-label {
    line-height: 12px !important;
    font-size: 10px !important;
}
/**********************************************/
.benchtop-planner.grid .if-straight .diagram-straight {
    padding-right: 0;
}


.benchtop-planner.grid .if-u .diagram.diagram-u input[type=radio], .benchtop-planner.grid .if-l .diagram.diagram-l input[type=radio], .benchtop-planner.grid .if-straight .diagram-straight input[type=radio]{
    top: 3px;
    position: relative;
    height: 10px;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .user-input, .benchtop-planner.grid .if-l .diagram.diagram-l .user-input, .benchtop-planner.grid .if-straight .diagram-straight .user-input{
    line-height: 12px;
    font-size: 10px !important;
}
.benchtop-planner.grid .if-u .diagram.diagram-u label.u-height-label, .benchtop-planner.grid .if-l .diagram.diagram-l label.l-height-label, .benchtop-planner.grid .if-straight .diagram-straight label.straight-height-label{
    font-size: 10px;
    line-height: 12px;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-height.static-value h6.thickness_lable, .benchtop-planner.grid .if-l .diagram.diagram-l .l-height.static-value h6.thickness_lable, .benchtop-planner.grid .if-straight .diagram-straight h6.thickness_lable {
    top: -18px;
    font-size: 12px;
}
.benchtop-planner.grid .if-straight .diagram-straight .straight-height.static-value {
    top: 73%;
    left: -2%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-centre-depth {
	top: 35%;
    right: 35%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-height.static-value {
	top: 43%;
	left: -3%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-left-depth {
    left: 0;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-right-depth {
    right: 58%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-right-length {
    right: 15%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-centre-length {
    top: 15%;
}
.benchtop-planner.grid .if-u .diagram.diagram-u .u-left-length {
    left: 25%;
}

.benchtop-planner.grid .if-l .diagram.diagram-l .l-right-depth {
    right: 10%;
    bottom: 0%;
}
.benchtop-planner.grid .if-l .diagram.diagram-l .l-left-depth {
    left: 0%;
    bottom: -2%;
}
.benchtop-planner.grid .if-l .diagram.diagram-l .l-height.static-value {
    left: -2%;
    bottom: -5%;
    margin-top: -41px;
}
.benchtop-planner.grid .if-l .diagram.diagram-l .l-right-length {
    left: 65%;
}



.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-right-depth {
    left: 25%!important;
    bottom: 23%!important;
	font-size: 10px;
    line-height: 12px !important;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-centre-depth {
    top: 30%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.gr-left-length {
    top: 0;
    left: 10%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-centre-depth {
    right:30%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .u-height.static-value {
    top: 39%;
    left: -1%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-right-length{
    bottom: 3%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-centre-centre-length {
    bottom: 2%;
    left: 20%;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.gr-left-depth {
    line-height: 12px !important;
    font-size: 10px;
    top: 43% !important;
    left: 5% !important;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-centre-depth {
    line-height: 12px !important;
    font-size: 10px;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .user-input.u-right-depth2 {
    line-height: 12px !important;
    font-size: 10px;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr label.gr-height-label {
    font-size: 10px;
    line-height: 12px;
}
.benchtop-planner.grid .if-gr .diagram.diagram-gr .u-height.static-value h6.thickness_lable {
    top: -18px;
    font-size: 12px;
}
/******************************************/
}
.kitchen-planner .step-2c .action-buttons a.btn-save:focus,.kitchen-planner .step-2c .action-buttons a.btn-save:hover,.laundry-planner .step-2c .action-buttons a.btn-save:focus,.laundry-planner .step-2c .action-buttons a.btn-save:hover,.wardrobe-planner .step-2b .action-buttons a.btn-save:focus,.wardrobe-planner .step-2b .action-buttons a.btn-save:hover{
    background-position:0 -1593px
}
.kitchen-planner .step-2c .action-buttons a.btn-save span,.laundry-planner .step-2c .action-buttons a.btn-save span,.wardrobe-planner .step-2b .action-buttons a.btn-save span{
    display:inline-block;
    transition:padding .45s
}
.kitchen-planner .step-2c .action-buttons a.btn-save.is-saving,.laundry-planner .step-2c .action-buttons a.btn-save.is-saving,.wardrobe-planner .step-2b .action-buttons a.btn-save.is-saving{
    background-position:0 -1693px;
    color:#b6b6b6;
    cursor:default
}
.kitchen-planner .step-2c .action-buttons a.btn-save.is-saving span,.laundry-planner .step-2c .action-buttons a.btn-save.is-saving span,.wardrobe-planner .step-2b .action-buttons a.btn-save.is-saving span{
    padding-right:20px;
    background-position:right center
}
.kitchen-planner .step-2c .action-buttons a.btn-print,.laundry-planner .step-2c .action-buttons a.btn-print,.wardrobe-planner .step-2b .action-buttons a.btn-print{
    background-position:0 -1293px
}
.kitchen-planner .step-2c .action-buttons a.btn-print:focus,.kitchen-planner .step-2c .action-buttons a.btn-print:hover,.laundry-planner .step-2c .action-buttons a.btn-print:focus,.laundry-planner .step-2c .action-buttons a.btn-print:hover,.wardrobe-planner .step-2b .action-buttons a.btn-print:focus,.wardrobe-planner .step-2b .action-buttons a.btn-print:hover{
    background-position:0 -1393px
}
.kitchen-planner .step-2c .save-options .action-buttons,.laundry-planner .step-2c .save-options .action-buttons,.wardrobe-planner .step-2b .save-options .action-buttons{
    margin-bottom:0
}
.kitchen-planner .planner-products-list .wall-cabinets .scroll,.kitchen-planner .planner-products-list .wall-cabinets .wall-instructions,.laundry-planner .planner-products-list .wall-cabinets .scroll,.laundry-planner .planner-products-list .wall-cabinets .wall-instructions{
    display:none
}
.kitchen-planner .planner-products-list .wall-cabinets .scroll.shown,.kitchen-planner .planner-products-list .wall-cabinets .wall-instructions.shown,.laundry-planner .planner-products-list .wall-cabinets .scroll.shown,.laundry-planner .planner-products-list .wall-cabinets .wall-instructions.shown{
    display:block
}
.kitchen-planner .planner-products-list .wall-cabinets .wall-instructions,.laundry-planner .planner-products-list .wall-cabinets .wall-instructions{
    min-height:189px;
    padding:20px 20px 5px
}
@media screen and (max-width:699px){
    .kitchen-planner .planner-products-list .wall-cabinets .wall-instructions,.laundry-planner .planner-products-list .wall-cabinets .wall-instructions{
        min-height:0
    }
}
.kitchen-planner .go-to-link,.laundry-planner .go-to-link{
    width:126px;
    font-size:.8125em;
    font-style:italic;
    line-height:1.1;
    vertical-align:top
}
.kitchen-planner .go-to-link a,.laundry-planner .go-to-link a{
    display:block;
    padding:57px 0 30px 10px;
    white-space:normal
}
.wardrobe-planner .tips-and-tricks .delete{
    margin-top:15px
}
.wardrobe-planner .tips-and-tricks .delete a{
    padding-top:14px;
    border-top:1px solid #f69522;
    background-position:0 -980px
}
.wardrobe-planner .tips-and-tricks .delete a:focus,.wardrobe-planner .tips-and-tricks .delete a:hover{
    background-position:0 -1080px
}
.wardrobe-planner .component-options,.wardrobe-planner .tower-options,.wardrobe-planner .tower-options .drawer-options{
    display:none
}
.wardrobe-planner .component-options.shown,.wardrobe-planner .tower-options .drawer-options.shown,.wardrobe-planner .tower-options.shown{
    display:block
}
.wardrobe-planner .component-options .btn-add,.wardrobe-planner .component-options .btn-configure{
    display:none
}
.wardrobe-planner .component-options .btn-add.shown,.wardrobe-planner .component-options .btn-configure.shown{
    display:inline-block
}
.wardrobe-planner .additional-components .h2,.wardrobe-planner .additional-components h2{
    margin-bottom:1em
}
.wardrobe-planner .additional-components .h4{
    display:block;
    margin:0;
    font-size:1em;
    font-weight:600;
    line-height:1.2
}
.wardrobe-planner .additional-components .price{
    margin:0;
    font-size:.9375em;
    color:#999
}
@media screen and (max-width:768px){
    .wardrobe-planner .additional-components .price{
        margin-top:3px
    }
}
.wardrobe-planner .additional-components .variant-selector{
    margin:0;
    padding-top:4px;
    padding-bottom:4px
}
.wardrobe-planner .additional-components .components-list{
    overflow:hidden;
    margin-bottom:60px;
    border:1px solid #f69522;
    border-radius:5px
}
.wardrobe-planner .additional-components .cart__row{
    margin:0;
    padding:0
}
@media screen and (max-width:768px){
    .wardrobe-planner .additional-components .cart__row{
        padding:15px 0;
        font-size:.875em
    }
}
.wardrobe-planner .additional-components .cart__image{
    padding:15px
}
.wardrobe-planner .additional-components .ajaxcart__qty,.wardrobe-planner .additional-components .js-qty{
    max-width:97px
}
@media screen and (max-width:768px){
    .wardrobe-planner .additional-components .cart__image{
        padding:0
    }
    .wardrobe-planner .additional-components .cart__image img{
        position:relative;
        margin-left:15px
    }
    .wardrobe-planner .additional-components .cart__info{
        margin-bottom:10px;
        padding-right:15px
    }
    .wardrobe-planner .additional-components .cart__variant{
        margin-bottom:15px;
        padding-right:15px
    }
    .wardrobe-planner .additional-components .product-qty{
        position:relative;
        left:33.333%;
        padding-right:15px
    }
/***************************************/
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-depth {
    line-height: 15px !important;
    font-size: 13px;
	right: 33% !important;
    bottom: 2%!important;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-left-depth {
    line-height: 15px !important;
    font-size: 13px;
	bottom: 5%!important;
    left: 34%!important;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-centre-depth {
    line-height: 15px !important;
    font-size: 13px;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g2-left-depth {
    line-height: 15px !important;
	font-size: 13px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-right-depth2{
	line-height: 15px !important;
	font-size: 13px;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-right-length {
    bottom: 13%!important;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-left-length {
    right: 6%!important;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-length {
    top: 7%!important;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-centre-length {
    top: 72%!important;
}
/*******************************************/
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-centre-depth {
    line-height: 15px !important;
    font-size: 13px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-right-depth {
    line-height: 15px !important;
    font-size: 13px;
	left: 15%!important;
    bottom: 17%!important;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.gr-left-depth {
    line-height: 15px !important;
    font-size: 13px;
	top: 43% !important;
    left: 9% !important;
}
.benchtop-planner .if-gr .diagram.diagram-gr .u-height.static-value label.u-height-label {
    line-height: 15px;
    font-size: 13px;
}
}
@media screen and (min-width:769px){
    .benchtop-planner .step-5 .if-u .grid__item:nth-child(3){
        clear:both
    }
    .wardrobe-planner .additional-components .product-qty{
        float:left
    }
    .wardrobe-planner .additional-components .ajaxcart__qty,.wardrobe-planner .additional-components .js-qty{
        margin:0 auto
    }
}
.modal-dialog .modal-content{
    padding:0 20px!important;
    border:1px solid #f69522!important
}
.modal-dialog .modal-header{
    padding:20px 0!important;
    border-bottom:1px solid #f69522!important
}
.modal-dialog .modal-body{
    padding:20px 0!important
}
.modal-dialog .h4,.modal-dialog h4{
    font-size:1.5em!important;
    font-weight:700!important;
    line-height:1.4!important;
    color:#0084a9!important
}
.modal-dialog hr{
    margin:20px 0!important;
    border-top:1px solid #f69522!important
}
.modal-dialog #cffPCConflictModalMessage{
    margin-top:15px!important;
    text-align:center!important
}
.modal-dialog #cffPCConflictModalSelectOptionString,.modal-dialog #cffPCCurrentCartTitle,.modal-dialog #cffPCFoundCartTitle{
    margin-bottom:15px!important;
    font-size:1.125em!important;
    font-weight:700!important;
    color:#666!important;
    text-align:center!important
}
.modal-dialog #cffPCCurrentCartTitle{
    padding-top:20px!important;
    border-top:1px solid #f69522!important
}
.modal-dialog #cffPCConflictModalSelectOptionString{
    margin-bottom:0!important
}
.modal-dialog .modalLongButton{
    margin:20px 0 0!important;
    padding:8px 10px!important;
    font-size:1em!important;
    font-weight:700!important;
    line-height:1!important;
    border:1px solid transparent!important;
    border-radius:5px!important;
    transition:background-color .2s ease-out;
    background-color:#bbb!important;
    color:#fff!important;
    box-shadow:none!important
}
.modal-dialog .modalLongButton:hover{
    background-color:#a2a2a2!important
}
.modal-dialog .modalLongButton:active,.modal-dialog .modalLongButton:focus{
    background-color:#888!important
}
.modal-dialog #combineBothCartsButton{
    background-color:#00b1d3!important
}
.modal-dialog #combineBothCartsButton:hover{
    background-color:#0084a9!important
}
.modal-dialog #combineBothCartsButton:active,.modal-dialog #combineBothCartsButton:focus{
    background-color:#00708f!important
}
@media print{
    .site-header{
        padding-top:0
    }
    #admin_bar_iframe,.cart__check-order,.cart__terms,.header-top,.kitchen-planner .breadcrumb,.kitchen-planner .handle-selection,.kitchen-planner .section-header,.kitchen-planner .sidebar,.kitchen-planner .site-header,.kitchen-planner .soft-close-selection,.kitchen-planner .step-2 .action-buttons,.kitchen-planner .toe-kick-selection,.laundry-planner .breadcrumb,.laundry-planner .handle-selection,.laundry-planner .section-header,.laundry-planner .sidebar,.laundry-planner .site-header,.laundry-planner .soft-close-selection,.laundry-planner .step-2 .action-buttons,.laundry-planner .toe-kick-selection,.shipping-calculator,.site-footer,.template-cart .site-header,.wardrobe-planner .breadcrumb,.wardrobe-planner .handle-selection,.wardrobe-planner .section-header,.wardrobe-planner .sidebar,.wardrobe-planner .site-header,.wardrobe-planner .soft-close-selection,.wardrobe-planner .step-2 .action-buttons{
        display:none!important
    }
    .kitchen-planner .main-content,.laundry-planner .main-content,.template-cart .main-content,.wardrobe-planner .main-content{
        margin-top:0
    }
    .kitchen-planner #canvas,.kitchen-planner .canvas-container,.laundry-planner #canvas,.laundry-planner .canvas-container,.wardrobe-planner #canvas,.wardrobe-planner .canvas-container{
        position:static!important;
        width:100%!important;
        height:auto!important
    }
    .kitchen-planner #canvas,.laundry-planner #canvas,.wardrobe-planner #canvas{
        display:block!important
    }
    .kitchen-planner .upper-canvas,.laundry-planner .upper-canvas,.wardrobe-planner .upper-canvas{
        display:none!important
    }
    .kitchen-planner .cart__row .large--one-third,.kitchen-planner .cart__row .large--two-thirds,.laundry-planner .cart__row .large--one-third,.laundry-planner .cart__row .large--two-thirds,.wardrobe-planner .cart__row .large--one-third,.wardrobe-planner .cart__row .large--two-thirds{
        page-break-inside:avoid
    }
    .kitchen-planner .step-2,.laundry-planner .step-2,.wardrobe-planner .step-2{
        padding-left:22px
    }
    .kitchen-planner .diagram .ruler-y span,.laundry-planner .diagram .ruler-y span,.wardrobe-planner .diagram .ruler-y span{
        right:-7px;
        width:50px;
        margin-top:0;
        -webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        -o-transform:rotate(270deg);
        transform:rotate(270deg);
        -webkit-transform-origin:center top;
        -moz-transform-origin:center top;
        -ms-transform-origin:center top;
        -o-transform-origin:center top;
        transform-origin:center top
    }
}
/*******************G Shape***********************/
.benchtop-planner .if-g .diagram.diagram-g .g-height.static-value {
    top: 48%;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-depth {
    right: 36%;
    bottom: 8%;
    line-height: 20px;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-length {
    top: 14%;
    left: 22%;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-centre-depth {
    top: 30%;
    right: 21%;
	line-height: 20px;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g2-left-depth {
    top: 22%;
    line-height: 20px;
    left: 35%;	
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-centre-length {
    left: 13%;
    top: 67%;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-left-depth {
    bottom: 13%;
    left: 40%;
    line-height: 20px;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-left-length {
    right: 12%;
    top: 16%;
}
.benchtop-planner .if-g .diagram.diagram-g .user-input.g-right-right-length {
    right: 0;
    bottom: 20%;
}
.benchtop-planner .if-g .diagram.diagram-g .g-height.static-value label.g-height-label {
    line-height: 17px;
}
.benchtop-planner .if-g .diagram.diagram-g .g-height.static-value h6.thickness_lable {
    top: -25px;
}
/*******************G Shape  End***********************/
/*******************GR Shape***********************/
.benchtop-planner .if-gr .diagram.diagram-gr .u-height.static-value {
    top: 35%;
    left: 7%;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-centre-depth {
    top: 35%;
	line-height: 20px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-right-depth {
    right: 60%;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.gr-left-depth {
    top: 45%;
	left: 12%;
	line-height: 20px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.gr-left-length {
    top: 5%;
    left: 23%;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-centre-length {
    top: 20%;
    left: 71%;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-right-depth {
    left: 28%;
    bottom: 40%;
	line-height: 18px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-centre-centre-length {
    left: 28%;
    bottom: 6%;
}
.benchtop-planner .if-gr .diagram.diagram-gr .u-height.static-value label.u-height-label {
    line-height: 17px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .u-height.static-value h6.thickness_lable {
    top: -25px;
}
.benchtop-planner .if-gr .diagram.diagram-gr .user-input.u-right-depth2 {
    bottom: 27%;
    right: 27%;
    line-height: 20px;	
}
/*******************GR Shape  End***********************/