/*.selectboxit-container{position:relative;display:block;width:100%;vertical-align:top}.selectboxit-container *{font:14px Helvetica,Arial;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;outline:none;white-space:nowrap}.selectboxit-container .selectboxit{width:100%;cursor:pointer;margin:0;padding:0;border-radius:0;overflow:hidden;display:block;position:relative}.selectboxit-container .selectboxit-options a,.selectboxit-container span{height:35px;line-height:33px;display:block}.selectboxit-container .selectboxit:focus{outline:0}.selectboxit-options .selectboxit-disabled,.selectboxit.selectboxit-disabled{opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;cursor:default}.selectboxit-text{text-indent:5px;overflow:hidden;text-overflow:ellipsis;float:left;color:#58595b}.selectboxit .selectboxit-option-icon-container{margin-left:5px}.selectboxit-container .selectboxit-options{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;width:100%;margin:0;padding:0;list-style:none;position:absolute;overflow-x:hidden;overflow-y:auto;cursor:pointer;display:none;z-index:9999999999999;border-radius:0;text-align:left;-webkit-box-shadow:none;box-shadow:none}.selectboxit-option{text-indent:5px;margin:0;list-style-type:none}.selectboxit-option .selectboxit-option-anchor{padding:0 2px}.selectboxit-option .selectboxit-option-anchor:hover{text-decoration:none}.selectboxit-optgroup-header{text-indent:5px;margin:0;list-style-type:none}.selectboxit-option-first{border-top-right-radius:6px;border-top-left-radius:6px}.selectboxit-optgroup-header+.selectboxit-option-first{border-top-right-radius:0;border-top-left-radius:0}.selectboxit-option-last{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.selectboxit-optgroup-header{font-weight:700}.selectboxit-optgroup-header:hover{cursor:default}.selectboxit-arrow-container{width:30px;position:absolute;right:0;bottom:1px}.selectboxit .selectboxit-arrow-container .selectboxit-arrow{margin:0 auto;position:absolute;top:50%;right:0;left:0}.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon{top:30%}.selectboxit-option-icon-container{float:left}.selectboxit-container .selectboxit-option-icon{margin:0;padding:0;vertical-align:middle}.selectboxit-option-icon-url{width:18px;background-size:18px 18px;background-repeat:no-repeat;height:100%;background-position:50%;float:left}.selectboxit-rendering{display:inline-block!important;*display:inline!important;zoom:1!important;visibility:visible!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.jqueryui .ui-icon{background-color:inherit}.jqueryui .ui-icon-triangle-1-s{background-position:-64px -16px}.selectboxit-btn{background-color:transparent;border:1px solid #ccc}.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:hover{text-decoration:none}.selectboxit-default-arrow{width:0;height:0;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent}.selectboxit-list{background-color:#fff;border:1px solid #999}.selectboxit-list .selectboxit-option-anchor{color:#58595b}.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor{background-color:#eee}.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor{color:#999}.configurator-page{width:100%;max-width:1230px;margin:0 auto;color:#58595b}.configurator-page .selectboxit-container .selectboxit{margin-bottom:10px;padding:0 10px;color:#58595b}.configurator-page .selectboxit-container .selectboxit span{color:#58595b;margin:0}.configurator-page .selectboxit-container .selectboxit .selectboxit-text{text-indent:0;margin-left:0}.configurator-page input[type=submit].blueSubmit{border:0;background-image:none;background-color:#8b8b8b;padding:5px 30px;font-size:14px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:scale(1);transform:scale(1)}.configurator-page input[type=submit].blueSubmit:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.configurator-page .twoCOlumnsRight{position:relative}.configurator-page .colMain #refCodeBanner{display:inline-block;float:right}.configurator-page .colMain #refCodeBanner .reflink{background-image:none;padding:0;float:left;color:#58595b;font-size:16px;line-height:24px;font-weight:400;text-transform:capitalize}.configurator-page .colMain h1{display:block;margin:15px 0;font-size:16px;line-height:24px;color:#58595b;text-align:left}.configurator-page .colMain .product-title-header{font-size:24px;line-height:30px;text-transform:uppercase;font-family:UniversLTStd,Arial,sans-serif}.configurator-page .colMain .productBuild{padding:30px 0 0}.configurator-page .colMain .productBuild a{font-weight:700;font-family:UniversLTStd}.configurator-page .colMain .productBuild a:hover{color:inherit}.configurator-page .colMain .productBuild .attributeBox{cursor:default;background:#fff;margin:0;padding:0;border:none;border-bottom:1px solid #ccc}.configurator-page .colMain .productBuild .attributeBox.attributeBoxOpened .attributeBoxHead .icon-uniF243{display:block}.configurator-page .colMain .productBuild .attributeBox.attributeBoxOpened .attributeBoxHead .icon-uniF100{display:none}.configurator-page .colMain .productBuild .attributeBox .attributeBoxHead{background-image:none;background-size:15px;background-position:50%;background-repeat:no-repeat;background-position:100% 50%;padding:15px 0;cursor:pointer}.configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF100{position:absolute;right:0;top:15px}.configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF243{position:absolute;right:0;top:15px;display:none}.configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF100{display:block}.configurator-page .colMain .productBuild .attributeBox .attMobile{display:none;padding-bottom:8px}.configurator-page .colMain .productBuild .attributeBox .attValue{width:50%;margin:0;padding:0}.configurator-page .colMain .productBuild .attributeBox .attValue span{font-family:UniversLTStd-Light,Helvetica,Arial,sans-serif!important;font-size:10px!important}.configurator-page .colMain .productBuild .attributeBox .attValue span,.configurator-page .colMain .productBuild .attributeBox .h4,.configurator-page .colMain .productBuild .attributeBox h4{margin:0;font-family:UniversLTStd,Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase}.configurator-page .colMain .productBuild .attributeBox .attributeBoxInfoLeftOptions{padding:0 0 0 1px}.configurator-page .colMain .productBuild .attributeBox .moreInfo{background-image:url(/images/configurator-assets/info.svg);background-size:16px;background-position:50%;background-repeat:no-repeat;background-position:0 60%;display:inline-block;font-family:UniversLTStd,Helvetica,Arial,sans-serif;font-size:9px;line-height:15px;font-weight:700;text-transform:uppercase;padding:0 0 0 20px;margin-left:-2px;margin-bottom:8px;color:#40837a}.configurator-page .colMain .productBuild .attributeBox .moreInfo:active,.configurator-page .colMain .productBuild .attributeBox .moreInfo:focus,.configurator-page .colMain .productBuild .attributeBox .moreInfo:hover,.configurator-page .colMain .productBuild .attributeBox .moreInfo:visited{color:#40837a;text-decoration:none}.configurator-page .colMain .productBuild .attributeBox input[type=radio]{background-repeat:no-repeat;background-size:12px 12px;background-position:0;border:0;display:inline-block;min-height:auto;position:relative;top:1px;cursor:pointer;height:12px;width:12px;width:-o-calc(100% + 16px);width:-ms-calc(100% + 16px)}.configurator-page .colMain .productBuild .attributeBox input[type=radio]:focus{outline:none}.configurator-page .colMain .productBuild .attributeBox .colorOption{width:auto;display:inline-block;vertical-align:top;float:none}.configurator-page .colRight{position:absolute!important;right:0}.configurator-page .colRight .product-config-slideshow{width:100%;margin:0 auto;cursor:pointer}.configurator-page .colRight .product-config-slide img{width:100%;height:auto}.configurator-page #requestFormSection .productSectionIn{width:100%}.configurator-page #requestFormSection .productSectionIn .h3,.configurator-page #requestFormSection .productSectionIn h3{display:block;margin:0;font-size:15px;line-height:22px;color:#58595b;padding-top:30px;text-transform:uppercase;font-weight:700;font-family:UniversLTStd,Arial,Helvetica,sans-serif}.configurator-page #requestFormSection .productSectionIn input[type=email],.configurator-page #requestFormSection .productSectionIn input[type=number],.configurator-page #requestFormSection .productSectionIn input[type=text],.configurator-page #requestFormSection .productSectionIn select,.configurator-page #requestFormSection .productSectionIn textarea{display:block;width:100%;height:35px;font-size:15px;line-height:1.42857143;color:#58595b;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;padding:0 12px;line-height:35px;height:35px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.configurator-page #requestFormSection select{font-family:UniversLTStd,Helvetica,Arial,sans-serif!important;height:35px!important;padding:6px 12px!important;font-size:15px!important;line-height:1.42857!important;color:#58595b!important;position:static!important;width:100%!important;opacity:1!important;border-radius:0!important;-webkit-appearance:none!important}.configurator-page #requestFormSection .customSelect{display:none!important}.configurator-page .product-details{font-family:UniversLTStd,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:12px;line-height:17px}.configurator-page .product-details p{margin:0;padding:0}.configurator-page .product-details #pricewrap,.configurator-page .product-details .itemInfo,.configurator-page .product-details .links-divider,.configurator-page .product-details .listPrice,.configurator-page .product-details .qtyBox{display:block;width:100%;max-width:280px;margin:0 auto 0 0;text-align:left}.configurator-page .product-details .qtyBox{padding:8px 0}.configurator-page .product-details .qtyBox .qty{width:30px;height:15px;line-height:14px;min-height:1px;font-size:10px}.configurator-page .product-details .qtyBox .qtyLabel{font-size:10px;line-height:15px;font-family:UniversLTStd-Light,Arial,sans-serif;text-transform:uppercase;padding-left:8px}.configurator-page .product-details .itemInfo{padding:0}.configurator-page .product-details .itemInfo #skuDiv,.configurator-page .product-details .itemInfo #skuDiv2{display:block}.configurator-page .product-details .itemInfo .item-code{display:block;font-size:10px;line-height:15px;font-family:UniversLTStd-Light,Arial,sans-serif}.configurator-page .product-details .itemInfo #skuDiv,.configurator-page .product-details .itemInfo #skuDiv2{font-family:UniversLTStd,Arial,sans-serif;font-weight:400}.configurator-page .product-details .listPrice{font-size:12px;line-height:inherit;text-align:left}.configurator-page .product-details #retailDiv,.configurator-page .product-details #yourPriceDiv,.configurator-page .product-details .list-label,.configurator-page .product-details .price-label{font-family:UniversLTStd,Arial,sans-serif;text-transform:uppercase;font-weight:700;width:50%;display:inline-block;vertical-align:middle;margin-right:-4px;text-align:left}.configurator-page .product-details .list-label,.configurator-page .product-details .price-label{font-size:10px;line-height:15px;font-family:UniversLTStd-Light,Arial,sans-seri}.configurator-page .product-details #retailDiv{font-size:18px;line-height:22px;font-weight:400}.configurator-page .product-details #yourPriceDiv{font-size:24px;line-height:30px;font-weight:400}.configurator-page .product-details #retailDiv,.configurator-page .product-details .list-label{color:#999}.configurator-page .product-details .mainPrice{margin:0;text-align:left}.configurator-page .product-details .price-label{margin-left:-3px}.configurator-page .product-details .listPrice{padding-bottom:8px}.configurator-page .product-details #pricewrap{padding-bottom:30px}.configurator-page .product-details #weightDiv{font-size:10px;line-height:15px;padding-top:0;padding-bottom:30px;font-family:UniversLTStd-Light,Arial,sans-serif}.configurator-page .product-details #weightDiv #weight{display:block;font-size:12px;font-family:UniversLTStd,Arial,sans-serif}.configurator-page .product-details .product-details-links{display:block;width:100%;max-width:200px;margin:0 auto 0 0;text-align:center}.configurator-page .product-details .product-details-links a{display:block;width:100%;background-image:none;background-color:#83945d;height:40px;margin-bottom:8px;padding-top:0;padding-bottom:0;color:#fff;font-size:13px;line-height:41px;font-family:UniversLTStd,Arial,sans-serif;text-transform:uppercase;font-weight:400;text-decoration:none;float:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.configurator-page .product-details .product-details-links a:active,.configurator-page .product-details .product-details-links a:focus,.configurator-page .product-details .product-details-links a:hover,.configurator-page .product-details .product-details-links a:visited{text-decoration:none}.configurator-page .product-details .product-details-links a.addTo{background-color:#3b5854;margin-bottom:30px}.configurator-page .product-details .product-details-links a:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.configurator-page .product-details .product-details-links .b2b-links .links-divider{background-color:#58595b;display:block;height:1px;margin-top:30px;margin-bottom:30px;opacity:.3}.configurator-page .product-details .product-details-links .b2b-links a{background-color:transparent;color:#58595b;border:1px solid #58595b;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:none;transform:none}.configurator-page .product-details .product-details-links .b2b-links a:hover{background-color:#58595b;color:#fff;-webkit-transform:none;transform:none}.configurator-page .twoColumnsRight .colMain{float:none!important}.configurator-page .twoColumnsRight .colRight{float:none!important;padding-left:15px;width:60%}.configurator-page .twoColumnsRight .colMain{width:40%;padding-right:0}.configurator-page .centerImgProduct,.configurator-page .product-details{display:inline-block;margin-right:-4px;vertical-align:middle}.configurator-page .centerImgProduct{width:50%}.configurator-page .product-details{width:200px}.configurator-page .centerImgProduct img#myImage{width:100%;height:auto}.configurator-page .colRight{height:100%}.configurator-page .colRight-container{display:table;height:100vh;height:-o-calc(100vh - 115px);height:-ms-calc(100vh - 115px);height:calc(100vh - 115px);width:100%;table-layout:fixed;-webkit-transition:padding-top .3s ease-out;transition:padding-top .3s ease-out}.configurator-page .colRight-product-container{display:table-cell;vertical-align:top}.configurator-page .fixed{position:fixed;top:200px}.configurator-page .absolute{position:absolute;bottom:0}.configurator-page .mobile-reset{position:static!important;height:auto!important}.configurator-page .top-slided{padding-top:250px}.configurator-page .product-wrapper .slick-dots{bottom:-32px}.configurator-page .product-wrapper .slick-dots li button:before{font-size:10px;color:silver;opacity:1}.configurator-page .product-wrapper .slick-dots li.slick-active button:before,.configurator-page .product-wrapper .slick-dots li:hover button:before{color:#83945d;opacity:1}.configurator-page .formBox{width:100%}.configurator-page .product-config-slideshow-wrapper{position:relative;display:inline-block;width:calc(100% - 200px);margin-right:-4px;padding-right:15px;padding-left:3px;vertical-align:top;overflow:hidden}.configurator-page .product-config-slideshow-wrapper.loading:after{display:block}.configurator-page .product-config-slideshow-wrapper:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/images/ajax-loader.gif);background-repeat:no-repeat;background-color:#fff;background-position:50%;background-size:32px 32px;display:none}.configurator-page .product-config-slideshow-wrapper .product-config-slide{position:relative;outline:0}.configurator-page .product-config-slideshow-wrapper .product-config-slide:focus{outline:0}.configurator-page .product-config-slideshow-wrapper .view-larger{margin:40px auto 0;display:block;text-align:center}.configurator-page .product-config-slideshow-wrapper .view-larger:active,.configurator-page .product-config-slideshow-wrapper .view-larger:focus,.configurator-page .product-config-slideshow-wrapper .view-larger:hover,.configurator-page .product-config-slideshow-wrapper .view-larger:visited{text-decoration:none}.configurator-page .product-config-slideshow-wrapper .view-larger i{font-size:16px}.configurator-page .colRight-container.product-wrapper.mobile-reset{padding-top:20px}.nav-container{z-index:1200}.top-slider-link{position:relative;display:block}.top-slider-link .new-cta{background-color:#83945d;position:absolute;right:0;top:0;border-radius:4px;padding:4px 8px 1px;color:#fff;font-size:10px;line-height:12px;font-family:Conv_UniversLTStd-BoldCn;letter-spacing:.5px;font-weight:400}@media (min-width:1231px){.configurator-page{padding:0}}@media (min-width:1024px){.configurator-page{padding:0 30px}.configurator-page .tablet-product-title-header{display:none}}@media (max-width:1023px){.configurator-page .product-title-header{display:none!important}.configurator-page .tablet-product-title-header{display:block;padding:0 30px;margin:0 auto;color:#58595b;font-size:24px;line-height:30px;text-transform:uppercase;font-family:UniversLTStd,Arial,sans-serif}.configurator-page .twoColumnsRight .colMain{position:static!important}.configurator-page .twoColumnsRight .colRight{position:static!important;width:100%;padding:0}.configurator-page .twoColumnsRight .colRight .product-config-slideshow{width:100%}.configurator-page .twoColumnsRight .colMain{width:100%;padding:0 30px}.configurator-page .colRight-product-container{text-align:center}.configurator-page .colRight-container{height:auto;margin-bottom:30px}.configurator-page .product-config-slideshow-wrapper{width:calc(100% - 300px)}.configurator-page .centerImgProduct,.configurator-page .product-details{width:300px;padding-left:15px;padding-right:30px}.configurator-page .product-details #pricewrap,.configurator-page .product-details .itemInfo,.configurator-page .product-details .links-divider,.configurator-page .product-details .listPrice,.configurator-page .product-details .product-details-links,.configurator-page .product-details .qtyBox{width:100%;max-width:100%}.configurator-page .productSectionIn{padding:0;width:100%}.configurator-page .formBox{width:100%;float:none}.configurator-page .top-slided{padding-top:0!important}}@media (max-width:650px){.configurator-page{padding:0 30px}.configurator-page .tablet-product-title-header,.configurator-page .twoColumnsRight .colMain{padding:0}.configurator-page #requestFormSection{margin:0;padding:0}.configurator-page .productLibertyLinks.mobileVisible{display:none!important}.configurator-page .product-config-slideshow-wrapper{width:50%}.configurator-page .product-details{position:relative;width:50%;padding:0}.configurator-page .product-details .itemInfo{max-width:50%;padding-top:0;margin:0}.configurator-page .product-details .qtyBox{max-width:50%;padding-bottom:15px;margin:0}.configurator-page .product-details #pricewrap,.configurator-page .product-details .listPrice{position:absolute;width:50%;padding:0;right:0;top:0}.configurator-page .product-details #pricewrap{top:30px}.configurator-page .product-details #retailDiv,.configurator-page .product-details #yourPriceDiv{font-size:11px;line-height:20px}.configurator-tab{max-width:33.333%;margin-right:-4px}.configurator-tab .h2{font-size:11px;line-height:15px;padding:0!important}.tab-description{padding:0 0 0 15px;margin:0}}@media (max-width:480px){.configurator-page .twoColumnsRight .colMain{padding:0}.configurator-page .product-config-slideshow-wrapper{width:100%;max-width:200px;padding:0}.configurator-page .tablet-product-title-header{padding:25px 0 0}.configurator-page .centerImgProduct,.configurator-page .product-details{max-width:none;width:100%}.configurator-page .colRight .product-config-slideshow{max-width:250px;margin:0 auto 30px}.configurator-page .twoColumnsRight{padding-top:0}}.configurator-tabs{margin-left:-15px;margin-top:8px}.configurator-tabs .configurator-tab{display:inline-block;padding-left:15px;margin-bottom:15px}.configurator-tabs .configurator-tab:not(.active-tab).hover-tab .h2{border-bottom:5px solid #999}.configurator-tabs .configurator-tab:not(.active-tab) .h2{color:#999}.configurator-tabs .configurator-tab.active-tab .h2{border-bottom:5px solid #58595b}.configurator-tabs .configurator-tab .h2{padding:0 0 5px;margin:0;font-family:UniversLTStd;font-weight:700;color:#58595b}.configurator-tabs .tab-description{display:none;padding-left:15px;max-width:720px}.configurator-tabs .tab-description.description-active{display:block}.configurator-tabs .configurator-tab .h2{padding:0 0 4px;font-weight:400;text-transform:uppercase;font-size:15px;line-height:20px}@media (min-width:1024px){.configurator-tabs.tablet-mobile{display:none!important}}@media (max-width:1023px){.configurator-tabs.desktop{display:none!important}.configurator-tabs.tablet-mobile{display:block!important}.configurator-tabs .tab-description{padding-right:30px}}@media (min-width:768px){.configurator-tabs.tablet-mobile{padding-left:30px;padding-right:30px}}@media (max-width:767px){.configurator-tabs.tablet-mobile{padding-left:0;padding-right:0}}.configurator-page .configurator-tab,.configurator-page .configurator-tab:active,.configurator-page .configurator-tab:focus{text-decoration:none!important}.configurator-page .absolute{bottom:50px}.configurator-page .colMain .productBuild .attributeBoxInfoLeftOptions{margin-left:-10px}.configurator-page .colMain .productBuild .attributeBox .colorOption{margin-right:-4px;width:20%;padding-left:0;padding-right:10px;font-size:10px;line-height:12px}.configurator-page .colMain .productBuild .attributeBox .colorOption .colorOptionTxt,.configurator-page .colMain .productBuild .attributeBox .colorOption input[type=radio]{display:inline-block;padding-top:4px;margin:0 -4px 0 0;vertical-align:middle}.configurator-page .colMain .productBuild .attributeBox .colorOption input[type=radio]{height:auto;line-height:12px}.configurator-page .colMain .productBuild .attributeBox .colorOptionTxt{width:calc(100% - 12px);padding-left:8px}.configurator-page .colorOption img{height:auto;width:100%;margin:0}@media (max-width:767px){.configurator-page .colMain .productBuild .attributeBox .colorOption{margin-right:-4px;width:50%;padding-left:0;padding-right:10px}}*/ /* NEW PRICING STYLING 8/2023 */ /* NEW STYLES FOR LONG TRANSLATIONS ACCOMDATIONS */ @media screen and (min-width: 1024px) { .configurator-page .product-details { width: 201px !important; } span.discount { font-size: 11px !important; } a.buy-now-btn { width: 70% !important; } .qty-wrapper { width: 55px !important;; } .qty { width: 55px; } .b2b-links a { font-size: 10px !important; padding-left: 0 !important; } } .prices-container { display: flex; flex-direction: column; margin-top: 1rem; } .price-row { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; margin-bottom: 10px; } h3.list, h3.list-price { color: #999; } h3.list-price, h3.buy-now-price { font-size: 20px; line-height: 24px; letter-spacing: 0.5px; margin-top: 0; margin-bottom: 0; font-weight: bold; } h3.list, h3.buy-now { font-size: 12px; line-height: 15px; letter-spacing: 0.5px; margin-top: 0; margin-bottom: 0; word-wrap: break-word; } .wfh-discount-price { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; padding-bottom: 0; justify-content: flex-end; } .promo-code { display: flex; flex-direction: column; align-items: flex-end; flex-wrap: wrap; color: #AB032D; font-weight: bold; } span.discount { font-size: 12px; font-weight: normal; } h3.discounted-price { font-size: 20px; margin-top: 0; font-weight: bold; } .buy-qty { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; margin-top: 10px; } .buy-now-btn { background-color: #3b5854 !important; color: #fff; width: 65% !important; padding: 12px 0; margin-bottom: 15px; font-size: 13px; line-height: 1rem; text-align: center; text-decoration: none; } .buy-now-btn:hover, .buy-now-btn:focus { text-decoration: none; color: white; } .strikethrough { position: relative; } .strikethrough::before { position: absolute; content: ""; left: 0; top: 45%; right: 0; border-top: 2px solid; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .qty-wrapper { display: inline-block; height: 35px; width: 60px; /* margin-right: -4px; */ margin-right: 0; vertical-align: bottom; } .qty-field { position: relative; } .qty { -moz-appearance: textfield; /* width: 70px; */ /* height: 35px; */ width: 60px; height: 40px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; /* padding-left: 20px; */ padding-left: 15px; border: 1px solid black; } .qty-nav { float: left; position: relative; height: 40px; } .qty-button { position: relative; width: 20px; color: #333; font-family: "Trebuchet MS", Helvetica, sans-serif !important; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-left: 1px solid black; cursor: pointer; } .qty-button.qty-up { position: absolute; height: 50%; top: 0; line-height: 17.5px; border-bottom: 1px solid black; } .qty-button.qty-down { position: absolute; height: 50%; bottom: 0px; line-height: 17.5px; } @media screen and (max-width: 480px){ .buy-now-btn { width: 80% !important; } } @media screen and (max-width: 422px){ .buy-now-btn { width: 70% !important; } } /* OLD CSS */ .selectboxit-container { position: relative; display: block; width: 100%; vertical-align: top } .selectboxit-container * { font: 14px Helvetica, Arial; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap } .selectboxit-container .selectboxit { width: 100%; cursor: pointer; margin: 0; padding: 0; border-radius: 0; overflow: hidden; display: block; position: relative } .selectboxit-container .selectboxit-options a, .selectboxit-container span { height: 35px; line-height: 33px; display: block } .selectboxit-container .selectboxit:focus { outline: 0 } .selectboxit-options .selectboxit-disabled, .selectboxit.selectboxit-disabled { opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; cursor: default } .selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left; color: #58595b } .selectboxit .selectboxit-option-icon-container { margin-left: 5px } .selectboxit-container .selectboxit-options { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 100%; width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 0; text-align: left; -webkit-box-shadow: none; box-shadow: none } .selectboxit-option { text-indent: 5px; margin: 0; list-style-type: none } .selectboxit-option .selectboxit-option-anchor { padding: 0 2px } .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none } .selectboxit-optgroup-header { text-indent: 5px; margin: 0; list-style-type: none } .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px } .selectboxit-optgroup-header+.selectboxit-option-first { border-top-right-radius: 0; border-top-left-radius: 0 } .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } .selectboxit-optgroup-header { font-weight: 700 } .selectboxit-optgroup-header:hover { cursor: default } .selectboxit-arrow-container { width: 30px; position: absolute; right: 0; bottom: 1px } .selectboxit .selectboxit-arrow-container .selectboxit-arrow { margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0 } .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30% } .selectboxit-option-icon-container { float: left } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle } .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: 50%; float: left } .selectboxit-rendering { display: inline-block!important; *display: inline!important; zoom: 1!important; visibility: visible!important; position: absolute!important; top: -9999px!important; left: -9999px!important } .jqueryui .ui-icon { background-color: inherit } .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px } .selectboxit-btn { background-color: transparent; border: 1px solid #ccc } .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:hover { text-decoration: none } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent } .selectboxit-list { background-color: #fff; border: 1px solid #999 } .selectboxit-list .selectboxit-option-anchor { color: #58595b } .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor { background-color: #eee } .selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor { color: #999 } .configurator-page { width: 100%; max-width: 1230px; margin: 0 auto; color: #58595b } .configurator-page .selectboxit-container .selectboxit { margin-bottom: 10px; padding: 0 10px; color: #58595b; background-color:white; } .configurator-page .selectboxit-container .selectboxit span { color: #58595b; margin: 0 } .configurator-page .selectboxit-container .selectboxit .selectboxit-text { text-indent: 0; margin-left: 0 } .configurator-page input[type=submit].blueSubmit { border: 0; background-image: none; background-color: #8b8b8b; padding: 5px 30px; font-size: 14px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(1); transform: scale(1) } .configurator-page input[type=submit].blueSubmit:hover { -webkit-transform: scale(1.025); transform: scale(1.025) } .configurator-page .twoCOlumnsRight { position: relative } .configurator-page .colMain #refCodeBanner { display: inline-block; float: right } .configurator-page .colMain #refCodeBanner .reflink { background-image: none; padding: 0; float: left; color: #58595b; font-size: 16px; line-height: 24px; font-weight: 400; text-transform: capitalize } .configurator-page .colMain h1 { display: block; margin: 15px 0; font-size: 16px; line-height: 24px; color: #58595b; text-align: left } .configurator-page .colMain .product-title-header { font-size: 24px; line-height: 30px; text-transform: uppercase; font-family: UniversLTStd, Arial, sans-serif } .configurator-page .colMain .productBuild { padding: 30px 0 0 } .configurator-page .colMain .productBuild a { font-weight: 700; font-family: UniversLTStd } .configurator-page .colMain .productBuild a:hover { color: inherit } .configurator-page .colMain .productBuild .attributeBox { cursor: default; background: #fff; margin: 0; padding: 0; border: none; border-bottom: 1px solid #ccc } .configurator-page .colMain .productBuild .attributeBox.attributeBoxOpened .attributeBoxHead .icon-uniF243 { display: block } .configurator-page .colMain .productBuild .attributeBox.attributeBoxOpened .attributeBoxHead .icon-uniF100 { display: none } .configurator-page .colMain .productBuild .attributeBox .attributeBoxHead { background-image: none; background-size: 15px; background-position: 50%; background-repeat: no-repeat; background-position: 100% 50%; padding: 15px 0; cursor: pointer } .configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF100 { position: absolute; right: 0; top: 15px } .configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF243 { position: absolute; right: 0; top: 15px; display: none } .configurator-page .colMain .productBuild .attributeBox .attributeBoxHead .icon-uniF100 { display: block } .configurator-page .colMain .productBuild .attributeBox .attMobile { display: none; padding-bottom: 8px } .configurator-page .colMain .productBuild .attributeBox .attValue { width: 50%; margin: 0; padding: 0 } .configurator-page .colMain .productBuild .attributeBox .attValue span { font-family: UniversLTStd-Light, Helvetica, Arial, sans-serif!important; font-size: 10px!important } .configurator-page .colMain .productBuild .attributeBox .attValue span, .configurator-page .colMain .productBuild .attributeBox .h4, .configurator-page .colMain .productBuild .attributeBox h4 { margin: 0; font-family: UniversLTStd, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase } .configurator-page .colMain .productBuild .attributeBox .attributeBoxInfoLeftOptions { padding: 0 0 0 1px } .configurator-page .colMain .productBuild .attributeBox .moreInfo { background-image: url(/images/configurator-assets/info.svg); background-size: 16px; background-position: 50%; background-repeat: no-repeat; background-position: 0 60%; display: inline-block; font-family: UniversLTStd, Helvetica, Arial, sans-serif; font-size: 9px; line-height: 15px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 20px; margin-left: -2px; margin-bottom: 8px; color: #40837a } .configurator-page .colMain .productBuild .attributeBox .moreInfo:active, .configurator-page .colMain .productBuild .attributeBox .moreInfo:focus, .configurator-page .colMain .productBuild .attributeBox .moreInfo:hover, .configurator-page .colMain .productBuild .attributeBox .moreInfo:visited { color: #40837a; text-decoration: none } .configurator-page .colMain .productBuild .attributeBox input[type=radio] { background-repeat: no-repeat; background-size: 12px 12px; background-position: 0; border: 0; display: inline-block; min-height: auto; position: relative; top: 1px; cursor: pointer; height: 12px; width: 12px; width: -o-calc(100% + 16px); width: -ms-calc(100% + 16px) } .configurator-page .colMain .productBuild .attributeBox input[type=radio]:focus { outline: none } .configurator-page .colMain .productBuild .attributeBox .colorOption { width: auto; display: inline-block; vertical-align: top; float: none } .configurator-page .colRight { position: absolute!important; right: 0 } .configurator-page .colRight .product-config-slideshow { width: 100%; margin: 0 auto; cursor: pointer } .configurator-page .colRight .product-config-slide img { width: 100%; height: auto } .configurator-page #requestFormSection .productSectionIn { width: 100% } .configurator-page #requestFormSection .productSectionIn .h3, .configurator-page #requestFormSection .productSectionIn h3 { display: block; margin: 0; font-size: 15px; line-height: 22px; color: #58595b; padding-top: 30px; text-transform: uppercase; font-weight: 700; font-family: UniversLTStd, Arial, Helvetica, sans-serif } .configurator-page #requestFormSection .productSectionIn input[type=email], .configurator-page #requestFormSection .productSectionIn input[type=number], .configurator-page #requestFormSection .productSectionIn input[type=text], .configurator-page #requestFormSection .productSectionIn select, .configurator-page #requestFormSection .productSectionIn textarea { display: block; width: 100%; height: 35px; font-size: 15px; line-height: 1.42857143; color: #58595b; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; padding: 0 12px; line-height: 35px; height: 35px!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 } .configurator-page #requestFormSection select { font-family: UniversLTStd, Helvetica, Arial, sans-serif!important; height: 35px!important; padding: 6px 12px!important; font-size: 15px!important; line-height: 1.42857!important; color: #58595b!important; position: static!important; width: 100%!important; opacity: 1!important; border-radius: 0!important; -webkit-appearance: none!important } .configurator-page #requestFormSection .customSelect { display: none!important } .configurator-page .product-details { font-family: UniversLTStd, Arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 17px } .configurator-page .product-details p { margin: 0; padding: 0 } .configurator-page .product-details #pricewrap, .configurator-page .product-details .itemInfo, .configurator-page .product-details .links-divider, .configurator-page .product-details .listPrice, .configurator-page .product-details .qtyBox { display: block; width: 100%; max-width: 280px; margin: 0 auto 0 0; text-align: left } .configurator-page .product-details .qtyBox { padding: 8px 0 } .configurator-page .product-details .qtyBox .qty { width: 30px; height: 15px; line-height: 14px; min-height: 1px; font-size: 10px } .configurator-page .product-details .qtyBox .qtyLabel { font-size: 10px; line-height: 15px; font-family: UniversLTStd-Light, Arial, sans-serif; text-transform: uppercase; padding-left: 8px } .configurator-page .product-details .itemInfo { padding: 0 } .configurator-page .product-details .itemInfo #skuDiv, .configurator-page .product-details .itemInfo #skuDiv2 { display: inline-block } .configurator-page .product-details .itemInfo .item-code { display: inline-block; font-size: 10px; line-height: 15px; font-family: UniversLTStd-Light, Arial, sans-serif } .configurator-page .product-details .itemInfo #skuDiv, .configurator-page .product-details .itemInfo #skuDiv2 { font-family: UniversLTStd, Arial, sans-serif; font-weight: 400 } .configurator-page .product-details .listPrice { font-size: 12px; line-height: inherit; text-align: left } /* .configurator-page .product-details #retailDiv, .configurator-page .product-details #yourPriceDiv, .configurator-page .product-details .yourPriceDiv, .configurator-page .product-details .list-label, .configurator-page .product-details .price-label { font-family: UniversLTStd, Arial, sans-serif; text-transform: uppercase; font-weight: 700; width: 49%; display: inline-block; vertical-align: middle; margin-right: -4px; text-align: left } */ .configurator-page .product-details .list-label, .configurator-page .product-details .price-label { font-size: 10px; line-height: 15px; font-family: UniversLTStd-Light, Arial, sans-seri } /* .yourPriceDivUK2{ font-weight: 900;color:rgb(153, 153, 153);} */ /* .configurator-page .product-details #retailDiv { font-size: 18px; line-height: 22px; font-weight: 400 } */ /* .configurator-page .product-details #yourPriceDiv, .configurator-page .product-details .yourPriceDiv { font-size: 24px; line-height: 30px; font-weight: 400 } */ #yourPriceLabelUK1 hr{ border-bottom: 1px rgb(88, 89, 91) solid; width: 38%;margin:0; } .configurator-page .product-details #retailDiv, .configurator-page .product-details .list-label { color: #999 } .configurator-page .product-details .mainPrice { margin: 0; text-align: left } /* .configurator-page .product-details .price-label { margin-left: -3px } */ .configurator-page .product-details .listPrice { padding-bottom: 8px } .configurator-page .product-details #pricewrap { padding-bottom: 30px } .configurator-page .product-details #weightDiv { font-size: 10px; line-height: 15px; padding-top: 0; padding-bottom: 30px; font-family: UniversLTStd-Light, Arial, sans-serif } .configurator-page .product-details #weightDiv #weight { display: block; font-size: 12px; font-family: UniversLTStd, Arial, sans-serif } .configurator-page .product-details .product-details-links { display: block; width: 100%; max-width: 200px; margin: 0 auto 0 0; text-align: center } .configurator-page .product-details .product-details-links a { display: block; width: 100%; background-image: none; background-color: #83945d; height: 40px; /* margin-bottom: 8px; */ margin-bottom: 2rem; padding-top: 0; padding-bottom: 0; color: #fff; font-size: 11px; line-height: 41px; font-family: UniversLTStd, Arial, sans-serif; text-transform: uppercase; font-weight: 400; /* text-decoration: none;*/ text-shadow: 1px 1px black; float: none; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .configurator-page .product-details .product-details-links a:active, .configurator-page .product-details .product-details-links a:focus, .configurator-page .product-details .product-details-links a:hover, .configurator-page .product-details .product-details-links a:visited { text-decoration: none } .configurator-page .product-details .product-details-links a.addTo { background-color: #3b5854; margin-bottom: 30px } .configurator-page .product-details .product-details-links a:hover { -webkit-transform: scale(1.06); transform: scale(1.06) } .configurator-page .product-details .product-details-links .b2b-links .links-divider { background-color: #58595b; display: block; height: 1px; margin-top: 30px; margin-bottom: 30px; opacity: .3 } .configurator-page .product-details .product-details-links .b2b-links a { background-color: transparent; color: #58595b; border: 1px solid #58595b; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: none; transform: none; text-shadow: none; } .configurator-page .product-details .product-details-links .b2b-links a:hover { background-color: #58595b; color: #fff; -webkit-transform: none; transform: none } .configurator-page .twoColumnsRight .colMain { float: none!important } .configurator-page .twoColumnsRight .colRight { float: none!important; padding-left: 15px; width: 60% } .configurator-page .twoColumnsRight .colMain { width: 40%; padding-right: 0 } .configurator-page .centerImgProduct, .configurator-page .product-details { display: inline-block; margin-right: -4px; vertical-align: top; } .configurator-page .centerImgProduct { width: 50% } .configurator-page .product-details { width: 200px } .configurator-page .centerImgProduct img#myImage { width: 100%; height: auto } .configurator-page .colRight { height: 100% } .configurator-page .colRight-container { display: table; height: 100vh; height: -o-calc(100vh - 115px); height: -ms-calc(100vh - 115px); height: calc(100vh - 115px); width: 100%; table-layout: fixed; -webkit-transition: padding-top .3s ease-out; transition: padding-top .3s ease-out } .configurator-page .colRight-product-container { display: table-cell; vertical-align: top } .configurator-page .fixed { /* position: fixed; */ position: sticky; /* top: 200px */ } .configurator-page .absolute { /* position: absolute; */ bottom: 0; } .configurator-page .mobile-reset { position: static!important; height: auto!important } .configurator-page .top-slided { padding-top: 250px } .configurator-page .product-wrapper .slick-dots { bottom: -32px } .configurator-page .product-wrapper .slick-dots li button:before { font-size: 10px; color: silver; opacity: 1 } .configurator-page .product-wrapper .slick-dots li.slick-active button:before, .configurator-page .product-wrapper .slick-dots li:hover button:before { color: #83945d; opacity: 1 } .configurator-page .formBox { width: 100% } .configurator-page .product-config-slideshow-wrapper { position: relative; display: inline-block; width: calc(100% - 200px); margin-right: -4px; padding-right: 15px; padding-left: 3px; vertical-align: top; overflow: hidden } .configurator-page .product-config-slideshow-wrapper.loading:after { display: block } .configurator-page .product-config-slideshow-wrapper:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/images/ajax-loader.gif); background-repeat: no-repeat; background-color: #fff; background-position: 50%; background-size: 32px 32px; display: none } .configurator-page .product-config-slideshow-wrapper .product-config-slide { position: relative; outline: 0 } .configurator-page .product-config-slideshow-wrapper .product-config-slide:focus { outline: 0 } .configurator-page .product-config-slideshow-wrapper .view-larger { margin: 40px auto 0; display: block; text-align: center } .configurator-page .product-config-slideshow-wrapper .view-larger:active, .configurator-page .product-config-slideshow-wrapper .view-larger:focus, .configurator-page .product-config-slideshow-wrapper .view-larger:hover, .configurator-page .product-config-slideshow-wrapper .view-larger:visited { text-decoration: none } .configurator-page .product-config-slideshow-wrapper .view-larger i { font-size: 16px } .configurator-page .colRight-container.product-wrapper.mobile-reset { padding-top: 20px } .nav-container { z-index: 1200 } .top-slider-link { position: relative; display: block } .top-slider-link .new-cta { background-color: #83945d; position: absolute; right: 0; top: 0; border-radius: 4px; padding: 4px 8px 1px; color: #fff; font-size: 10px; line-height: 12px; font-family: Conv_UniversLTStd-BoldCn; letter-spacing: .5px; font-weight: 400 } @media (min-width:1231px) { .configurator-page { padding: 0 } } @media (min-width:1024px) { .configurator-page { padding: 0 30px } .configurator-page .tablet-product-title-header { display: none } } @media (max-width:1023px) { .configurator-page .product-title-header { display: none!important } .configurator-page .tablet-product-title-header { display: block; padding: 0 30px; margin: 0 auto; color: #58595b; font-size: 24px; line-height: 30px; text-transform: uppercase; font-family: UniversLTStd, Arial, sans-serif } .configurator-page .twoColumnsRight .colMain { position: static!important } .configurator-page .twoColumnsRight .colRight { position: static!important; width: 100%; padding: 0 } .configurator-page .twoColumnsRight .colRight .product-config-slideshow { width: 100% } .configurator-page .twoColumnsRight .colMain { width: 100%; padding: 0 30px } .configurator-page .colRight-product-container { text-align: center } .configurator-page .colRight-container { height: auto; margin-bottom: 30px } .configurator-page .product-config-slideshow-wrapper { width: calc(100% - 300px) } .configurator-page .centerImgProduct, .configurator-page .product-details { width: 300px; padding-left: 15px; padding-right: 30px } .configurator-page .product-details #pricewrap, .configurator-page .product-details .itemInfo, .configurator-page .product-details .links-divider, .configurator-page .product-details .listPrice, .configurator-page .product-details .product-details-links, .configurator-page .product-details .qtyBox { width: 100%; max-width: 100% } .configurator-page .productSectionIn { padding: 0; width: 100% } .configurator-page .formBox { width: 100%; float: none } .configurator-page .top-slided { padding-top: 0!important } } @media (max-width:650px) { .configurator-page { padding: 0 30px } .configurator-page .tablet-product-title-header, .configurator-page .twoColumnsRight .colMain { padding: 0 } .configurator-page #requestFormSection { margin: 0; padding: 0 } .configurator-page .productLibertyLinks.mobileVisible { display: none!important } .configurator-page .product-config-slideshow-wrapper { width: 50% } .configurator-page .product-details { position: relative; width: 50%; padding: 0 } .configurator-page .product-details .itemInfo { max-width: 50%; padding-top: 0; margin: 0 } .configurator-page .product-details .qtyBox { max-width: 50%; padding-bottom: 15px; margin: 0 } .configurator-page .product-details #pricewrap, .configurator-page .product-details .listPrice { position: absolute; width: 50%; padding: 0; right: 0; top: 0 } .configurator-page .product-details #pricewrap { top: 30px } /* .configurator-page .product-details #retailDiv, .configurator-page .product-details #yourPriceDiv, .configurator-page .product-details .yourPriceDiv { font-size: 11px; line-height: 20px } */ .configurator-tab { max-width: 33.333%; margin-right: -4px } .configurator-tab .h2 { font-size: 11px; line-height: 15px; padding: 0!important } .tab-description { padding: 0 0 0 15px; margin: 0 } } @media (max-width:480px) { .configurator-page .twoColumnsRight .colMain { padding: 0 } .configurator-page .product-config-slideshow-wrapper { width: 100%; max-width: 200px; padding: 0 } .configurator-page .tablet-product-title-header { padding: 25px 0 0 } .configurator-page .centerImgProduct, .configurator-page .product-details { max-width: none; width: 100% } .configurator-page .colRight .product-config-slideshow { max-width: 250px; margin: 0 auto 30px } .configurator-page .twoColumnsRight { padding-top: 0 } } .configurator-tabs { margin-left: -15px; margin-top: 8px } .configurator-tabs .configurator-tab { display: inline-block; padding-left: 15px; margin-bottom: 15px } .configurator-tabs .configurator-tab:not(.active-tab).hover-tab .h2 { border-bottom: 5px solid #999 } .configurator-tabs .configurator-tab:not(.active-tab) .h2 { color: #999 } .configurator-tabs .configurator-tab.active-tab .h2 { border-bottom: 5px solid #58595b !important; } .configurator-tabs .configurator-tab .h2 { padding: 0 0 5px; margin: 0; font-family: UniversLTStd; font-weight: 700; color: #58595b } .configurator-tabs .tab-description { display: none; padding-left: 15px; max-width: 720px } .configurator-tabs .tab-description.description-active { display: block } .configurator-tabs .configurator-tab .h2 { padding: 0 0 4px; font-weight: 400; text-transform: uppercase; font-size: 15px; line-height: 20px } @media (min-width:1024px) { .configurator-tabs.tablet-mobile { display: none!important } } @media (max-width:1023px) { .configurator-tabs.desktop { display: none!important } .configurator-tabs.tablet-mobile { display: block!important } .configurator-tabs .tab-description { padding-right: 30px } } @media (min-width:768px) { .configurator-tabs.tablet-mobile { padding-left: 30px; padding-right: 30px } } @media (max-width:767px) { .configurator-tabs.tablet-mobile { padding-left: 0; padding-right: 0 } /* NEW MAY 2023 CSS */ .qty-wrapper { width: 70px; } .qty { width: 70px; height: 40px; padding-left: 20px; } } .configurator-page .configurator-tab, .configurator-page .configurator-tab:active, .configurator-page .configurator-tab:focus { text-decoration: none!important } .configurator-page .absolute { bottom: 50px } .configurator-page .colMain .productBuild .attributeBoxInfoLeftOptions { margin-left: -10px } .configurator-page .colMain .productBuild .attributeBox .colorOption { margin-right: -4px; width: 20%; padding-left: 0; padding-right: 10px; font-size: 10px; line-height: 12px } .configurator-page .colMain .productBuild .attributeBox .colorOption .colorOptionTxt, .configurator-page .colMain .productBuild .attributeBox .colorOption input[type=radio] { display: inline-block; padding-top: 4px; margin: 0 -4px 0 0; vertical-align: middle } .configurator-page .colMain .productBuild .attributeBox .colorOption input[type=radio] { height: auto; line-height: 12px } .configurator-page .colMain .productBuild .attributeBox .colorOptionTxt { width: calc(100% - 12px); padding-left: 8px } .configurator-page .colorOption img { height: auto; width: 100%; margin: 0 } .shipping-alert{ background-color: #3c544c; position: absolute; top: 0%; left:70%; width: fit-content; width:-moz-fit-content; width:-webkit-fit-content; width:-ms-fit-content; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px 8px 1px 8px; color: #fff; font-size: 10px; line-height: 12px; font-family: Conv_UniversLTStd-BoldCn; letter-spacing: .5px; font-weight: 400; text-transform: uppercase; z-index: 1; } @media (max-width:767px) { .configurator-page .colMain .productBuild .attributeBox .colorOption { margin-right: -4px; width: 50%; padding-left: 0; padding-right: 10px } } @media screen and (max-width: 670px){ .shipping-alert{ top:0%; left:58%; letter-spacing: -0.5px; } } @media screen and (max-width: 480px){ .shipping-alert{ top:0%; left:64%; } .configurator-page .product-config-slideshow-wrapper { max-width: 250px; } }