/* =Structure
-------------------------------------------------------------- */

body{
	background:#e4e4e4;
}

#wrapper,
.inner-content{
	max-width:1300px;
	min-width:320px;
	text-align:left;
	margin:0 auto;
	padding:10px 20px 20px 20px;
	background:#fff;
	position:relative	
}

#wrapper{
	padding-bottom:70px;
}

*{
	box-sizing: border-box;
}

/* =Structure formats
-------------------------------------------------------------- */

#sidebar-left-wrapper{
	width:100%;
	position:relative;
}

#sidebar-left-wrapper #sidebar{
	width:30%;
	float:left;
}

#sidebar-left-wrapper #content-right{
	width:66%;
	float:right;
}

.page  #sidebar-left-wrapper #sidebar{
	width:28%;
	float:left;
}

.page  #sidebar-left-wrapper #content-right{
	width:68%;
	float:right;	
}

/* door page */
.product-multiselect #sidebar-left-wrapper #sidebar{
	width:40%;
}

.product-multiselect #sidebar-left-wrapper #content-right{
	width:56%;
}


#col2-wrapper{
	width:100%;
}

#col2-wrapper .left-wrapper{
	float:left;
	width:36%;
}

#col2-wrapper .right-wrapper{
	float:right;
	width:60%;
}

#col6040 .left-wrapper{
	float:left;
	width:52%;
}

#col6040 .right-wrapper{
	float:right;
	width:42%;
}


/* =Structure format styles
-------------------------------------------------------------- */

#sidebar-left-wrapper #sidebar h1,
#sidebar-left-wrapper #content-right .result-top-details{
	border-bottom:2px solid #f88101;
	width:100%;
	margin-bottom:25px;
	padding-bottom:15px;	
}

#sidebar-left-wrapper #content-right .result-top-details{
	display: table;
	width:100%;
	margin-top:16px;
	min-height:45px;
}

#sidebar-left-wrapper #content-right .result-top-details .count{
	display: table-cell;
	vertical-align: bottom;
}

#sidebar-left-wrapper #content-right .result-top-details .count h5{
	vertical-align: bottom;
}

#sidebar-left-wrapper #content-right .result-top-details .orderby{
	display: table-cell;
	text-align:right;
}

#sidebar-left-wrapper #content-right .result-top-details  .orderby label{
	display:inline-block;
	padding-right:5px;
}

#sidebar-left-wrapper #content-right .result-top-details  .orderby select{
	width:220px;
	padding-bottom:1px;
	padding-top:1px;
	display:inline-block;
}

.iub_content.legal_pp > h2:first-of-type,
.iubenda_legal_document > h1:first-of-type {
	display:none !important;
}


/* =Header
-------------------------------------------------------------- */

#header{
	position:relative;
}

#header .top-strip{
	float:right;
	width:26%;
}

#header .top-strip h4{
	padding:0 0 0 0;
	margin:0;
	text-transform:uppercase;
	font-weight:600;
	background:url("../images/delivery-icon.png") no-repeat right center;
	padding:5px 50px 5px 5px;
	text-align:right;
	line-height:1.2em;
}


#header .trustpilot-widget{
	width: 100px;
	float:left;
	margin-top:5px;
	margin-left:5%;
}

#header .trustpilot-badge{
	float:left;
	margin-left:10px;
	display:none;
}

#header .paypal-credit{
	position: absolute;
	right: 160px;
	top: 40px;
}

#header .paypal-credit a,
#header .paypal-credit img{
	display:block;
}

#header .paypal-credit img{
	width:100%;
	height:auto;
}

.logo{
	float:left;
	width:269px;
}

.logo a{
	display:block;
}

.logo a img{
	width:100%;
	height:auto;
	position:relative;
	top:10px;
}

.header-contact-numbers{
	float:left;
	margin-left:30px;
	margin-top:20px;
	width:255px;
}

.header-contact-numbers .centre{
	margin:0 auto;
	width:205px;
}

.header-contact-numbers h3{
	color:#999;
	font-size:13px;	
	line-height:1.4em;
	padding-bottom:2px;
}

.header-contact-numbers h3 span.label{
	width:70px;
	display:inline-block;
}

.header-contact-numbers h3 span.tel,
.header-contact-numbers h3 span.tel a{
	font-weight:bold;
	font-size:20px;
	color:#404040;
	position:relative;
	text-align:right;
	text-decoration:none;
}

.header-contact-numbers h3 span.lines-open{
	color:#404040;
	display:block;
	text-align:right;
}

.header-contact-numbers h4.support{
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	text-align:right;
	margin-top:5px;
	color:#f88101;
	line-height: 1.2em;
}

.header-contact-numbers h4.support{
	text-align:center;
}

.header-contact-numbers h3 span.lines-open strong{
	font-weight:600;
}

.checkout-basket{
	float:right;
	margin-top:15px;
}

.checkout-basket a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:22px;
	padding:6px 25px 6px 35px;
	background:url("../images/trolley.png") no-repeat 15px center #dd3d2d;
}

