/* !1.2 Structure */
.wrapper { display: block; width: 1040px; padding: 0; }


/* !2.0 Layout */
.body p { font-size: 1em; font-weight: 300; }

/* !2.1 Header */
#header .top-header { background: #3E8EBC; color: #fff; }
#header .top-header .wrapper { height: 36px; }
#header .bottom-header { padding-top: 0; padding-bottom: 0 }
#header .logo { position: absolute; left: 1px; top: 30px; padding-top: 0; margin: 0; }
#header .est { position: absolute; left: 0px; top: 70px; font-size: 0.75em; margin: 0; }

#header .ecommerce { left: auto; right: 4px; width: auto; min-width: 210px; height: auto; padding: 8px 25px 9px; border: 1px solid #4D5D6C; border-width: 0 1px; }
#header .ecommerce p { font-size: 1em; }
#header .ecommerce .items { margin-left: 5px; font-size: 0.875em; position: relative; top: -1px; }
#header .ecommerce .items::after { content: " in basket"; }
#header .ecommerce .items,
#header .ecommerce .price,
#header .ecommerce .checkout { height: auto; line-height: 100%; }
#header .ecommerce .items-empty::after { content: ""; }
#header .ecommerce .price { font-size: 1.125em; }

#header .promo-header { display: block !important; font-size: .9375em; padding-top: 8px; font-weight: 300; }
#header .promo-header span { display: inline-block; padding-right: 10px; border-right: 1px solid #fff; margin-right: 10px; }
#header .promo-header span:last-child { border: 0 none; }

#header .contact-details { position: absolute; left: 360px; top: 24px; right: auto; }

#header .search-form { width: 350px; height: 32px; position: absolute; right: 0px; bottom: 32px; }
#header .search-form button { width: 30px; height: 30px; }

#header nav { background: #343C48; position: relative; z-index: 1000; }

#header .burger { display: none; }
#header .nav { position: static; box-shadow: none; width: 1040px; height: auto; margin: 0 auto; background: none; padding: 0; border-left: 1px solid #424C5B; font-size: 0; }
#header .nav li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 100%; border-right: 1px solid #424C5B; position: relative; }
#header .nav li a { border: 0 none; height: 46px; box-sizing: border-box; padding: 14px 16px 16px; transition: all 200ms; }
#header .nav li:hover a,
#header .nav .selected a { color: #fff; background: #6CAF68; }
#header .nav li a[title="Home"]::before { content: "\f015"; font-family: FontAwesome; font-size: 1.4em; }
#header .nav li a[title="Home"] span { display: none; }
#header .nav li.item-has-children a:after {content: "\f078"; font-family: FontAwesome; color: inherit; position: static; font-size: 0.5em; padding-left: 4px; display: inline-block; vertical-align: top; }
#header .nav li .sub-items-wrapper { position: absolute; left: 0px; top: 100%; width: 250px; background: #343C48; border-top: 2px solid #6CAF68; border-bottom: 0 none; box-sizing: border-box; padding: 20px 10px 15px; display: none; opacity: 0; transition: opacity 200ms; }
#header .nav li:hover .sub-items-wrapper { display: block; opacity: 1; }
#header .nav li .sub-items-wrapper li { display: block; font-size: 14px; border: 0 none; }
#header .nav li .sub-items-wrapper li a { height: auto; padding: 5px; background: none; }
#header .nav li .sub-items-wrapper li a:after { content: none; }

/* !2.2 Body */
#body .wrapper { padding-top: 65px; padding-bottom: 55px; }
.page-content { float: right; width: 750px; }
.full-page { float: none; width: 100%; }

.sidebar { float: left; width: 260px; margin-top: 0; border-top: 0 none; padding: 0; border: 0 none; }

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

.left { float: left; }
.right { float: right; } 
.half { width: 50%; }

