/* General styles */
#superbox p.close{display:none!important;}
.fodiyblue {color: #1A2D3D!important;}
h1, h2, h3, h4, h5 {font-family: 'Playfair Display', serif; letter-spacing: 0.5px;}
.regularbtn {width: 100%; display: block; padding: 0!important; padding-top: 13px!important; background: #35BBF6; border-radius: 2px; height: 31px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #FFF; letter-spacing: 2px!important; text-align: center; text-transform: uppercase; cursor: pointer; font-weight: bold;}
.regularbtn:hover {background: #30A8DD; color: #FFF; text-decoration: none;}

/* New container styles */
#container {width: 100%; padding: 0;}
#contentfullwidth {width: 1168px; margin: auto; float: none; padding-top: 0;}
#contentfullwidth:nth-child(1){float: left;}

/* New header styles */
#header {width: 100%; background: #48ACF0; margin-bottom: 25px;}
#header-inner {width: 1168px; margin: auto; position: relative;}
#diy-logo {width: 222px; height: 49px; float: left; margin: 30px 0 26px 0; background: url("http://static.diy-kitchens.com/assets/images/home/diy-kitchens-logo-ffffff.svg") no-repeat;}
#shopping-tools {width: 568px!important; height: 49px; float: left; margin: 27px 0 0 118px!important;}
#shopping-tools a {padding: 18px; font-size: 12px; font-family: 'Open Sans', sans-serif!important; letter-spacing: 0.4px; color: #FFF; float: left; position: relative; cursor: pointer;}
a.dd-title:hover {background: #1A2D3D; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.dd-menu {display: none!important;}
.dd-menu.active {display: block!important;}
.support-link.active {background: #1A2D3D; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.support-link::after {content: " "; width: 18px; height: 19px; margin-left: 7px; float: right; background: url(http://static.diy-kitchens.com/assets/images/home/support-icon-ffffff.svg) no-repeat;}
.support-dd {width: 164px; position: absolute; top: 54px; left: 0; padding: 20px; background: #FFF; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; z-index: 9997; moz-box-shadow: 0px 3px 8px #999; -webkit-box-shadow: 0px 3px 8px #999; box-shadow: 0px 3px 8px #999; display: none;}
.support-dd strong {float: left; margin-bottom: 5px; font-family: 'Open Sans', sans-serif!important; font-size: 14px; color: #1a2d3d; letter-spacing: 0.6px;}
.support-dd a {float: left; padding: 0!important; font-family: 'Open Sans', sans-serif!important; font-size: 14px!important; color: #7e8995!important; letter-spacing: 0.6px!important;}
.stylechoice-link.active {background: #1A2D3D; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.stylechoice-link::after {content: " "; width: 18px; height: 18px; margin-left: 7px; float: right; background: url(http://static.diy-kitchens.com/assets/images/home/colour-icon-ffffff.svg) no-repeat;}
.style-dd {position: absolute; top: 54px; left: 0; padding: 20px; background: #FFF; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; z-index: 9997; -moz-box-shadow: 0px 3px 8px #999;
-webkit-box-shadow: 0px 3px 8px #999; box-shadow: 0px 3px 8px #999; display: none;}
.style-dd-inner {width: 181px; float: left; margin-bottom: 20px; display: flex; align-items: center;}
.style-dd-inner-box {width: 110px; float: left;}
.style-dd-inner-box strong {width: 110px; float: left; margin-bottom: 3px; font-family: 'Open Sans', sans-serif!important; font-size: 14px; color: #1a2d3d; letter-spacing: 0.6px;}
.style-dd-inner-box span {width: 110px; float: left; font-family: 'Open Sans', sans-serif!important; font-size: 14px; color: #7e8995; letter-spacing: 0.6px;}
#style-dd-dswatch {width: 50px; height: 50px; float: right; margin-left: 20px; border-radius: 2px;}
#style-dd-cswatch {width: 50px; height: 50px; float: right; margin-left: 20px; border-radius: 2px;}
.selectbtn {width: 100%; display: block; padding: 0!important; padding-top: 13px!important; background: #35BBF6; border-radius: 2px; height: 31px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #FFF; letter-spacing: 2px!important; text-align: center; text-transform: uppercase; cursor: pointer; font-weight: bold;}
.selectbtn:hover {background: #30A8DD; color: #FFF; text-decoration: none;}
#range-selector {width: 1168px; position: fixed; top: 128px; left: 50%; margin-top: -50px; margin-left: -584px; z-index: 10000; display: none;}
#range-selector-tabs {float: left;}
#range-selector-tabs a {float: left; padding: 15px 25px; background: #EBEBEB; border-top-left-radius: 2px; border-top-right-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}
#range-selector-tabs a:hover {text-decoration: none;}
#range-selector-tabs a.active {background: #FFF;}
#range-selector-inner {width: 1108px; float: left; padding: 30px; background: #FFF; border-radius: 2px; border-top-left-radius: 0;}
.selector-content {display: none;}
.selector-content.active {display: block;}
#xxx {display: none!important;}
.door-swatch-area {width: 680px!important; height: 537px!important; float: left; padding: 0!important; border: none!important; border-left: 2px solid #EBEBEB!important; overflow-y: scroll;}
.door-swatch {width: 130px; float: left; margin-left: 5px; padding: 15px;}
.door-swatch:hover, .door-swatch.active {background: #F6F6F6; text-decoration: none;}
.cabinet-swatch-area {width: 820px!important; height: 537px!important; float: left; padding: 0!important; border: none!important; overflow-y: scroll;}
.cabinet-swatch {width: 190px; float: left; padding: 12px 0 12px 7px; text-align: center;}
.cabinet-swatch:hover, .cabinet-swatch.active {background: #F6F6F6; text-decoration: none;}
.basket-link::after {content: " "; width: 22px; height: 19px; margin-left: 7px; float: right; position: relative;top: 0; right: 0; background: url(http://static.diy-kitchens.com/assets/images/home/basket-icon-ffffff.svg) no-repeat;}
#mib-logo {width: 110px; height: 23px; float: right; margin-bottom: 20px; background: url("http://static.diy-kitchens.com/assets/images/home/made-in-britain-logo-ffffff.svg") no-repeat;}
.showroom-opening {width: 160px; float: right!important; position: relative!important; height: initial!important; top: 0!important; margin-top: 0; margin-left: 0!important;}
#service-bar {width: 100%; background: #334453; float: left; margin-bottom: 30px;}
#service-bar-inner {width: 1168px; margin: auto;}
.service-bar-left {float: left;}
.service-bar-left a {float: left; margin-right: 28px; padding: 12px 0; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; color: #C9CED7;}
.service-bar-right {float: right; padding: 12px 0; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; color: #C9CED7;}
.service-bar-right a {color: #FFF;}
#globaloffer-bar {width: 100%; background: #FF1053; float: left; margin-top: -29px; margin-bottom: 30px; text-align: center;}

/* New footer styles */
#footer {width: 100%; margin-top: 30px!important;}
#footer::before {content: " "; width: 100%; display: block; padding-bottom: 30px!important; border-top: 2px solid #1A2D3D;}
.brandbar {width: 100%; text-align: center;}
.brandbar img {padding: 0 18px!important;}
#newsletter {width: 100%; padding: 20px 0!important;}
#newsletter strong {font-size: 14px; letter-spacing: 1.5px;}
#newsletter input#mjuiy-mjuiy {padding: 12px; font-size: 12px; letter-spacing: 1.5px;}
#newsletter .signupbtn {width: 100px!important; margin-right: 0!important; padding: 13px!important; background: #35BBF6; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #FFF; letter-spacing: 2px!important; text-align: center; text-transform: uppercase; cursor: pointer; font-weight: bold; border: none;}
#newsletter .signupbtn:hover {background: #30A8DD; color: #FFF; text-decoration: none;}
#footer-columns {width: 100%; margin-bottom: 0!important; padding: 30px 0!important; background: #EFEFEF!important;}
#footer-columns-inner {width: 1168px; margin: auto;}
.bottomcol {width: 277px;}
.bottomcol h5 {font-family: 'Playfair Display', serif; font-size: 18px; letter-spacing: 0.5px; margin-top: 0; margin-bottom: 20px;}
.bottomcol li{font-family: 'Lato', serif; font-size: 14px!important; line-height: 22px; letter-spacing: 0.5px; margin-top: 0;}
#footer-copyright {width: 1168px; margin: auto; margin-top: 30px; float: none!important; letter-spacing: 0.5px;}
#footerleft {width: 770px!important;}

/* Search styles */
#searchwrapper {width: 250px!important; float: right; margin-top: 30px;}
.gsc-search-box:focus {outline: none!important;}
.gsc-input-box {width: 210px!important; border: none!important; height: 40px!important; border-radius: 2px!important;}
.gsc-input-box:focus {outline: none!important;}
#gsc-i-id1 {height: 40px!important; border: none!important; border-radius: 2px!important; margin-left: 45px!important;}
#gsc-i-id1:hover, #gsc-i-id1:focus {outline: none!important;}
.gsib_a {width: 250px; padding: 0!important; border: none!important;}
.gsib_a:focus {outline: none!important;}
input.gsc-search-button {position: absolute!important; border-radius: 2px!important; border-color: #FFF; background-color: #FFF; top: 1px; left: -2px; background: url(http://static.diy-kitchens.com/assets/images/home/header-sprite.png) no-repeat #FFF -170px -36px!important;}
input.gsc-search-button:hover, input.gsc-search-button:focus {background: url(/header-sprite.png) no-repeat #FFF -170px -65px!important; outline: none!important;}
.gsc-search-button-v2 {padding: 13px 13px!important; margin-top: 83px;}

/* New homepage styles */
.homepage-row {width: 968px; float: left; margin-bottom: 80px;}
.homepage-row h2 {font-family: 'Playfair Display', serif; font-size: 50px; letter-spacing: 0.5px; text-align: center; margin-top: 0; margin-bottom: 12px;}
.homepage-row h3 {font-family: 'Lato', serif; font-size: 17px; color: #48ACF0; letter-spacing: 2px; text-align: center; margin-top: 0; margin-bottom: 12px;}
.homepage-row p {font-family: 'Lato', serif; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; text-align: center; margin-top: 0; margin: 0 auto;}
.homepage-block {width: 309px; float: left; margin-right: 20px; background: #1A2D3D;}
.homepage-block img{width: 100%; float: left; margin-bottom: 20px;}
.homepage-block h3 {font-family: 'Playfair Display', serif; font-size: 28px; letter-spacing: 0.5px; text-align: center; color: #FFF; margin-top: 0; margin-bottom: 10px;}
.homepage-block h4 {font-family: 'Lato', serif; font-size: 14px; letter-spacing: 2px; text-align: center; text-transform: uppercase; color: #C9CED7; margin-top: 0; margin-bottom: 27px;}
.homepage-block a {width: 202px; display: inline-block; padding: 0!important; padding-top: 13px!important; background: #35BBF6; border-radius: 2px; height: 31px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #FFF; letter-spacing: 1px!important; text-align: center; text-transform: uppercase; cursor: pointer; font-weight: bold;}
.homepage-block a:hover {background: #30A8DD; color: #FFF; text-decoration: none;}
.kitchen-block {width: 309px; float: left; margin-right: 20px; margin-bottom: 20px;}
.kitchen-block img{width: 100%; float: left; margin-bottom: 20px;}
.kitchen-block h3 {font-family: 'Playfair Display', serif; font-size: 28px; letter-spacing: 0.5px; text-align: center; color: #1A2D3D; margin-top: 0; margin-bottom: 10px;}
.kitchen-block h4 {font-family: 'Lato', serif; font-size: 14px; letter-spacing: 2px; text-align: center; text-transform: uppercase; font-weight: bold; color: #1A2D3D; margin-top: 0; margin-bottom: 27px;}
.kitchen-block a {width: 202px; display: inline-block; padding: 0!important; padding-top: 13px!important; background: #FFF; border-radius: 2px; height: 31px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #1A2D3D; letter-spacing: 1px!important; text-align: center; text-transform: uppercase; cursor: pointer; font-weight: bold;}
.kitchen-block a:hover {background: #1A2D3D; color: #FFF; text-decoration: none;}
.weekcomm-box {background: #ffe381;}
.hgcol {background: #F6EFE4;}
.shcol {background: #CAC3C8;}
.pacol {background: #E0D5CB;}
.hlcol {background: #D1D2D1;}
.ifcol {background: #CBD5D9;}
.cpcol {background: #C4E9F8;}
.mocol {background: #F6EFE4;}
.trcol {background: #F6EFE4;}
.smcol {background: #F6EFE4;}