.checkout-basket a:hover{
	background-color:#333;
	color:#f88101;
}

.checkout-basket a:hover span.count{
	background:#f88101;
	color:#000;
}

.checkout-basket a.checkout-btn{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
}

.checkout-basket a span.count{
	position:relative;
	bottom:6px;
	background:#333;
	color:#fff;
	font-size:13px;
	border-radius: 50%;
	padding:1px 5px 3px 3px;
	line-height:0;
	font-weight:600;
	margin-right:5px;
}

.feature-strip{
	background-color:#12328a;
	padding:10px 10px 0 10px;
	text-align:center;
}

.feature-strip #paypal-3 iframe{
	max-width:780px;
	margin:0 auto;
}


/* =Page content
-------------------------------------------------------------- */

.page-content a{
	color:#dd3d2d;
	text-decoration:underline;
}

.page-content a:hover{
	text-decoration:none;
}

.page-content h2{}

.page-content h3{
	padding-top:20px;
}

.page-content h4{
	padding-top:15px;
	font-size:20px;
}

.page-content h5{
	padding-top:10px;
}

.page-content ul{
	margin:20px 40px;
}

.page-content ul li{
	padding:5px 0;
	list-style-type:square;
}

.page-content img{
	max-width:100%;
	height:auto;
}

/* =Product pages
-------------------------------------------------------------- */


.results .product{
	border:1px solid #eee;
	padding:10px;
	position:relative;
}

.results .product:hover{
	border-color:#f88101 !important;
}

.results .product a{
	display:block;
	text-decoration:none;
}

.results .product a img{
	width:100%;
	display:block;
	height:auto;
}

.results .product span.title{
	display:block;
	font-weight:600;
	font-size:18px;
	line-height:1.3em;
	margin-top:5px;
}

.results .product span.price{
	display:block;
}

.results .product span.price b{
	font-size:18px;
	font-weight:600;
	color:#f88101;
}


.results .product a span.product-image-wrapper{
	position:relative;
	display:block;	
}

.results .product a img.colour-match-icon,
.results .product a img.best-value{
	position:absolute;
	z-index:2;
	right:-5px;
	top:-5px;
	width:auto;
	max-width:100%;
	height:auto;
}

.results .product a img.best-value{
	right:auto;
	left:-5px;
}

.results .product a span.red_label,
.results .product a span.made_to_measure-icon{
	position:absolute;
	z-index:3;
	left:0;
	bottom:25px;
	width:100%;
	display:block;
	background:#dd3d2d;
	color:#fff;
	font-size:10px;
	padding:3px 0 3px 0;
	text-transform:uppercase;
	text-align:center;
}

.results .product a span.red_label.delivered_2_3_days{
	background:#000;
}

/* =Parent Category
-------------------------------------------------------------- */

.wardrobe-doors .results.parent-category .product a span.red_label,
.wardrobe-doors .results.parent-category .product a span.made_to_measure-icon{
	bottom:35px;
}

.results.grid.col-4{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;		
}

.grid.col-3,
.results.grid.col-3{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;		
}



/* =Wardrobes
-------------------------------------------------------------- */

.wardrobe-doors .results.grid.col-3{
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;		
}






.results.single .product span.title{
	font-size:15px;
	line-height:1.4em;
}

.results.single .product span.description{
	font-size:13px;
}

.results.single .product img{
	width:100%;
	height:auto;
}

.results.single .product .product_specs ul{
	list-style-type:none;
	margin:10px 0;
	width:100%;
}

.results.single .product .product_specs ul.show_more_wrapper{	
	position:absolute;
	display:none;
	top:20%;
	left:20%;
	background:#fff;
	z-index:99;
	border:2px solid #f88101;
	padding:15px;	
}

.results.single .product .product_specs ul li{
	width:100%;
}

.results.single .product .product_specs ul li.showmore{
}

.results.single .product .product_specs ul li.showmore a{
	text-decoration:underline;
	font-size:13px;
	padding-top:3px;
}

.results.single .product .product_specs ul li b{
	font-weight:600;
}


.results.single .product .product-variations{
	margin:20px 0 10px 0;
}

.results.single .product .product-variations .label{
	width:40%;
}

.results.single .product .product-variations td.quantity{
	width:60%;
	text-align:right;
}

.results.single .product .product-variations tr{
	border-top:1px solid #eee;
}

.results.single .product .product-variations td{
	padding:10px 0;
}

.results.single .product .product-variations select{
	padding:2px;
	font-size:14px;
}

.results.single .product .product-variations label{
	font-size:14px;
}

.results.single .product .product-variations{
	
}


.results.single .product {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.results.single .product form.addtobasketForm {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-bottom {
    margin-top: auto;
}



/* =Navigation
-------------------------------------------------------------- */

.breadcrumbs{
	padding-bottom:5px;
}

#nav{
	position:relative;
	background:#f88101;	
	width:100%;
	margin-top:15px;
	margin-bottom:10px;
	z-index:99;
}

#nav ul{
	display:table;
}

