/* !1.2 Structure */
.wrapper { padding: 0 15px; }

/* !1.3 Forms */
.btn { padding: 14px 40px 13px; line-height: 100%; }
.btn-large { padding: 16px 45px 15px; }


/* !2.0 Header */
#header .bottom-header { min-height: 110px; }
#header .est { margin-top: -12px; margin-bottom: 24px; }
#header .contact-details { position: absolute; right: 20px; top: 60px; }
#header .contact-details li { text-align: center; }
#header .contact-details .phone { font-family: Lato, sans-serif; height: 30px; margin: 0 auto 12px; }
#header .contact-details .phone a { padding: 3px 0 3px 40px; color: #fff; text-decoration: none; background: none; width: auto; box-shadow: none; }
#header .contact-details .phone a::after { content: ""; position: absolute; left: 0px; top: 0px; background: linear-gradient(#6FAF73 0%, #6EAC63 100%); display: block; width: 32px; height: 32px; border-radius: 32px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); z-index: 1; }
#header .contact-details .phone a::before { left: 8px; top: 45%; -webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0); z-index: 2; font-size: 1.25em; }
#header .contact-details .phone span { display: inline; font-size: 1.5em; font-weight: bold; }
#header .contact-details .email { display: block; font-size: 1em; font-family: Lato, arial, 'sans serif'; font-weight: 300; margin-left: 6px; }
#header .contact-details .email a { color: #fff; text-decoration: none; }
#header .contact-details .email a:hover { color: #6FB5E3; }

/* !2.2 Body */
.main-visual { float: right; margin-left: 25px; }

/* !2.3 Page Layout */
.page-title { font-size: 1.75em; }

.slideshow-wrapper { padding-bottom: 0; }
.slideshow-wrapper .slide-tabs { position: absolute; left: auto; right: 0px; bottom: 0px; z-index: 20; width: auto; padding: 10px 15px; background: rgba(255,255,255,0.3); }
.slideshow-wrapper .slide-tabs li a { border: 0 none; box-shadow: 0 1px 5px 2px rgba(0,0,0,0.25); }
.slideshow-wrapper .slide-nav { bottom: auto; top: 50%; }
.slideshow-wrapper .slide-nav li { -webkit-transform: translateY(-50%);transform: translateY(-50%); }
.slideshow-wrapper .slide-nav li a { width: 80px; height: 50px; }

.slideshow-wrapper .slides .slide .slide-title { bottom: 108px; font-size: 1.875em; padding: 7px 12px 9px; }
.slideshow-wrapper .slides .slide .slide-btn { bottom: 48px; width: 220px; height: 52px; padding: 16px 30px; font-size: 1.125em; background: rgba(255,255,255,0.2); transition: background 200ms; }
.slideshow-wrapper .slides .slide .slide-btn:hover { background: rgba(255,255,255,0.6); }
.slideshow-wrapper .slides .slide-banner { width: 460px; bottom: 42px; height: 36px; line-height: 36px; font-size: 1em; }
.slideshow-wrapper .slides .slide .slide-text { width: 70%; }

.brand-logos { margin-top: 80px; }
.brand-logos ul li { max-width: 250px; }

/* !2.3.2 Banner */
#banner { position: relative; height: 190px; }

/* !2.4 Footer */
#footer .social { text-align: center; padding-bottom: 22px; }
#footer .social li { display: inline-block; width: 32%; margin-bottom: 3px; vertical-align: top; }
#footer .social li a { padding: 0 20px; }

#footer .navigation .wrapper { text-align: center; padding-bottom: 0; }
#footer .navigation .nav-group { width: 33%; display: inline-block; box-sizing: border-box; padding: 20px 15px; vertical-align: top; border-width: 0 1px 0 0; margin: 0 0 30px 0; }
#footer .navigation .nav-group:nth-child(3n) { border-width: 0; }

