@charset "utf-8";
.product-list-item{border:1px solid #CCC;text-align:center;padding:10px;margin-top:15px;margin-bottom:15px}
.product-list-item .img-responsive{margin:0 auto}
.product-list-item-name{line-height:1.5em;height:3em;overflow:hidden}
.product-list-item-price{padding-bottom:4px;font-size:larger}
.product-list-item-sale-banner,.product-detail-sale-banner{background-color:red;color:#fff;font-weight:700;margin:5px -10px;padding:5px;font-size:20px}
.product-detail-sale-banner{margin:10px 0 5px;text-align:center}
.new-product{color:red}
.price-sale{font-weight:700;color:red}
.price-std{font-weight:700;color:red}
.price-std-crossed-out{text-decoration:line-through}
.price-actual-large{font-size:20px}
.price-save{color:red}
.price-save-pc{color:red}
.stock-info{padding:.3em .6em;font-size:130%;color:#fff;border-radius:.4em;background-color:#d9534f}
table.basket{border-collapse:collapse;width:100%}
table.basket th,table.basket td{font-weight:700;padding:4px}
table.basket td{border-bottom:1px solid #B5B5B5}
.bsk-thumbnail{border:1px solid #B5B5B5;width:75px;height:75px}
.bsk-prod-name{text-decoration:none;font-weight:400}
.bsk-options-list{font-size:11px;margin-top:3px}
.bsk-prod-code{font-weight:400;margin-top:10px}
#basket-info{float:left;width:100%}
#basket-info p{margin:10px 5px}
#basket-totals{float:right;margin-top:10px}
table.basket-totals{width:100%;border-spacing:5px;text-align:right}
table.basket-totals th{font-weight:400;padding-right:10px}
table.basket-totals td{font-weight:700}
.table-specification td,.table-specification th{text-align:center}
.table-delivery-pallet td,.table-delivery-pallet th{text-align:center}
.table-delivery-matrix td,.table-delivery-matrix th{text-align:center!important}
.table-delivery-matrix th,.table-delivery-pallet th{vertical-align:bottom}
@media (max-width: 430px) {
.table-specification td,.table-specification th{font-size:.9rem}
}
@media (max-width: 393px) {
.table-specification td,.table-specification th{font-size:.8rem}
}
@media (max-width: 375px) {
.table-specification td,.table-specification th{font-size:.7rem}
}
@media (max-width: 800px) {
.table-delivery-matrix td,.table-delivery-matrix th{font-size:.7rem}
.table-delivery-pallet td,.table-delivery-pallet th{font-size:.7rem}
}
@media (max-width: 430px) {
.table-delivery-matrix td,.table-delivery-matrix th{font-size:.5rem}
.table-delivery-pallet td,.table-delivery-pallet th{font-size:.5rem}
}
.table-order-master th{width:0}
.table-order-master td{width:100%}
.recent-reviews-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.recent-reviews-text{font-size:small;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.recent-reviews-date{font-size:small}
.recent-reviews-name,.recent-reviews-name a{font-size:small;font-weight:700}
#latest-news-footer{margin-top:15px}
#recent-reviews-tp{margin-top:0}
#recent-reviews-header-tp{padding:0;font-weight:700;font-size:18px;margin-top:5px;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center}
#recent-reviews-header-tp a{text-decoration:none;color:#000}
#recent-reviews-header-tp a:hover{text-decoration:none;color:#428bca}
.recent-reviews-item-tp{margin-top:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}
.recent-reviews-title-tp{font-size:18px;padding-top:10px;padding-bottom:10px;font-weight:700}
.recent-reviews-title-tp a{color:#000}
.recent-reviews-text-tp{margin-bottom:2px}
.recent-reviews-date-tp{color:#777;padding-left:3px;float:right}
#recent-reviews-footer-tp{padding-bottom:0;font-weight:400;margin-bottom:0}
.review-title{font-style:italic;font-weight:700}
.review-body{font-style:italic}
.review-footer{margin-top:-20px}
.review-stars-big{font-size:1.5em}
.review-rating-text-big{font-size:1.3em;vertical-align:bottom}
.review-stars-full{color:#FFA41C;margin-right:.1em}
.review-stars-empty{color:var(--bs-gray-300);margin-right:.1em}
.magiczoom_thumbnailsmall{width:76px}
.main-section{margin-bottom:10px}
.bottom-section{padding-top:15px}
.btu-calc-subtitle{font-weight:700;text-align:center;margin-bottom:10px}
.btu-calc-content-col{float:left;width:33.33%;margin-left:0;margin-right:0}
.btu-calc-content-col-old{float:left;width:50%;margin-left:0;margin-right:0}
.btu-calc-content-50{float:left;width:50%;margin-left:0;margin-right:0}
.btu-calc-content-50s{display:block;width:150px}
#btu-error-message,#btu-view-suitable{float:left;text-align:center;color:red;width:100%}
#btu-view-suitable a{color:#000;text-decoration:underline}
.btu-padding{padding-left:2px;padding-right:2px}
.btu-padding-compact{padding-left:0;padding-right:0;margin-bottom:10px}
.ol-with-heading{font-size:24px}
.ol-with-heading p{font-size:14px}
.ribbon_wrapLt,.ribbon_wrapRt,.ribbon_banner,.ribbon_wraps{position:absolute}
.ribbon_banner{-webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);-moz-box-shadow:0 3px 5px rgba(0,0,0,.5);box-shadow:0 3px 5px rgba(0,0,0,.5)}
.ribbon_wraps{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}
.ribbon_wrapLt,.ribbon_wrapRt{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.ribbon_wraps{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.ribbon_wrapLt{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.ribbon_wrapRt{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}
.ribbon_holder{position:absolute;left:-6px;top:-6px;width:150px;height:150px;overflow:hidden;background:transparent;position:relative;left:0;top:0;width:300px;height:375px;overflow:hidden;background:transparent 6px 6px no-repeat}
.ribbon_wraps{width:204px;height:48px;left:-60px;top:-24px;overflow:hidden}
.ribbon_wrapLt{width:30px;height:6px;left:-15px;bottom:50%;background:#622}
.ribbon_wrapRt{width:30px;height:6px;right:-15px;bottom:50%;background:#622}
.ribbon_banner{width:204px;height:24px;right:0;top:0;line-height:24px;text-align:center;font-weight:700;font-family:arial;font-size:12px;color:#fff;background:#c00}
.usp3 li{display:block;line-height:1.75em}
.usp3 li:before{content:"\f058";font-family:'Font Awesome 6 Pro';font-weight:900;font-size:1.25em;float:left;margin-left:-30px;color:var(--bs-success)}
.visit-other-site-section-1,.visit-other-site-section-2{color:#fff;text-align:center;background:#001d38;padding:15px;padding-bottom:20px;margin-top:20px;margin-bottom:0;border-radius:6px}
.visit-other-site-section-1 h3,.visit-other-site-section-2 h3{background:0;margin-top:0;padding-top:0;font-weight:700;text-shadow:1px 1px 2px black,0 0 15px black,0 0 5px #00008b;font-size:20px}
.visit-other-site-section-1{background:transparent url(/banner/banner-door-hardware-v3-site-link-background-3.jpg) no-repeat 0 0;background-size:100%}
.visit-other-site-section-2{background:transparent url(/banner/banner-yard1.jpg) no-repeat 0 0;background-size:100%}
@media (min-width: 768px) {
.visit-other-site-section-1{background-size:120%}
.visit-other-site-section-2{background-size:120%}
}
@media (max-width: 400px) {
.btn-section{font-size:15px;padding:5px;margin:-10px}
}
@media (max-width: 500px) {
.visit-other-site-section-1,.visit-other-site-section-2{margin-bottom:-10px}
.visit-other-site-section-1 h3,.visit-other-site-section-2 h3{font-size:18px}
}
.btn-strong{font-weight:700}
#product-detail-sharing{margin-top:10px;margin-bottom:10px}
.banner-sale{margin-top:10px}
.circular--square{border-top-left-radius:50% 50%;border-top-right-radius:50% 50%;border-bottom-right-radius:50% 50%;border-bottom-left-radius:50% 50%}
.product-option-error{color:red}
.blog-post-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.bestseller-text-3l{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}
.bestseller-text-4l{line-height:1.3!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}