#nav ul li{
	display:table-cell;	
	position:relative;
}

#nav ul li a{
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	padding:15px 20px;
	font-size:16px;
	line-height:1.0em;
}

#nav ul li a:hover{
	background:#dd3d2d;
}

#nav ul.dropdown{
	position:absolute;
	left:0;
	top:100%;
	width:240px;
	background:#1f1f1f;
	display:none;
}

#nav ul.dropdown li{
	display:block;
	width:100%;
}

#nav ul.dropdown li a{
	font-size:13px;
}


#nav a.mobile-menu{
	display:none;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:6px 0;
	font-size:18px;
}

#nav a.mobile-menu.active{
	background:#1f1f1f;
	color:#fff;
}

#nav ul li.samples li{
	padding:10px;
}

#nav ul li.samples li h4{
	color:#fff;
}


#nav ul li.samples ul.dropdown li a,
#nav ul li.samples ul.dropdown li p{
	color:#fff;
	padding:0;
	font-size:12px;
	display:inline-block;		
}

#nav ul li.samples ul.dropdown li p{
	padding-top:10px;
	text-transform:uppercase;
}

#nav ul li.samples ul.dropdown li a{
	color:#f88101;
	text-decoration:underline;
}

#nav ul li.samples ul.dropdown li a:hover{
	background:none;
}


/* =Promo Banners
-------------------------------------------------------------- */

.fullwidth-banner{
	margin:15px 0;
	padding:20px;
	border-width:2px;
	border-style:solid;
	display:table;
	width:100%;
}

.checkout_details .fullwidth-banner{
	display:none;
}

.fullwidth-banner .left{
	width:50%;
	display:table-cell; 
	vertical-align:middle
}

.fullwidth-banner .right{
	width:50%;
	display:table-cell; 
	vertical-align:middle;
	padding-left:15px;
}

.fullwidth-banner h2{
	text-transform:uppercase;
	font-size:34px;
	font-weight:700;
	line-height:1.1em;
}


.fullwidth-banner h3{
	line-height:1.2em;
}

.footer.fullwidth-banner{
	margin-top:30px;
}

/* =Homepage
-------------------------------------------------------------- */

body.index .page-content .left{
	float:left;
	width:60%;
}

body.index .page-content .right{
	float:right;
	width:36%;
}


/* =Homepage Rotating Banner
-------------------------------------------------------------- */

.main-banner{
	width:100%;
	height:auto;
	position:relative;
	max-height:475px;	
	background:url("/common/images/ajax-loader.gif") no-repeat center center;
}


.main-banner.split .main-banner{
	min-height:auto !important;
	max-height:100% !important;
}

.main-banner.split .left{
	position:relative;
	float:left;
	width:50%;
	height:auto;
}

.main-banner.split .right{
	position:relative;
	float:right;
	width:50%;
	height:auto;	
}

.main-banner.split .main-banner-inner img{
	min-height:100%;
}

.main-banner a,
.main-banner a img,
.main-banner img.banner{
	display:block;
	width:100%;
	height:auto;
	text-decoration:none;
}

.main-banner img.colour-match-icon,
.main-banner img.best-value,
.main-banner .banner-circle{
	width:auto;
	height:auto;
	position:absolute;
	right:20px;
	top:20px;
}

.main-banner .banner-circle{
	border-radius: 50%;
	left:20px;
	right:auto;
	width:160px;
	height:160px;
	background:#f88101;
	color:#fff;
	text-align:center;
	font-size:38px;
	line-height:1em;
	font-weight:bold;	
	transform: rotate(-10deg);
}

.main-banner .banner-circle.right{
	left:52%;
}

.main-banner .banner-circle .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-banner .banner-circle .value-title{
	display:block;
	font-weight:bold;
	margin:5px 0;
}

.main-banner .banner-circle .sub-title{
	text-transform:uppercase;
	display:block;	
	font-size:18px;
	line-height:1em;	
}

.main-banner .banner-circle .sub-title2{
	text-transform:uppercase;
	display:block;	
	font-size:16px;
	line-height:1em;	
	font-weight:normal;		
}

.main-banner img.best-value{
	right:auto;
	left:15px;
	top:15px;
}

.main-banner.narrow{
	max-height:400px;
	overflow: hidden;
}

.main-banner.narrow .main-banner-inner{
	overflow: auto;
}

.main-banner img.banner{
	max-height:475px;
	z-index:98;
}

.main-banner .made_to_measure{
	position:absolute;
	background:url("../../common/images/trans-white.png");
	padding:20px 40px;
	right:30px;
	bottom:30px;
}

.main-banner .made_to_measure h3{
	text-transform:uppercase;
	color:#dd3d2d;
	font-size:21px;
	font-weight:600;
}

.main-banner .made_to_measure h5{
	font-size:16px;
	font-weight:600;
}

.bxslider{
	visibility:hidden;
}

.bxslider .overlayimage{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.19);
	z-index:100;
	position:absolute;
	bottom:40px;
	right:-56%;	
	max-width:56%;
	height:auto;
	background:url("/common/images/trans-white.png") repeat;
	padding:10px;
}