.page-gallery .item { float: left; text-align: center; margin: 3px; }
.page-gallery .item:first-child { margin-left: 0px; }
.page-gallery .item:nth-child(3n-1) { margin-left: 7px; margin-right: 7px; }
.page-gallery .item:last-child { margin-right: 0px; }

/* !2.3.2 Banner */
#banner { position: relative; height: 250px; }
#banner .page-title { padding: 12px 20px 10px }

.slide-panel .nav { display: block; bottom: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.slide-panel .nav li { top: 30px; left: -60px; }
.slide-panel .nav .next { right: -60px; }
.slide-panel .nav li a { width: 41px; height: 64px; }
.slide-panel .nav .prev a { width: 41px; height: 64px; border: 0 none; background: url(/img/buttons/btn-prev.png) no-repeat; }
.slide-panel .nav .next a { width: 41px; height: 64px; border: 0 none; background: url(/img/buttons/btn-next.png) no-repeat; }
.slide-panel .nav li a:hover { background-position: 0 !important; }

/* !2.4 Footer */
#footer .social { padding: 30px 25px; }
#footer .social li { width: 227px; margin-bottom: 0px; }

#footer .navigation .wrapper { text-align: center; padding-bottom: 45px; }
#footer .navigation .nav-group { width: 205px; min-height: 200px; margin: 0; text-align: left; padding: 24px 26px; }
#footer .navigation .nav-group:nth-child(3n) { border-width: 0 1px 0 0; }

#footer .newsletter .title { display: inline-block; margin: 0 30px 0 0; }
#footer .newsletter form { display: inline-block; }


/* !3.0 Home Page */
.slideshow-wrapper .slides { height: 500px; z-index: 1; }
.slideshow-wrapper .slides .slide .slide-text { padding: 65px 25px 0; width: 1024px; }
.slideshow-wrapper .slides .slide .slide-text .title { font-size: 1.5em; margin-bottom: 25px; }
.slideshow-wrapper .slides .slide .slide-text ul { font-size: 1.125em; }
.slideshow-wrapper .slides .slide .slide-text ul li { line-height: 180%; }
.slide-reasons .slide-text ul { font-size: 1.25em; }

.slideshow-wrapper .slides .slide .slide-link .info-wrapper { width: 1200px; }

.pods { margin: 25px -50px 0; text-align: center; }
.pods .pod .title { font-size: 1.875em; }
.pods .pod .title a { padding: 0 15px; }
.row-1 { margin-top: 35px; }
.row-1 .pod { width: 360px; height: 240px; }
.row-1 .pod-2 { margin: 0 25px; }
.row-2 { margin-bottom: 60px; }
.row-2 .pod { width: 265px; height: 130px; margin: 0 11px; }
.row-2 .pod-1 { margin-left: 0; }
.row-2 .pod-4 { margin-right: 0; }
.row-2 .pod .title { font-size: 1.375em; }

.welcome-copy { margin: 0; padding-right: 37px; border-right: 1px solid #eaeaea; }
.welcome-copy .title { font-size: 1.75em; }
.reviews { float: right; width: 382px; margin: 35px 0; }

.houzz-banner { margin: 100px -40px 50px; }
.houzz-banner .houzz-award { margin: -17px 30px -17px -29px; width: 92px; height: 92px; }
.houzz-banner .message { font-size: 1.375em; padding: 16px 0; margin: 0 25px; }

.bottom-pods { margin-top: 85px; }
.bottom-pods .pod { padding: 40px 20px; }
.bottom-pods .pod-free-delivery { padding: 40px; }
.bottom-pods .pod .title { font-size: 1.0625em; }
.bottom-pods .pod .title a { padding: 0; }


/* !4.0 Showroom Page */
.page-showroom #body .title-wrapper { padding: 50px 15px 20px; }
.page-showroom .page-title .part { display: inline-block; }

.page-showroom #body .wrapper { padding-top: 20px; }

.page-showroom .houzz-banner { margin: 40px 0 50px; display: block; clear: both; }
.page-showroom .houzz-banner .houzz-award { margin-right: 20px }
.page-showroom .houzz-banner .message { font-size: 1.25em; margin: 0 20px; }

.showroom-info { float: right; width: 300px; margin: 25px 0 40px 50px; }
.showroom-info p { font-size: 1em; }
.showroom-info .info-section { margin-bottom: 35px; }
.showroom-info .info-section:last-child { margin-bottom: 0; }
.showroom-info .opening-times { float: none; width: auto; }
.showroom-info .opening-times .heading { margin-bottom: 15px; }
.showroom-info .opening-times p { margin-bottom: 5px; }
.showroom-info .opening-times span { display: inline-block; }
.showroom-info .recommendations p a { padding-left: 40px; }
.page-showroom .body-after { padding: 45px 60px; }


/* !5.0 Products Listing */
.filter-nav .sidebar .sidenav { height: auto !important; overflow: visible; }
.filter-nav .sidebar .title::after { content: none; display: none; }

.filter-nav .filter-group { padding: 16px; }
.filter-nav .filters { padding: 12px 5px 5px; margin-top: 10px; }
.filter-nav .filters li { margin-bottom: 5px; }

/* !5.1 Range Listing */
.range-listing { text-align: left; }
.range-listing .range { width: 365px; margin: 0 0 34px 0; }
.range-listing .range:nth-child(2n-1) { margin-right: 15px; }

/* !5.2 Product Listing */
.product-listing { text-align: left; }
.product-listing .product { margin-right: 16px; }
.product-listing .product:nth-child(3n) { margin-right: 0; }

/* !5.3 Product Page */
.page-product #body { margin-bottom: 100px; }
.page-product #body .wrapper { padding-top: 35px; }
.slideshow-wrapper .range-title { font-size: 1.875em; min-width: 285px; padding: 11px 20px; }
#product-gallery { width: 400px; display: inline-block; margin-bottom: 0; }
.images .featured-container { width: 400px; height: 400px; }
.images .featured-container li { width: 400px; height: 400px; }
.images .thumbs-container { text-align: left; }

.product-info { float: right; width: 610px; padding-top: 10px; }
.product-info .prices .price { font-weight: 300; }
.product-info .prices .online-price { font-size: 1.5em; font-weight: bold; }

.product-info .samples { margin-top: 20px; }

.product-form .submit li.compare { width: 244px; }
.product-form .submit li.buy { width: 260px; }

.secondary-info { padding-top: 45px; display: block; clear: both; }
.available-info { display: inline-block; width: 400px; margin-top: 0; }
.available-info p { padding: 22px 30px; font-size: 1em; line-height: 110%; }
.secondary-info .product-form { float: right; width: 610px; margin: 0; }
.samples .info { padding: 28px 25px 16px 112px; }

.product-details { margin-top: 20px; }
#body .product-details .tabs .tab .wrapper { padding: 65px 50px 75px; }
.product-details .tabs .spec table tr td:first-child { padding-right: 30px; text-align: right; }

/* !5.3.2 Related Items */
#body .related-items { margin-top: 35px; margin-bottom: 0; padding-bottom: 0; }
.related-items h4.title { text-align: left; font-size: 1.375em; margin-bottom: 25px; padding: 0 10px; }


/* !6.0 Contact Form */
.page-contact .page-content { float: left; width: 630px; }
.page-contact .contact-form-container { float: right; width: 360px; }
.page-contact .contact-details .map { width: 100%; }

.page-content .contact-details { margin-top: 85px; }
.page-content .contact-details .phone { display: inline-block; width: 49%; }
.page-content .contact-details .email { display: inline-block; width: 49%; }
.page-content .contact-details ul { margin: 0 0 40px; }


/* !8.0 Blog */


/* !8.1 Blog Pages */
.page-blog-article #body .wrapper { padding-top: 55px; }

.page-blog-article #banner { height: 290px; }
.page-blog-article #banner .img { height: 100%; }
.page-blog-article #banner .page-title { position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: 0px; background: rgba(52, 60, 72, 0.8); margin: 0; color: #fff; font-size: 1.5625em; text-align: center; min-width: 280px; padding: 14px 30px 10px; }

.page-blog-article .page-content { width: 700px; float: none; padding-top: 75px; position: relative; }
.page-blog-article .back { position: absolute; left: -20px; top: 0px; -webkit-transform: translateX(-100%);transform: translateX(-100%); margin: 0; padding: 12px 34px 12px 1000px; width: 130px; box-sizing: content-box; }

.page-blog-article .article-info { position: absolute; left: -30px; top: 120px; -webkit-transform: translateX(-100%);transform: translateX(-100%); width: 120px; text-align: right; font-size: 1em; padding: 0; border-bottom: 0 none; margin: 0; }
.page-blog-article .article-info li { display: block; margin: 0 0 30px; }
.page-blog-article .article-info li .title { display: block; font-family: Merriweather, times, serif; font-size: 0.875em; font-weight: bold; font-style: italic; color: #999; padding: 0; }
.page-blog-article .article-info .pub-date .detail { font-weight: bold; }
.page-blog-article .article-info .categories .detail a { text-decoration: none; font-weight: bold; }

.page-blog-article .page-content .body p:first-child { font-size: 1.25em; margin-bottom: 60px; }

.page-blog-article .blog-full-width { margin: 0 -200px 60px; max-width: calc(100% + 400px); }


/* !9.0 Basket */
table.basket { margin: 60px 0px 0px; }
.basket thead th { font-size: 1em; font-weight: bold; }
.basket td { font-size: 1em; }

.basket .item-name { text-align: left; width: 370px; }
.basket .item-name .name { display: inline-block; vertical-align: middle; }
.basket .price { width: 145px; }
.basket .qty { width: 100px; }
.basket .qty .text { width: 50px; padding: 5px; }
.basket .qty .icon-btn { top: -2px; }
.basket .remove { text-align: center; width: 45px; }

.basket td.total, 
.basket th.total { width: 100px; }

.sub-total-container { margin: 10px -40px 0px; padding: 0px 40px; }

table.discount-explained { width: 490px; }
.discount-explained thead th { font-size: .875em; }
.discount-explained td { font-size: .875em; }
.discount-explained td.total { padding-right: 29px; width: 90px; text-align: right; padding-left: 0px; }

.voucher-container { padding: 28px 30px; margin: 30px 30px 0; }
.voucher-container .title { padding: 14px 0 14px 90px; font-size: 1em; }
.voucher-container .title::before { top: 5px; }
.voucher-container .fields li.vouchercode { margin-right: 15px; }
.voucher-container .fields li.vouchercode .text { width: 224px; }
.voucher-container .fields li.submit .btn { width: 244px; text-align: center; }

.delivery-container { margin-top: 80px; }
.delivery-container .title { font-size: 1.125em; padding: 0 30px 5px; }
.delivery-container .delivery-form { margin: 0 0 0 30px; width: 50%; }
.delivery-container .delivery-total { float: right; margin-right: 30px; }
.delivery-container .note { margin: 30px 30px 0; font-size: 0.875em;  }

.grand-total-container { margin-top: 100px; }
.grand-total-container .info { padding: 28px 30px; }
.grand-total-container .pay-form { padding: 22px 30px; }



/* !11.0 Messages */
#discount-message .message-wrap { left: 50% !important; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); }
#discount-message .message-wrap .arrow { background-position: 50% 0; }

.project-listing { text-align: left; }
.project-listing .project { display: inline-block; width: calc(50% - 20px); margin: 10px; text-align: left; font-size: 16px; }
.project-listing .project .image-wrap { height: 300px; }
.project-listing .project .image-wrap a { display: block; width: 100%; height: 100%; }