/* Product Block */
.prodblock {width: 210px!important; float: left; position: relative; margin-right: 50px; margin-top: 33px; margin-bottom: 71px;}
.prodtitle {width: 210px!important; height: 38px; float: left; margin-bottom: 32px; font-family: 'Lato', sans-serif!important; line-height: 20px;}
.prodpara {width: 210px!important; float: left; margin-bottom: 16px; font-family: 'Open Sans'; font-size: 12px; color: #000000; text-align: center; letter-spacing: 0.0417em; line-height: 12px;}
.prodimage {width: 210px!important; height: 220.36px; float: left; margin-bottom: 39.64px; padding-top: 0; text-align: center;}
.prodbrand {width: 210px!important; float: left; margin-bottom: 20px; padding-top: 0;}
.prodexprice {}
.prodincprice {}
.offerprice {display: block; margin-top: 8px; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; color: #FF1053; text-align: center; letter-spacing: 0.0357em; line-height: 14px;}

/* Product Block Btns */
.addbtn {display: block; padding-top: 15px; background: #4DDCA7; border: 1px solid #4DDCA7; border-radius: 2px; height: 27px; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #FFF; letter-spacing: 0.0833em; line-height: 12px; text-align: center; text-transform: uppercase; cursor: pointer;}
.addbtn:hover {text-decoration: none; background: #000; border: 1px solid #000; color: #FFF;}
input.addbtn {display: block; padding-top: 0; background: #4DDCA7; border: 1px solid #4DDCA7; border-radius: 2px; height: 44px; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #FFF; letter-spacing: 0.0833em; line-height: 12px; text-align: center; text-transform: uppercase;cursor: pointer;}
input.addbtn:hover {text-decoration: none; background: #000; border: 1px solid #000; color: #FFF;}
.morebtn {display: block; padding-top: 15px; background: #FFF; border: 1px solid #000; border-radius: 2px; height: 27px; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #000; letter-spacing: 0.0833em; line-height: 12px; text-align: center; text-transform: uppercase; cursor: pointer;}
.morebtn:hover {text-decoration: none; background: #000; border: 1px solid #000; color: #FFF;}
.wtbtn, .selectbtn {display: block; padding-top: 15px; background: #2196F3; border: 1px solid #35BBF6; border-radius: 2px; height: 27px; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #FFF; letter-spacing: 0.0833em; line-height: 12px; text-align: center; text-transform: uppercase; cursor: pointer;}
.wtbtn:hover, .selectbtn:hover {text-decoration: none; background: #0398DC; border: 1px solid #0398DC; color: #FFF;}
.addedbtn {background: #4DDCA7; border: 1px solid #4DDCA7; pointer-events: none;}
.addedbtn:hover {background: #4DDCA7; border: 1px solid #4DDCA7; pointer-events: none;}

/* Left Filter Menu */
#productfilters {width: 260px; float: left;}
#productfiltercontainer {width: 980px; float: left;}
#productfilterleftcolumn {width: 225px; min-height: 340px; height: auto; float: left; margin-top: 70px;}
.doorsfilterblock {width: 225px; float: left; margin-bottom: 50px!important; padding-bottom: 0px; border-bottom: none!important;}
#productfilterleftcolumn h3 {display: block; font-family: 'Open Sans'; font-size: 22px; font-weight: bold; color: rgba(0, 0, 0, 0.9); text-align: left; margin-bottom: 24px; letter-spacing: 0.02em; line-height: 40px;}
#productfilterleftcolumn a.subheader, #productfilterleftcolumn h4 {display: block; font-family: 'Open Sans'; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.9); text-align: left; margin-bottom: 24px; text-transform: uppercase; letter-spacing: 0.04em; line-height: 24px;}
#productfilterleftcolumn h4 {margin-bottom: 16px;}
#productfilterleftcolumn a.subheader:hover {color: rgba(3, 169, 244, 1); text-decoration: none;}
#productfilterleftcolumn a.subheader.active {color: rgba(3, 169, 244, 1);}
#productfilterleftcolumn a.category, .checkboxon, .checkboxoff {display: block; font-family: 'Open Sans'; font-size: 14px; color: rgba(0, 0, 0, 0.9); text-align: left; margin-bottom: 16px; letter-spacing: 0.04em; line-height: 24px;}
#productfilterleftcolumn a.category:hover, .checkboxon:hover, .checkboxoff:hover {color: rgba(3, 169, 244, 1); font-weight: bold; text-decoration: none;}
#productfilterleftcolumn a.category.active, .checkboxon {font-weight: bold; color: rgba(3, 169, 244, 1); font-weight: bold;}
#productfilterleftcolumn .divider {display: block; height: 1px; width: 100%; margin: 28px 0 19px 0; background-color: rgba(216, 216, 216, 1);}
.doorsfilterblock span {font-size: 16px!important; color: #000!important; margin: 0!important;}
.doorsfilterblock div {background: none; border: 0; padding: 0!important;}
.doorsfilterblock strong {display: block; font-family: 'Open Sans'; font-weight: bold; font-size: 14px; color: rgba(0, 0, 0, 0.9); text-align: left; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.04em; line-height: 24px;}
.doorsfilterblock a {display: block;}
.doorsfilterblock a:hover {text-decoration: none;}
.doorsfilterblock a.selected {text-decoration: none;}
.doorsfilterblock .checkfilter {display: block; font-family: 'Open Sans'; font-size: 14px; color: rgba(0, 0, 0, 0.9); text-align: left; margin-bottom: 16px; letter-spacing: 0.04em; line-height: 24px;}
.doorsfilterblock .checkfilter input {margin: 0; padding: 0;}
.doorsfilterblock .checkfilter label {}
.checkboxon { height: 24px!important; padding-left: 40px!important; padding-top: 1px!important; background: url(http://static.diy-kitchens.com/assets/images/kitchens/check-box-selected-24px.svg) no-repeat 0px 0px !important; color: rgba(3, 169, 244, 1); font-weight: bold;}
.checkboxon:hover {}
.checkboxoff {height: 24px!important; padding-left: 40px!important; padding-top: 1px!important; background: url(http://static.diy-kitchens.com/assets/images/kitchens/check-box-24px.svg) no-repeat 0px 0 !important;}
.checkboxoff:hover {height: 24px!important; padding-left: 40px!important; padding-top: 1px!important; background: url(http://static.diy-kitchens.com/assets/images/kitchens/check-box-selected-24px.svg) no-repeat 0px 0px !important; color: rgba(3, 169, 244, 1); font-weight: bold;}

/* Filtered Results */
#productfilterresults {width: 730px; height: auto; min-height: 340px; float: right; margin-top: 8px;display: inline;}

/* Special Toggle Slider Switch */
.switch {position: relative; display: inline-block; width: 31px; height: 18px;}
.switch input {display: none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 14px; width: 14px; left: 2px; top: 2px; background-color: white; border-radius: 16px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 3px 1px 0px rgba(0, 0, 0, 0.05); -webkit-transition: .4s; transition: .4s;}
.slider span {position: absolute; left: -170px; margin: 1px 0 0 0; font-family: 'Open Sans'; font-size: 12px; font-weight: 600; color: #000; text-align: right; letter-spacing: 1.5px; line-height: 12px; text-transform: uppercase;}
.slider span::after {content: "prices excluding vat"; text-indent: 0; line-height: initial; display: block;}
input: checked + .slider {background-color: #2196F3;}
.slider.active {background-color: #2196F3;}
input: checked + .slider span {float: left; margin: 1px 0 0 12px;}
.slider.active span {left: -169px;}
input: checked + .slider span::after {content: "prices including vat"; text-indent: 0; line-height: initial; display: block;}
.slider.active span::after {content: "prices including vat"; text-indent: 0; line-height: initial; display: block;}
input: focus + .slider {box-shadow: 0 0 1px #2196F3;}
input: checked + .slider:before {-webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px);}
.slider.active:before {-webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px);}
/* Rounded sliders */
.slider.round {border-radius: 15px;}
.slider.round:before {border-radius: 15px;}

/* Offer Circle Overlay */
.offer-circle {position: absolute; top: 0; right: 0; height: 80px; width: 80px; background-color: rgba(255, 16, 83, 1); border-radius: 80px; z-index: 1000; text-align: center;}
.offer-circle span {display: block; margin-top: 17px; font-family: 'Playfair Display', serif; font-size: 23px; font-weight: bold; color: rgba(255, 255, 255, 1); text-align: center; letter-spacing: 1px; line-height: 24px;}

/* Product Title & Heading */
.product-title {width: 100%; float: left; font-family: 'Playfair Display'; font-size: 39px; color: #000000; text-align: center; letter-spacing: 0.0128em; line-height: 50px;}
.heading-bar {width: 100%; float: left; padding: 14px 0; background: #000; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #FFF; text-align: center; font-weight: 600; letter-spacing: 0.0909em; line-height: 28px; text-transform: uppercase;}

/* Unit Row, Columns & Misc */
.product-detail-row {width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.product-detail-row input[type="radio"] {float: left; margin: 0; zoom: 2; cursor: pointer;}
.product-detail-row label {float: left; margin: 0 0 0 10px; font-family: 'Open Sans'; font-size: 12px; text-align: left; text-transform: uppercase; letter-spacing: 0.0417em; line-height: 28px;}
.configure-unit-row {font-family: 'Open Sans'; font-size: 12px; color: rgba(0, 0, 0, 0.7); text-align: left; letter-spacing: 0.0417em; line-height: 22px;}
.two-col {width: 50%; float: left; font-family: 'Open Sans'; font-size: 12px; text-align: left; letter-spacing: 0.0417em; line-height: 28px;}
.three-col {width: 33.33%; float: left;}
.two-col strong, .three-col strong {font-family: 'Open Sans'; font-size: 12px; font-weight: bold; text-align: left; text-transform: uppercase; letter-spacing: 0.0417em; line-height: 28px;}
.prodexprice, .prodincprice {width: 100%; float: left; margin-bottom: 15px; font-family: 'Open Sans'; font-size: 16px; color: rgba(147, 104, 183, 1); text-align: center; letter-spacing: 0.0322em; line-height: 16px;}
.complete-text {margin-top: 10px; font-family: 'Open Sans'; font-size: 16px; color: rgba(147, 104, 183, 1); text-align: left; letter-spacing: 0.0322em; line-height: 16px;}

/* Special Dropdown */
.dropdown {display: inline-block; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; text-align: center; letter-spacing: 0.1429em; line-height: 18px; text-transform: uppercase;}
.dropdown dd, .dropdown dt, .dropdown ul {margin: 0px; padding: 0px; }
.dropdown dd {position: relative; }
.dropdown a, .dropdown a: visited {width: 194px; display: table; }
.dropdown a:hover {color: #30A8DD;}
.dropdown dt a:hover {color: #30A8DD; border: 1px solid #30A8DD; cursor: pointer;}
.dropdown dt a {width: 194px; background: #FFF url(http: //www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/arrow.png) no-repeat scroll right center; display: table; padding: 4px; border: 1px solid #30A8DD; text-align: center;}
.dropdown dt a span {width: 145px; display: table-cell; vertical-align: middle;}
.dropdown dd ul {background: #FFF none repeat scroll 0 0; border: 1px solid #30A8DD; color: #35BBF6; display: none; left: 0px; padding: 0px; position: absolute; top: 2px; width: 202px; list-style: none;}
.dropdown span.value {width: 145px; display: table-cell; vertical-align: middle; font-size: 12px;}
.dropdown dd ul li a {width: 194px; padding: 4px; display: table;}
.dropdown dd ul li a: hover {background-color: #EFEFEF; cursor: pointer;}
.dropdown img {width: 40px; height: 40px; display: table-cell; vertical-align: middle;}

/* Special Checkboxes */
.specialcheckbox {float: left; cursor: pointer; position: relative; width: 26px; height: 26px; top: 0; left: 0; background: #FFF; border: 2px solid rgba(0, 0, 0, 0.7); border-radius: 2px;}
.specialcheckbox.active {cursor: pointer; position: relative; width: 26px; height: 26px; top: 0; left: 0; border: 2px solid rgba(33, 150, 243, 1); background: rgba(33, 150, 243, 1); border-radius: 2px;}
.specialcheckbox:after {opacity: 0.2; content: ''; position: absolute; width: 13px; height: 6px; background: transparent; top: 6px; left: 5px; border: 3px solid #FFF; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.specialcheckbox:hover::after {opacity: 1;}
.specialcheckbox.active:after {opacity: 1;}

/* Misc */
.w307 {width: 307px;}
.folightblack {color: rgba(0, 0, 0, 0.4);}
.folightpurple {color: rgba(147, 104, 183, 1);}