.bxslider .overlayimage img{
	max-width:100%;
	height:auto;
	display:block;
}

.bxslider .overlayimage h4{
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	padding-bottom:5px;
}


.main-banner li{
	position:relative;
}

.main-banner li span.txt{
	position:absolute;
	bottom:40px;
	left:30px;
	z-index:2;
	padding:20px;
	display:block;
	width:36%;
	background:url("/common/images/trans.png") repeat;
}

.main-banner li span.txt span.title{
	color:#fff;
	font-size:28px;
	font-weight:700;
	text-transform:uppercase;
	display:block;	
}

.main-banner li span.txt span.subtitle{
	color:#fff;
	font-size:20px;
	text-transform:uppercase;	
	display:block;	
	padding-bottom:0;
	background:red;
	line-height:0;
	margin-top:8px;
}

.main-banner li span.txt span.price{
	color:#fff;
	font-size:36px;
	font-weight:700;	
	text-align:right;
	display:block;
}

.main-banner li span.txt span.disclaimer{
	color:#fff;
	text-align:right;
	display:block;
}

.main-banner li span.corner-txt-wrapper{
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	padding:12px 12px 12px 20px;
	display:block;
	height:211px;
	width:232px;
	background:url("../images/banner-corner.png") no-repeat;
}

.main-banner li span.corner-txt{
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	text-align:right;
	display:block;
	width:60%;
	float:right;
}

.main-banner b.shop-now{
	display:inline-block;
	padding:4px 15px;
	background:#f88101;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	left:20px;
	bottom:20px;
}



/* =Homepage Quick Boxes
-------------------------------------------------------------- */

.quickboxes{}

.quickboxes .quickbox{
	width:32%;
	margin-right:2%;
	margin-bottom:25px;
	float:left;
	border-bottom:2px solid #f88101;
	min-height:300px;	
}

.quickboxes .quickbox.last{
	float:right;
	margin-right:0;
}

.quickboxes .quickbox a{
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	text-decoration:none;
	display:block;
	padding-bottom:10px;
	min-height:300px;	
	background-repeat:no-repeat;
	background-size:cover;
}

.quickboxes .quickbox a:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;	
	cursor:pointer;
}

.quickboxes .quickbox span.txt{
	text-align:center;
	background:#000;
	display:block;
	padding:15px;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;		
}

.quickboxes .quickbox span.txt .title{
	display:block;
	font-size:30px;
	font-weight:600;
	color:#fff;	
	line-height:1.2em;
}

.quickboxes .quickbox a:hover span.title{
	color:#f88101;
}

.quickboxes .quickbox span.txt .subtitle{
	text-align:center;
	display:block;
	line-height:1.2em;
	font-size:15px;
}

.quickboxes .quickbox a:hover span.subtitle{
	color:#fff;
}


#sidebar .quickboxes .quickbox{
	width:100%;
	margin-right:0;
	float:none;
}

#sidebar .quickboxes .quickbox span.txt .title{
	font-size:24px;
}

/* =Door Type Page
-------------------------------------------------------------- */

.keyfeatures{
	background:#F1F1F1;
	padding:20px 20px 24px 20px;
}

.keyfeatures h3{
	text-transform:uppercase;
	font-weight:600;
}

.keyfeatures ul li{
	background:url("../images/check-mark-orange-small.png") no-repeat left 2px;
	padding-left:30px;
	margin:6px 0;
	font-weight:bold;
}

.product-type-c2a{
	margin-top:60px;
}

.product-type-c2a .c2a{
	display:inline-block;
	background:#dd3d2d;
	color:#fff;
	text-decoration:none;
	width:48%;
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */	
}

.product-type-c2a .c2a:hover{
	background-color:#333;
}

.product-type-c2a .c2a:hover h2{
	color:#f88101;
}

.product-type-c2a .c2a h2{
	text-transform:uppercase;
	color:#fff;
	line-height:1.1em;
}

.product-type-c2a a.c2a-left{
	float:left;
}

.product-type-c2a a.c2a-right{
	float:right;
}

.help_tip{
	font-size:21px;
	color:#dd3d2d;
	text-transform:uppercase;
	font-weight:600;
	padding-top:10px;
}

.help_tip span.highlight{
	background:#dd3d2d;
	color:#fff;
	display:inline-block;
	padding:4px 20px;
	font-size:22px;
	font-weight:600;
	margin-right:10px;
}



/* =Door Products Page
-------------------------------------------------------------- */