#footer .newsletter form { text-align: center; }
#footer .newsletter .text { width: 210px; margin: 0; padding: 8px 14px; }
#footer .newsletter input[name="news_email"] { width: 245px; }
#footer .newsletter .submit { display: inline-block; width: 180px; margin-top: 0px; }

#footer .bottom .business { display: inline-block; vertical-align: top; }
#footer .bottom .awards { display: inline-block; vertical-align: top; margin: 0 50px 0 80px; }
#footer .bottom .affiliates { display: inline-block; vertical-align: top; margin: 0 50px 0 60px; }
#footer .bottom .nav-legal { float: right; }


/* !3.0 Home Page */
.slide-reasons .slide-text ul li { padding: 6px 30px 6px 30px; background: rgba(255,255,255,0.1); margin-bottom: 2px; }

.pods { margin: 20px 0 0; }
.pods .pod { display: inline-block; position: relative; }
.pods .pod .title { font-size: 1.1875em; }
.pods .pod .title a { padding: 0 12px; }
.row-1 .pod { width: 32%; height: 180px; }
.row-1 .pod-2 { margin: 0 11px; }
.row-2 { margin-bottom: 40px; }
.row-2 .pod { width: 23%; height: 110px; margin: 0 8px; }
.row-2 .pod-1 { margin-left: 0; }
.row-2 .pod-4 { margin-right: 0; }
.row-2 .pod .title { font-size: .875em; }
.row-2 .pod .title a { padding: 0 5px; }

.welcome-copy { margin: 0 20px; }
.reviews { margin: 50px 20px 30px; }

.houzz-banner .houzz-award { width: 80px; height: 80px; }

.bottom-pods { margin-top: 60px; }
.bottom-pods .pod .title { font-size: 1.25em; }
.bottom-pods .pod .title a { padding: 0; }
.bottom-pods .pod-samples .thumbnail a { padding-top: 18px; }


/* !4.0 Showroom Page */
.page-showroom #body .title-wrapper { padding: 30px 15px 20px; }
.page-showroom .page-title { font-size: 1.46875em; text-align: center; }
.showroom-info .info-section { margin-bottom: 15px; }
.showroom-info .contact-details { display: inline-block; }
.showroom-info .opening-times { float: right; width: 42%; height: auto; }
.showroom-info .recommendations { display: block; clear: both; }
.page-showroom-leeds .body-after { padding: 20px; }


/* !5.0 Products Listing */
.product-content .body { max-height: 100%; margin: 0; padding: 0; }
.product-content .body::before { content: none; display: none; }
.product-content .body .read-more { display: none; }

/* !5.1 Range Listing */
.range-listing { margin: 0 auto; text-align: center; }
.range-listing .range { display: inline-block; width: 350px; margin: 0 8px 25px; text-align: left; vertical-align: top; }
.range-listing .range .options-sizes { margin-top: -10px; }
.range-listing .product-inner { height: 380px; }

/* !5.2 Product Listing */
.product-listing { margin: 0 auto; text-align: center; }
.product-listing .product { display: inline-block; width: 236px; height: 505px; padding: 0; margin-right: 12px; margin-bottom: 25px; text-align: left; }
.product-listing .product-inner { height: 440px; }
.product-listing .product:nth-child(3n) { margin-right: 0; }
.product-listing .product .thumbnail { float: none; width: 224px; height: 224px; margin: 0 0 10px; }
.product-listing .product .title { margin: 0 10px 10px; height: 48px; font-size: 1.125em; }
.product-listing .product .options { float: none; margin: 0 10px 15px; position: relative; top: auto; left: auto; }
.product-listing .product .options .slides .slide { width: auto; height: 28px; }
.product-listing .product .options .slides .slide .image { width: 28px; height: 28px; }
.product-listing .product .online-price { margin: 30px 10px 2px; font-size: 1.125em; }
.product-listing .product .saving { margin: 0 10px 5px; font-size: 0.75em; }
.product-listing .product .discount-price { margin: 4px 10px 5px; font-size: 0.753em; }