.product-list .custom-colour-wrapper{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.custom-colour-code{
	border:2px solid #dd3d2d;
	padding:15px;
	margin-bottom:20px;
}

.custom-colour-code.populated{
	border:1px solid #c0c0c0;
}

.custom-colour-code.populated .btn-red{
	background:#999;
	padding:5px 20px;
}

.custom-colour-code input[type=text]{
	width:260px;
	margin-right:10px;
}

.results.single h2,
.product-list h2{
	font-size:32px;
	background:#333;
	color:#fff;
	line-height:1em;
	padding:10px;
	margin-top:30px;
}

.results.single h2{
	clear:both;
	width:100%;
}

.product-list h3,
.results.single h3{
	font-size:17px;
	background:#333;
	color:#fff;
	line-height:1.2em;
	padding:10px;
	margin-bottom:30px;
	text-transform:uppercase;
}

.results.single h3.normal-case{
	text-transform:none;
}

.product-list h2 small{
	font-size:21px;
}

.product-list table{
	margin-bottom:20px;
}

.product-list table thead{
	border-bottom:2px solid #333;
}

.product-list table thead tr{

}

.product-list table thead th{
	font-weight:bold;
	color:#333;
	padding:10px 0;
}

.product-list table thead th small{
	display:block;
	font-weight:600;
	text-align:center;
	font-size:12px;
}

.product-list table .center{
	text-align:center;	
}

.product-list table tbody tr{
	position:relative;	
}

.product-list table tbody tr.odd{
	background:#fbfbfb;
}

.product-list table tbody tr td.image{
	width:40px;
}

.product-list table tbody tr td.image img{
	width:100%;
	height:auto;
}

.product-list table tbody tr td.name{
	padding-left:10px;
	width:44%;
}

.product-list table tbody tr td.name b{
	text-decoration:underline;
}

.product-list table tbody tr td.name a{
	font-weight:600
}

.product-list table tbody td{
	padding:10px 0;	
	position:relative;
}

.product-list table thead th.price,
.product-list table tbody td.price{
	font-weight:bold;
	width:80px;	
}

.product-list table tbody td.hinge-cutting{
	position:relative;
	width:230px;
}

.product-list table tbody td.hinge-cutting label{
	font-size:12px;
	display:inline-block;
	position:relative;
	bottom:2px;
	color:#999;
}

tr.hinge-cutting-row,
div.right-left-hung{
	display:none;
}


.m2m-wrapper{
	padding:20px;
	margin:20px 0;
	background:#eee;
}

.m2m-wrapper h2{
	margin-top:0;
}

.madetomeasure th#edging span.infobox_trigger{
	display:inline-block;
	position:relative;
	top:4px;
	left:2px;
}

.madetomeasure th#edging span.infobox_trigger .product_infobox{
	top: 30px;
	left: -200px;
	z-index: 999;	
	width: 375px;
}

.madetomeasure th#edging span.infobox_trigger .product_infobox img{
	width:100%;
	height:auto;
}

.madetomeasure .width,
.madetomeasure .height{
	display: inline-block;
}

.madetomeasure .height{
	margin-right:15px;
}

.madetomeasure .width label,
.madetomeasure .height label{
	font-size:13px;
	padding:0;
}

.madetomeasure .width label{
	padding-top:4px;
}

.madetomeasure .width input,
.madetomeasure .height input{
	padding: 2px;
	font-size: 16px;
	width:70px;
	margin-right:5px;
	text-indent:0;
}

.m2m-addtobasket{
	margin-top:8px;
}

ul.m2m_error_response{
	display:none;
	margin-bottom:10px;	
}

.hinde-cutting-form{
	padding-right:12px;
	text-align:right;
	background:#dedede;
	padding:5px 0;
	float:right;
	width:35%;	
}

.product-list .hinde-cutting-form .hinge-row{
	display:block;
	padding:4px 8px;
}

.product-list .hinde-cutting-form select{
	padding: 2px;
	font-size: 14px;
	width:100%;
	background-color:#fff;
}

.product-list .hinde-cutting-form small{
	display:inline-block;
	text-align:right;
	font-size:12px;
	width:120px;
	color:#333;
}

.product-list .hinde-cutting-form input[type=radio]{
	position:relative;
	top:3px;
}

.product-list .hinde-cutting-form input.qty{
	width: 40px;
	height: 22px;
	padding: 0 5px;
	text-align: center;
	color: #333;
	text-indent: 0;
	border-color: #c0c0c0;
	display: inline-block;
	font-size: 13px;	
}

.product-list .hinde-cutting-form label.checkbox-wrapper{
	text-align:right;
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.product-list .hinde-cutting-form label.checkbox-wrapper:focus{
	outline:0;	
}

.product-list .hinde-cutting-form label.checkbox-wrapper small{
	font-style: normal;
	position: relative;
	bottom: 7px;
}

.product-list .hinde-cutting-form input.checkbox{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox-wrapper .checkmark {
	position:relative;
	display: inline-block;
	margin-right: 43px;
	height: 22px;
	width: 22px;
	background-color: #fff;
	border: 1px solid #c0c0c0;
}


/* When the checkbox is checked, add a blue background */
.checkbox-wrapper input:checked ~ .checkmark {
	background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-wrapper input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-wrapper .checkmark:after {
	left: 7px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid black;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



.product-list tbody td.hinge-cutting .hinge-notice{
	position:absolute;
	background:#fbfbfb;
	bottom:-15px;
	font-size:11px;
	left:-120px;
	padding:5px 10px;
	color:#333;
	z-index:999;
	width:auto;
	border:1px solid #f88101;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#content-right .catimage-wrapper,
#sidebar .catimage-wrapper{
	width:100%;
	border:1px solid #eee;
	padding:10px 0;
	text-align:center;
	margin-bottom:25px;
}

#content-right .catimage-wrapper img,
#sidebar .catimage-wrapper img{
	max-width:100%;
	display:block;
	height:auto;
	max-height: 320px;
	text-align:center;	
	margin:0 auto;
}

.catimage-wrapper.cat-image-parent-display{
	padding:10px !important;
}

.catimage-wrapper.cat-image-parent-display img:first-of-type{
	float:left;
	width:20%;
	height:auto;
	display:inline-block;
}

.catimage-wrapper.cat-image-parent-display img:nth-child(2){
	float:right;
	width:70%;
	height:auto;	
}


.product-desc h3,
.product-spec h3{
	border-bottom:2px solid #f88101;
}
.product-desc h3{
	margin-bottom:10px;
}

.product-spec table{
	width:100%;
	margin-top:10px;
	margin-bottom:0;
	padding-bottom:0;
}

.product-spec table td{
	padding:6px 0;
	border-bottom:1pt solid #eee;
}

.product-spec table td.title{
	font-weight:600;
}


.product-list .infobox_trigger:hover{
	cursor:pointer;
}

.product_infobox{
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%); /* shift left and center vertically */
	z-index: 999;
	padding: 10px 15px;
	background: #333;
	width: 400px;
	border-radius: 4px;
}

.product_infobox table tbody td {
	padding: 5px 0;
	color:#fff;
}

.product_infobox h3{
	line-height:1.2em;
	font-size:16px;
	color:#f88101;
	padding:0;
	margin:0 0 0 0;
}

.product_infobox h4{
	line-height:1.2em;
	padding-top:2px;
	font-size:15px;
	color:#fff;	
}

.product_infobox p{
	padding:5px 0 0 0;
	color:#fff;
	font-size:13px;
	display: none !important;
}

.product_infobox img{
	width:100%;
	height:auto;
	margin-top:5px;
	padding:6px;
	background:#fff;
}




.infobox{
	position:relative;
	background:#fbfbfb;
	border:1px solid #999;
	padding:20px;
}

.infobox h2.info-icon{
	background:url("../images/info-icon.png") no-repeat left center;
	padding-left:35px;
}

#drawer-guide{
	position:absolute;
	left:0;
	display:none;
}

#drawer-guide p{
	padding-top:10px;
}

#drawer-guide img{ 
	margin-top:15px;
}	

td .infobox{
	float:left;
	width:62%;
}


td .infobox h2{
	font-size:18px;
	color:#000;
	margin-top:0;
	padding:3px 0 5px 0;
}

td .infobox ol{
	margin-top:0;
	padding-top:0;
}

td .infobox img.hinge{
	max-height:200px;
	float:left;
	width:auto;
	margin: 10px 30px 0 0;
	display:block;
}

td .infobox .jprofile{
	padding:10px;
	width:100%;
	background:#fff;
	margin:10px 0 0 0;
	text-align:center;
}


/* =Footer
-------------------------------------------------------------- */

#footer,
#footer .inner-content{
	background:#3e3e3e;
	color:#fff;
	position:relative;
}	

#footer{
	padding:30px 0;
}

#footer a{
	color:#c0c0c0;	
}

#footer .left{
	float:left;
	width:50%;
}

#footer .left .list{
	float:left;
	margin-right:10%;
}

#footer .left .list.last{
	margin-right:20px;
}

#footer .left h4{
	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	font-weight:600;
}

#footer .left .list ul{
	margin:10px 0;
}

#footer .left .list ul li{
	padding:2px 0;
}

#footer .right{
	float:right;
	width:50%;
}

#footer .trustpilot-widget{
	width: 140px;
	float:right;
	margin-right:30px;
}

#footer .trustpilot-badge{
	float:right;
	margin-right:20px;
}

#footer .right .expertadvice{
	background:#1f1f1f;
	padding:8px 30px;
	width:auto;
	float:right;
	margin-bottom:10px;
	text-align:center;
}

#footer .right h4{
	text-transform:uppercase;
	color:#f8b501;
	font-size:18px;
	padding-right:10px;
}

#footer .right h3,
#footer .right h3 a{
	text-transform:uppercase;
	color:#fff;
	font-size:24px;
	text-decoration:none;
}


#footer .right .expertadvice h3.email{
	line-height:1.2em;
}

#footer .right .expertadvice h3.email a{
	font-size:18px;
	text-transform:none;
}

#footer .right .expertadvice h3.email a:hover{
	text-decoration:underline;
}

#footer .disclaimers{
	position:relative;
	display:table;
	width:100%;
}

#footer .disclaimers .disclaimer-left{
	display: inline-block;
	vertical-align: bottom;
	width:38%;
}