.product-listing .product .buttons .btn-compare { display: none; }

/* !5.3 Product Page */
.product-info { position: relative; }

.slideshow-wrapper .range-title { bottom: 0px; }
#product-gallery { position: relative; width: 100%; height: auto; margin-bottom: 50px; }
.images .thumbs-container li { width: 60px; height: 60px; margin: 0 2px; }

.product-info .primary-info { min-height: 240px; }
.product-info .page-title { float: left; width: 60%; text-align: left; }
.product-info .page-summary { float: left; width: 60%; clear: left; font-size: 1.25em; margin-top: 15px; text-align: left; margin-bottom: 15px; }

.product-info .prices { position: absolute; right: 0px; top: 0px; margin: 0; text-align: right; }
.product-info .prices .price .type { width: 90px; text-align: left; margin-left: 5px; }

.product-info .discount-options { position: absolute; right: 0px; top: 100px; margin: -10px 0 0; }
.product-info .discount-options .quantity-discounts .qty { padding-left: 20px; }
.product-info .discount-options .quantity-discounts .discount { padding-left: 10px; padding-right: 10px; }

.product-info .options-sizes { float: left; clear: left; text-align: left; max-width: 60%; }
.product-info .options-sizes .info { display: block; vertical-align: bottom; margin: 0 0 10px; }
.product-info .options-sizes .sizes { display: inline-block; vertical-align: bottom; }
.product-info .options-sizes .sizes li { font-size: 12px; }
.product-info .options-sizes .sizes .size-15x61 { width: 60px; height: 15px; line-height: 15px; }
.product-info .options-sizes .sizes .size-20x10 { width: 20px; height: 11px; line-height: 11px; }
.product-info .options-sizes .sizes .size-20x20 { width: 20px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-30x30 { width: 30px; height: 30px; line-height: 30px; }
.product-info .options-sizes .sizes .size-40x34 { width: 40px; height: 34px; line-height: 34px; }
.product-info .options-sizes .sizes .size-52x52 { width: 52px; height: 52px; line-height: 52px; }
.product-info .options-sizes .sizes .size-60x20 { width: 60px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-60x30 { width: 60px; height: 30px; line-height: 30px; }
.product-info .options-sizes .sizes .size-60x60 { width: 60px; height: 60px; line-height: 60px; }
.product-info .options-sizes .sizes .size-75x25 { width: 75px; height: 25px; line-height: 25px; }
.product-info .options-sizes .sizes .size-75x37-5 { width: 75px; height: 38px; line-height: 38px; }
.product-info .options-sizes .sizes .size-75x75 { width: 75px; height: 75px; line-height: 75px; }
.product-info .options-sizes .sizes .size-80x40 { width: 80px; height: 40px; line-height: 40px; }
.product-info .options-sizes .sizes .size-80x80 { width: 80px; height: 80px; line-height: 80px; }
.product-info .options-sizes .sizes .size-90x15 { width: 90px; height: 15px; line-height: 15px; }
.product-info .options-sizes .sizes .size-90x45 { width: 90px; height: 45px; line-height: 45px; }
.product-info .options-sizes .sizes .size-90x90 { width: 90px; height: 90px; line-height: 90px; }
.product-info .options-sizes .sizes .size-120x20 { width: 120px; height: 20px; line-height: 20px; }
.product-info .options-sizes .sizes .size-120x30 { width: 120px; height: 30px; line-height: 30px; }
.product-info .options-sizes .sizes .size-120x60 { width: 120px; height: 60px; line-height: 60px; }

.product-form { display: block; clear: both; }
.product-form .fields { padding: 22px 34px; }
.product-form .fields li { display: inline-block; vertical-align: top; margin: 5px 30px 5px 0; }
.product-form .fields li.amount .text { width: 138px; }
.product-form .fields li.total { float: right; margin: 0; text-align: right; }
.product-form .fields li.total .price { font-size: 2em; line-height: 100%; }

.product-form .discount-container .discount-wrapper { padding: 20px 34px; }
.product-form .discount-container .discount-info { float: right; font-size: .8125em; }
.product-form .discount-container .target-info { display: inline-block; width: 60%; }
.product-form .discount-container .discount-info .discount-icon { width: 28px; height: 28px; background-size: 28px 28px; }
.product-form .discount-container .platinum-discount .discount-icon { background-size: 28px 28px; }

.product-form .submit { padding: 25px 30px; text-align: right; }
.product-form .submit li { display: inline-block; width: 45%; }
.product-form .submit li.compare { margin: 4px 0; }

.samples .info { padding-left: 112px; position: relative; }
.samples .info::before { content: ""; position: absolute; left: 25px; top: 34px; background: url(/img/icons/icon-sample-2.png) no-repeat 50% 50% / contain; width: 64px; height: 64px; } 
.samples .info .title { font-size: 1.25em; }
.samples .sample-form .input { display: inline-block; vertical-align: middle; padding: 7px 5px; margin-left: 20px; }
.samples .sample-form .input .label { display: inline-block; vertical-align: middle; margin-right: 10px; }
.samples .sample-form .input .swatches { display: inline-block; vertical-align: middle; }
.samples .sample-form .btn { float: right; width: 244px; }

.product-details .nav li { width: 216px; }
.product-details .nav li a { padding: 16px 35px; font-size: 1em; line-height: 120%; }
.product-details p { line-height: 150%; }
#body .product-details .tabs .tab .wrapper { padding: 50px; }
.product-details .tabs .spec table { font-size: 1em; }
.product-details .tabs .spec table tr td { padding: 8px 12px; vertical-align: middle; }
.product-details .tabs .spec table tr td:first-child { font-family: Raleway, arial, sans-serif; font-size: 0.875em; font-weight: bold; width: 35%; }

/* !5.3.2 Related Items */
.related-items { margin-top: 50px; }
.related-items .product-listing .product { margin: 0; padding-bottom: 15px; }
.related-items .product-listing .product .product-inner { width: 226px; height: 442px; margin: 0 auto; }
.related-items .product-listing .product .buttons { width: 236px; margin: 0 auto; }


/* !6.0 Contact Form */
.page-contact .page-content { float: left; width: 50%; }
.page-contact .contact-form-container { float: right; width: 45%; margin-top: 10px; }
.page-contact .contact-details .map { width: 200%; }


/* !8.0 Blog */
.page-blog .page-title { font-size: 2em; margin-bottom: 30px; }

/* !8.1 Blog Pages */
.page-blog-article #banner .img { height: 190px; }
.page-blog-article #banner .page-title { padding-top: 200px; font-size: 1.5em; }

.page-blog-article .back { margin: 0px 0px 20px -20px; }

.page-blog-article .page-title { font-size: 2em; }
.page-blog-article .article-info { font-size: .9375em; padding-bottom: 15px; margin-bottom: 40px; }
.page-blog-article .article-info li { display: inline-block; margin: 0 15px; }
.page-blog-article .page-content { width: 700px; margin: 0 auto; }
.page-blog-article .page-content .body p:first-child { font-family: Merriweather, times, serif; font-size: 1.125em; line-height: 160%; margin-bottom: 40px; }


/* !9.0 Basket */
table.basket { margin: 30px 0px 0; width: 100%; }
.basket thead th { font-size: .875em; font-weight: bold; }
.basket td { font-size: 0.875em; }

.basket .item-name { padding-left: 30px; }
.basket .item-name .thumb { display: inline-block; vertical-align: middle; width: 50px; height: 50px; overflow: hidden; padding: 1px; border: 1px solid #fff; margin-right: 10px; }
.basket .item-name .thumb img { max-width: 50px; height: 50px; }
.basket .price { width: 90px; }
.basket .qty { width: 90px; }
.basket .qty .text { width: 30px; }
.basket td.total, 
.basket th.total { padding-right: 30px; width: 80px; }

.sub-total-container { margin: 10px -10px 0px; padding: 0px 10px; }
table.basket-sub-total { border-bottom: 0 none; position: relative; }
table.basket-sub-total td { padding-bottom: 15px; }

table.discount-explained { float: right; width: 400px; margin: 10px 0 0; }
.discount-explained tr.row-1 td { padding-top: 20px; }
.discount-explained tr.row-2 td { padding-bottom: 20px; }
.discount-explained tr.row-3 td { padding-top: 20px; padding-bottom: 20px; }

.voucher-container { margin: 20px auto 0; padding: 22px; }
.voucher-container .title { display: inline-block; padding: 12px 0 12px 90px; margin: 0; vertical-align: middle; position: relative; }
.voucher-container .title::before { content: ""; background: url(/img/skin/decor.png) no-repeat -5px -32px; background-size: 120px 120px; width: 66px; height: 37px; display: block; position: absolute; left: 0px; top: 2px; }
.voucher-container .fields { float: right; }
.voucher-container .fields li.vouchercode { width: auto; }
.voucher-container .fields li.vouchercode .text { width: 140px; }

.delivery-container { margin-top: 60px; }
.delivery-container .title { font-size: 1.125em; padding: 0 10px 5px; }
.delivery-container .delivery-form { margin: 0 0 0 10px; }
.delivery-container .note { margin: 20px 10px 0; }

.grand-total-container { margin-top: 80px; }
.grand-total-container .info { padding: 22px 18px; }
.grand-total-container .info .title { font-size: 1.375em; }
.grand-total-container .info .title .note { font-size: 0.75em; }
.grand-total-container .info .grand-total { font-size: 1.75em; }
.grand-total-container .pay-form { padding: 22px; }
.grand-total-container .submit .btn { width: 244px; }
.grand-total-container .submit .btn-checkout { width: 334px; }

.grand-total-container .submit li.continue { display: inline-block; margin: 3px 0; }
.grand-total-container .submit li.checkout { float: right; }
.grand-total-container .submit .btn-checkout { padding: 16px 45px 15px; }


/* Wider Screens */
@media screen and ( min-width: 820px ) {
	#slideshow { height: 365px; }
}
@media screen and ( min-width: 900px ) {
	#slideshow { height: 408px; }
}
@media screen and ( min-width: 1000px ) {
	#slideshow { height: 456px; }
}

@media screen and (min-width: 1024px) {
	#footer .social li { width: 19.7%; }
	#footer .social li a { padding: 0 10px; }

	.welcome-copy { width: 570px; display: inline-block; vertical-align: top; text-align: left; }
	.reviews { float: right; width: 382px; margin: 35px 0; }
	.reviews .review-item .review-summary { font-size: 1em; }

	.houzz-banner { text-align: left; }
    .houzz-banner .houzz-award { margin: -17px 20px -17px -29px; width: 92px; height: 92px; }
	.houzz-banner .houzz-logo { display: inline-block; vertical-align: top; }
	.houzz-banner .message { display: inline-block; vertical-align: middle; padding: 18px 0; margin: 0px 20px; font-size: 1.125em; }
	.houzz-banner .btn { float: right; margin: 5px 0 0; }

	.bottom-pods .pod { width: 33%; vertical-align: top; height: 175px; padding-top: 30px; margin-bottom: 0; }
	.bottom-pods .pod .thumbnail { vertical-align: top; margin: 0px 15px 0 0; }
	.bottom-pods .pod-2 .thumbnail { margin-top: 10px; }
	.bottom-pods .pod .contents { width: calc(100% - 85px); }
}