#footer .disclaimers .disclaimer-left p{
	font-size:12px;
}

#footer .disclaimers .disclaimer-right{
	display: inline-block;
	text-align:right;
	width:62%;	
}

#footer .disclaimers .disclaimer-right img{
	margin-bottom:15px;
}

#footer .disclaimers .disclaimer-right .address{
	font-size:12px;	
}

#footer .disclaimers .disclaimer-right .address_disclaimer{
	color:#c0c0c0;
}


#footer .social{
	margin-top:15px;
}

#footer .social ul{
	float:right;
}

#footer .social li{
	float:left;
	margin-left:8px;
}

#footer .social li a{
	display:block;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;	
}

#footer .social li a:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}	

.payment-options{
	margin:10px 0;
	background:#fff;
	padding:5px;
	display:inline-block;
	float:right;
}

.payment-options img{
	display:block;
}

#cookie-bar{
	padding:12px 10px;
}

#cookie-bar .cb-policy {
	background: none;
	text-decoration:underline;
}


/* =Checkout > Basket
-------------------------------------------------------------- */

.checkout-totals{
	width:35%;
	float:right;
	background:#eee;
	padding:20px;
	margin-bottom:50px;
}

.checkout-totals table{
	width:100%;
}

.checkout-totals table tr{

}

.checkout-totals table td{
	border-bottom:dashed 1px #666;
	text-align:right;
}

.checkout-totals table td.label{
	text-align:left;
}

.checkout-totals table td{
	padding:4px 0;
}

.checkout-totals table tr.total td{
	font-size:18px;
	padding-top:20px;
	font-weight:bold;
	border-bottom:solid 2px #000;
	color:#000
}

#updatebasketForm td.image{
	width:60px;
	padding-right:10px;
}

#updatebasketForm td.image img{
	width:100%;
	height:auto;
}

b.product-name{
	font-weight:600;
	font-size:16px;
}

div.extra-options{
	font-size:12px;
}

div.product-variations b{
	font-weight:600;
} 

.upsell{
	width:100%;
}

.results.upsell .product{
	width:18%;
	float:left;	
	margin:20px 15px 5px 0;
	border:1px solid #eee;
	padding:10px;
}

.results.upsell .product img{
	display:block;
	width:100%;
	height:auto;
}

.basket .checkout-totals{
	float:left;
}

.product-list table{
	margin-bottom:0;
}

.discountform-wrapper{
	margin-bottom:30px;
	border:1px solid #c0c0c0;
	width:auto;
	display:inline-block;
	padding:10px;
}

.discountform-wrapper input.discount{
	width:150px;
	margin-right:10px;
	padding:1px;	
}

.discountform-wrapper span.currency{
	font-size:21px;
	display:inline-block;
	padding-right:3px;
	color:#333;
}

#custom-products-input-wrapper{
	background:#f7f7f7;
	padding:20px;
	border:2px solid #eee;
	margin:30px 0 40px 0;
}


/* =Checkout > Details
-------------------------------------------------------------- */

.checkout_details h2{
	border-bottom:2px solid #f85601;
	width:100%;
	margin-bottom:10px;
}

.checkout_details fieldset{
	
}

.checkout_details fieldset div{
	padding:0;
	margin:0;
}

.checkout_details fieldset div.width_50{
	width:48%;
	padding:5px 0;
	float:left;
}

.checkout_details fieldset div.width_50:nth-child(odd),
.checkout_details fieldset div.width_50.right{
	float:right;
}

.checkout_details fieldset div.width_50.left{
	float:left;
}

.checkout_details fieldset div.width_50.left:after {
	content: '';
	display: block;
	clear: both;
}

.checkout_details fieldset div.width_100{
	width:100%;
	padding:5px 0;
}

.checkout_details fieldset div label{
	font-size:14px;
}

.checkout_details fieldset input[type=text]{
	padding:5px;
}

.checkout_details fieldset select{
	padding:8px 5px;
	font-size:14px
}

.checkout_details fieldset span.checkbox{
	margin-top:5px;
	display:block;
}

.checkout_details fieldset span.checkbox label{
	float:left;
	padding-left:4px;
}

.checkout_details fieldset span.checkbox input{
	float:left;
	position:relative;
	top:2px;
}

.checkout_details .checkout-totals{
	width:100%;
}

.collapse-wrapper,
.checkout_details .hide{
	display:none;
}

/*
#payment-info.collapse-wrapper{
	display:block;
	visibility: hidden;
}
*/

.collapse-wrapper.showdefault{
	display:block;
}

.step{
	margin:0 0 30px 0;
}

.continue-step{
	clear:both;
	display:block;
	width:100%;
	text-align:left;
	margin:20px 0 0 0
}

.continue-step.inline-block{
	display:inline-block;
	width:auto;
}

.back-step{
	display:block;
	width:auto;
	margin-top:6px;	
}

table.order_summary b.product-name{
	font-size:14px;
}

table.order_summary td.product-name-cell{
	padding-left:5px;
	padding-right:8px;
}

table.order_summary .extra-options,
table.order_summary .extra-options b,
table.order_summary .product-variations,
table.order_summary .product-variations b{
	font-size:13px;
}


.product-list table.order_summary{
	margin-bottom:20px;
}

.checkout_details .checkout-totals table{
	margin-bottom:0;
}

.debit-credit-btn{
	display:block;
	background:#f88101;
	color:#fff;
	padding:8px 15px;
	line-height: 1.6em;
	width:100%;
	text-decoration:none;
	font-weight:600;
	font-size:21px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	text-align:center;
}

.debit-credit-btn:hover{
	background-color:#333;
}

.gpay-card-info-container-fill,
.paypal-button-row{
	height: 50px !important;
	max-height: 50px;
}

.gpay-card-info-container-fill,
.paypal-button-row,
.debit-credit-btn{
	margin:20px 0;
}

#card-form,
#ingenicoPaymentForm{
	display:none;
	padding-bottom:40px;
}

.pay-securely-btn,
.pay-securely-btn:hover {
	background-image: url("../images/padlock.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 55px;
	padding: 15px 20px 15px 55px;
	font-size: 23px;
	box-sizing: border-box;
	width: 100%;
}

.popup{
	position:fixed; 
	top:0; 
	left:0; 
	background:rgba(0,0,0,0.6); 
	z-index:5; 
	width:100%; 
	height:100%; 
	z-index:99999;
	display:none;
}

.popup .popup-info{
	position:fixed;
	z-index:999999;
	top:50%;
	left:50%;
	width:450px;  /* adjust as per your needs */
	height:250px;   /* adjust as per your needs */
	margin-left:-225px;   /* negative half of width above */
	margin-top:-225px;   /* negative half of height above */
	background:#fff;
	text-align:center;
}

.popup .popup-info h2{
	background:#f88101;
	color:#fff;
	padding:10px 20px;
	font-size:21px;
	text-align:left;
	margin-bottom:15px;
}

.popup .popup-info p{
	color:#333;
	padding:20px;
	font-size:17px;
	padding-top:10px;
}

.popup .actions{
	text-align:right;
	margin-top:10px;
	padding-right:20px;
	padding-bottom:20px;
}

.popup .actions a{
	padding:6px 15px;
	margin-left:10px;
}

.popup .actions a.proceed{

}

.popup .actions a.close{

}

/* =Checkout > Details > Paypal card fields
-------------------------------------------------------------- */

#card-container .card_field{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
#card-container .card_field_50{
    width: 50%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
#card-container .card_field_75{
    width: 75%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
#card-container .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -16px;
}
#card-container .col-25 {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
}
#card-container .col-50 {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
}
#card-container input[type=text], 
#card-container select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    height:40px;
    background:white;
    font-size:17px;
    color:#3a3a3a;
    font-family:helvetica, tahoma, calibri, sans-serif;
}
#card-container input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#card-container .message_container {
    border-radius: 5px;
    background:#FFFFFF;
    font-size:13px;
    font-family:monospace;
    padding: 20px;
}
#card-container #loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#card-container #loading-image {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
}
#card-container .spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /* height of the spinner gif +2px to fix IE8 issue */
}


#payment-info #payment_response{
	display:none;
	background: #b10505;
	font-size: 18px;
	padding: 20px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	margin:20px 0;
}

/* CSS */
apple-pay-button {
	--apple-pay-button-width: 100%;
	--apple-pay-button-height: 50px;
	--apple-pay-button-border-radius: 7px;
	--apple-pay-button-margin: 0px 0px 30px 0px;
	--apple-pay-button-box-sizing: border-box;
}

.apple-pay-button-black {
    -apple-pay-button-style: black;
}
.apple-pay-button-white {
    -apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
}

/* =Bedroom Sliding Doors
-------------------------------------------------------------- */

.product-sliding-doors .steps{
	float:left;
	width:60%;
}

.product-sliding-doors .steps .intro{
	padding:30px 0;
}

.product-sliding-doors .steps .intro p{
	font-size:18px;
}

.product-sliding-doors .steps .block{
	padding:30px 0;
}

.product-sliding-doors .steps .block p{
	padding-left:70px;	
	overflow:auto;
}

.product-sliding-doors .steps .block img{
	display:block;
	border:1px solid #999;
	width:200px;
	float:left;
	height:auto;
	margin-right:20px;
}

.product-sliding-doors .quote-form{
	margin:30px 0;
	float:right;
	width:35%;
	padding:15px;
	background:#eee;
}

.product-sliding-doors .quote-form #response ul{
	width:100% !important;
	margin:0;
}

.product-sliding-doors #main-content h2{
	font-size: 28px;
	background: #333;
	color: #fff;
	line-height: 1em;
	padding: 10px;
	text-transform:uppercase;
	text-align:center;
}

.product-sliding-doors #main-content h2 small{
	font-size:17px;
	display:block;
}

.product-sliding-doors .quote-form p{
	padding-top:15px;
	font-size:15px;
}