.img-responsive { width:100%; } .wrapper-header,hr{margin-bottom:20px}.comingsoonnoticeA,.footer_locations .location_cell>span span.wh_lbl,.list-group-item h4,.notice-popup .content a.poplink span.itemtitle span.em1,.notice-popup .content a.poplink span.itemtitle span.em2,.notice-popup .content a.poplink span.itemtitle span.em3,.presalenoticeA,span.contacttitle{font-weight:700}body{font-family:Roboto,Arial,Sans-serif;font-size:16px;color:#333;background-image:none;background-color:#fff}.wrapper-footer,.wrapper-header{background-color:#f5f5f5;background-image:none}.wrapper-header{box-shadow:-2px 0 15px 0 rgba(119,119,119,.25),2px 0 15px 0 rgba(119,119,119,.25)}.wrapper-footer{padding-top:30px;margin-top:20px;font-size:14px;padding-bottom:2.5em}a,a:focus,a:hover{color:rgba(51,51,51,1)}.h1,h1{font-family:Lustria,Arial,Sans-serif;color:#000;font-size:30px}.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{font-family:Roboto,Arial,Sans-serif;color:#000}.h2,h2{font-size:36px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,.thumbnail .caption h3,h5{font-size:14px}hr{margin-top:20px;border:0;border-top-width:1px;border-top-style:solid;border-top-color:#DDD}.btn-default{color:rgba(51,51,51,1);background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#04817b;background-color:#ebebeb;border-color:#adadad}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:rgba(40,156,204,1);border-color:rgba(40,156,204,1)}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:rgba(35,132,172,1);border-color:rgba(35,132,172,1)}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#333;border-color:#333}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#d58512;border-color:#d58512}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-soon{color:#fff;background-color:#4286f4;border-color:#4286f4}.btn-soon.active,.btn-soon:active,.btn-soon:focus,.btn-soon:hover,.open .dropdown-toggle.btn-soon{color:#fff;background-color:rgba(35,132,172,1);border-color:rgba(35,132,172,1)}.btn-soon.disabled,.btn-soon.disabled.active,.btn-soon.disabled:active,.btn-soon.disabled:focus,.btn-soon.disabled:hover,.btn-soon[disabled],.btn-soon[disabled].active,.btn-soon[disabled]:active,.btn-soon[disabled]:focus,.btn-soon[disabled]:hover,fieldset[disabled] .btn-soon,fieldset[disabled] .btn-soon.active,fieldset[disabled] .btn-soon:active,fieldset[disabled] .btn-soon:focus,fieldset[disabled] .btn-soon:hover{background-color:#333;border-color:#333}.breadcrumb{padding:8px 15px 8px 8px}.breadcrumb>li+li:before{color:#ccc}.breadcrumb a,.breadcrumb a:active,.breadcrumb a:visited{color:#bbb}.breadcrumb>.active{color:#ccc}.pagination>li>a,.pagination>li>span{color:#222;background-color:#fff;border-color:#000}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#222;background-color:#eee;border-color:#000}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;background-color:#222;border-color:#000}.label-default{background-color:#999}.label-default[href]:focus,.label-default[href]:hover{background-color:grey}.label-primary{background-color:#222}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#333}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f49e42}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#f44242}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.label-comingsoon{background-color:#4286f4;white-space:initial;}.well{background-color:#fff;border-color:#e3e3e3}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-sidebar{border:0;box-shadow:none}.panel-sidebar>.panel-heading{color:#000;background-color:#FFF;border-color:#FFF}.panel-sidebar>.list-group .list-group-item{border-width:0;border-radius:0}.panel-title{color:#333}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.productsave,.save{color:#d9534f}.navbar-default{background-color:#f5f5f5}.navbar-default .navbar-brand{color:rgba(51,51,51,1)}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#09aa8b}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text,.navigation-list li a{color:rgba(51,51,51,1)}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:rgba(51,51,51,1);background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff}.nav .caret,.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:rgba(51,51,51,1);border-bottom-color:rgba(51,51,51,1)}.nav .open>a .caret,.nav .open>a:focus .caret,.nav .open>a:hover .caret{border-top-color:rgba(51,51,51,1)}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(51,51,51,1)}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#f5f5f5;color:rgba(51,51,51,1)}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent}.dropdown-menu{background-color:#fff;border-color:#ccc;z-index:10005}.dropdown-menu .divider{background-color:#e5e5e5}.dropdown-menu>li>a{color:#000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#666;background-color:rgba(235,235,235,1)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;background-color:#666}.thumbnail,.thumbnail-category{border-color:rgba(221,221,221,1);background-color:#fff;border-width:1px;border-style:solid}.wrapper-logo{position:relative;/*height:90px;*/text-align:center}.logo{max-width:100%;max-height:100%;position:absolute;left:0;bottom:0}.thumbnail{margin-bottom:25px;text-align:center}.thumbnail:hover{transition:box-shadow .15s linear 0s, z-index 0.3s;box-shadow:0 0 30px 0 rgba(0,0,0,.23)}.thumbnail-category{max-height:290px;overflow:hidden;margin-top:20px}.caption .price{font-size:15px;height:auto}a.wishlist-thumb,a.wishlist-thumb:active,a.wishlist-thumb:hover{font-size:12px;color:#999}.carousel-caption h2,.carousel-caption h4{color:#FFF;margin-bottom:25px}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-caption{padding-bottom:30px}.carousel-caption h4{line-height:1.5}.panel-sidebar{background-color:transparent}.filter-price-padding{padding:10px 30px 10px 10px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}a.list-group-item{color:rgba(51,51,51,1)}a.list-group-item:focus,a.list-group-item:hover{background-color:transparent;color:rgba(51,51,51,1)}.navbar{margin-bottom:0}.navbar-nav{margin-left:-30px}.header-nav{margin-right:-16px}.header-nav a,.header-nav a:active,.header-nav a:hover,.header-nav a:visited{font-size:11px;color:rgba(51,51,51,1)}.header-nav>li>a:focus,.header-nav>li>a:hover{background:0 0;color:rgba(51,51,51,1)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:#fff;border-width:1px;border-style:solid;margin-bottom:-2px;border-color:#DDD #DDD #fff}.tab-content{background-color:#fff;border-width:1px;border-style:solid;border-color:#DDD;padding:20px;margin-top:-1px}#header-cart.nomargin,.nomargin{margin:0}@media (min-width:768px){.dropdown-hover:hover>.dropdown-menu{display:block}}.orderprocessinfo{float:right;width:40%;border:2px solid red;padding:1em;font-size:11px;color:#000}.orderprocessinfo .title{color:red;font-size:13px}span.pricerrp,span.pricewas{text-decoration:line-through}h3.categorytitle>a,h3.categorytitle>a:hover{color:#000;text-decoration:none}.thumbnail .caption h2{font-size:14px;height:4em;line-height:1.3;overflow:hidden;}.label{padding:.5em 1em;font-size:0.9em;display:inline-block;text-transform:uppercase;}.label.presale{background:#f49242;}.label.cashback {background-color: #0ccf16;}.centerblock{display:block;text-align:center}.nopadding{padding:0}.container .container{width:100%;padding:0}table.borderpls{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}h1.categorytitle,h3.categorytitle{text-align:center;font-size:2.5em;margin-bottom:.5em;}div.navtable{display:table;border-collapse:collapse;border:none;width:100%}div.navtable>div.navrow{display:table-row}div.navtable>div.navrow>div.navcell{display:table-cell;text-align:center;border:none;vertical-align:middle}div.navcell.cell_logo{width:24%}div.navcell.cell_search{width:39%;padding:0 1em}div.navcell.cell_cart{width:25%}div.navcell.cell_account{width:12%}div.navcell.cell_account a{font-size:14px}img.logo2{height:56px;width:auto;display:block;aspect-ratio:calc(331/56);margin:0 auto;}.bottombar{background:#f5f5f5;text-align:center;width:100%}div.bottombar.collapse{display:block;height:auto!important}div.bottombar ul.categorynav{display:block;width:100%;margin:0;text-align:center}div.bottombar li.categorynavitem{float:none;display:inline-block;font-size:1em}@media (max-width:1200px){div.bottombar li.categorynavitem{font-size:.8em}}@media (max-width:1000px){div.bottombar li.categorynavitem{font-size:.7em}}@media (max-width:767px){.logo{position:static}div.navtable,div.navtable>div.navrow,div.navtable>div.navrow>div.navcell{display:block}div.navtable>div.navrow>div.navcell.cell_logo{width:100%}div.navtable>div.navrow>div.navcell.cell_search{width:100%;padding:0 1em}div.bottombar,div.bottombar.collapse,div.navtable>div.navrow>div.navcell.cell_account,div.navtable>div.navrow>div.navcell.cell_cart{display:none}div.bottombar li.categorynavitem{font-size:1em;display:block}}div.bottombar.in{display:block}h1.categorytitle.fpcattitle{margin-top:.85em}a.categorylink{color:#333;text-decoration:underline;display:block;text-align:center;margin-bottom:1.8em;margin-top:.5em}a.categorylink:hover{color:#0590bd;text-decoration:underline}.presalenoticeA{font-size:1.25em;color:red;line-height:100%;font-weight:bold;display:block;margin:1em 0;}.comingsoonnoticeA{font-size:1.5em;color:#4286f4;line-height:100%;display:block;margin:1em 0}.payment-icon-zipPay{background-image:url(//d3k1w8lx8mqizo.cloudfront.net/INTEGRATIONS/2016/zippay/payment-icons/zipPay-Neto-Gryscale.png);background-repeat:no-repeat;height:32px;background-size:100%}.log.debuglog{display:none}.log.debuglog.visible{display:block}.log.debuglog>span{display:inline-block;width:100%;text-align:left}.topbar{background:url(//www.kayaks2fish.com/assets/images/Kayaks2Fish_1200x50_WebBanner_2.jpg?r=20170303a) center center/contain no-repeat rgba(40,156,205,1);text-align:center;height:50px;width:100%}@media (max-width:640px){.topbar{background:url(//www.kayaks2fish.com/assets/images/Kayaks2Fish_640x100_PhoneBanner.jpg?r=20170303a) center center/contain no-repeat rgba(40,156,205,1);height:75px}}@media (max-width:320px){.topbar{background:url(//www.kayaks2fish.com/assets/images/Kayaks2Fish_640x100_PhoneBanner.jpg?r=20170303a) center center/contain no-repeat rgba(40,156,205,1);height:50px}}div.wrapper-product-title h1.product_name{line-height:125%}@media (max-width:767px){.wrapper-thumbnail{float:left;margin:0;padding-left:7px;padding-right:7px}.label{font-size:.8em}}@media (max-width:420px){.wrapper-thumbnail .thumbnail .caption h2[itemprop=name]{display:inline-block;overflow:hidden;text-overflow:ellipsis;height:1.4em;margin:0}}.temp_toggletohidden.hidden,.temp_toggletovisible{display:none}.temp_toggletovisible.visible{display:block}div.thumblist_scroller{width:100%;margin:0;padding:0;background:#ff0}div.thumblist_scroller div.thumblist_scroller_content{height:100%;vertical-align:top;margin:0;padding:0;background:purple;overflow-x:scroll;overflow-y:auto}div.thumblist_scroller div.thumblist_scroller_content span.thumbwrapper{display:inline-block;width:64px;margin:0 8px;background:green}div.thumblist_scroller div.thumblist_scroller_content span.thumbwrapper:first-child{margin-left:8px}div.thumblist_scroller div.thumblist_scroller_content span.thumbwrapper:last-child{margin-right:8px}.navrow-padded{padding-bottom:5px}@media (min-width:726px){.navbar-nav>li>a{padding-top:.835em;padding-bottom:.835em}}.footer_locations .location_cell{border-right:1px solid #DDD;min-height:11em;text-align:left}@media (max-width:1200px){.footer_locations .location_cell{min-height:13.5em}}@media (max-width:991px){.footer_locations .location_cell{min-height:10em}}.footer_locations .location_cellsplitter{clear:both;width:0;display:none}@media (max-width:991px){.footer_locations .location_cellsplitter{display:block;width:100%;height:32px}.footer_locations .location_cell:nth-child(2){border-right:none}}.footer_locations .location_cell h3.location_title{margin-bottom:0;text-align:center;}.footer_locations .location_cell h3.location_title a{color:#000;text-decoration:none}.footer_locations .location_cell h3.location_title a:hover,a.emaillink{text-decoration:underline}@media (max-width:767px){.footer_locations .location_cell{min-height:13em;float:left;margin:0;padding-left:7px;padding-right:7px;text-align:center}}.footer_locations .location_cell>span{display:inline-block;width:100%}.footer_locations .location_cell span.location_subtitle{font-style:italic;color:#333;font-weight:700;padding-bottom:.5em;text-align:center;}address.footer_address{margin-bottom:0;margin-top:.5em}.mobilefooter{margin-bottom:1em;text-align:center}@media (max-width:420px){.mobilefooter{text-align:left}}.mobilefooter h4,.seaflo_desc{text-align:center}.darker{background:initial;margin-bottom:initial;padding-top:initial}@media (max-width:767px){.darker{background:#e6e6e6;margin-bottom:1em;padding-top:1em}}#specifications table.table,table.specifications.table{margin-bottom:0}#specifications table.table tr:first-child td,table.specifications.table tr:first-child td{border-top:none}@media (max-width:991px){h1.categorytitle{margin-bottom:.5em}}div.wrapcontactform{padding-right:8px}div.wrapcontactform p{display:inline}div.wrapcontactform p.wrap_btn{display:block;margin:.75em 0}span.contacttext{font-size:1.2em;line-height:170%;display:block;padding-left:8px}span.contacttitle{font-size:1.1em}a.emaillink{color:#00f}@media (max-width:767px){.hidewhensmall{display:none}.showwhensmall{display:block!important}}@media (max-width:991px){span.contacttext{padding-left:0;margin-bottom:8px}}@media (min-width:992px){.borderright_whenmed{border-right:1px solid #ddd}}a.bannerlink{border:none;text-decoration:none;display:block;position:relative;width:100%;height:100%}.notice-popup{position:fixed;left:0;bottom:20px;height:108px;width:320px;padding:4px;background:0 0;opacity:1;transition:opacity .5s ease-in;z-index:999999999999}.notice-popup .content{width:100%;height:100%;border:1px solid #999;border-left-width:8px;border-left-color:rgba(40,156,205,1);background:#fff;overflow:hidden;transition:border .5s ease-in;box-shadow:3px 2px 2px rgba(0,0,0,.25)}.notice-popup.not-visible{background:0 0;opacity:0;display:none}.notice-popup .content a.poplink{display:block;width:100%;height:100%;margin:0;padding:0;position:relative}.notice-popup .content a.poplink span.tbl{display:table;width:100%;height:100%;border-collapse:collapse}.notice-popup .content a.poplink span.tbl span.tblrow{display:table-row}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell{display:table-cell;vertical-align:middle}.notice-popup.not-visible .content a.closebtn,.onlyForSchema{display:none}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell:first-child{width:33%;text-align:center;padding:2px 4px}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell:first-child>img{max-width:98%;max-height:98%;width:auto}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell:nth-child(2){padding:0 .5em}.notice-popup .content a.poplink span.itemtitle{font-size:.8em}.notice-popup .content a.closebtn{color:#999;text-decoration:none;font-size:16px;width:16px;position:absolute;right:5px;top:4px}@media (max-width:640px){.notice-popup{display:none;height:78px;width:100%}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell:first-child{width:128px}.notice-popup .content a.poplink span.tbl span.tblrow span.tblcell:first-child>img{width:68px}.notice-popup .content a.closebtn{font-size:18px}}.specific,.variation-name{display:inline-block}.checkout_postage_area .form-group{margin-bottom:0}.ytembedWrap{position:relative;width:100%;aspect-ratio:calc(1150/500);height:100%;max-height:500px;}.ytembed{position:absolute;left:0;top:0;width:100%;height:100%}.variation-name{width:auto}.seaflo_desc,.seaflo_desc .seaflo_img{display:block}.seaflo_desc{width:100%}.seaflo_desc .seaflo_img img{width:100%;max-width:870px}.seaflo_desc .seaflo_txt{display:block;text-align:left}.afterpay_info_productoptions{background:rgb(245,245,245);padding:0.5em;}ul.paymentmethods{text-align:center;}div.secure-checkout{background:#c1e2b3;border:1px solid #adcba1;padding:0.5em 0.25em!important;margin-bottom:0.5em;font-weight:normal!important;}@media (max-width: 575px) {.securecheckout {text-align:center;}.expresscheckout{text-align:center!important;}#_cpy_checkout_form label.control-label{padding-left:15px;}}@media (min-width: 575px) and (max-width: 767px) {.securecheckout{text-align:center;}.expresscheckout{text-align:center!important;}#_cpy_checkout_form label.control-label{padding-left:15px;}} .wrapper-logo > a {display:block;} .product-image-small { border:1px solid #eee; width:100%; } @media (max-width: 687px) { .product-image-small { margin-bottom:15px; } .smallimgdiv { padding-left:15px; padding-right:7px; } .smallimgdiv:nth-of-type(2n) { padding-left:7px; padding-right:15px; } } span.contacttext div.footer_locations { font-size:0.7em; line-height:150%; } /*span.contacttext div.footer_locations div:nth-child(2n) { border-right:none; }*/ span.contacttext div.footer_locations div:nth-child(3), span.contacttext div.footer_locations div:nth-child(4), span.contacttext div.footer_locations div:nth-child(5), span.contacttext div.footer_locations div:nth-child(6), span.contacttext div.footer_locations div:nth-child(7) { margin-top:1.5em; } h4.locations_title { text-align:center; font-size:2.5em; font-family:Lustria,Arial,Sans-serif; margin-bottom:30px; margin-top:0em; } h1.feedback_title, h2.feedback_title, h3.feedback_title, h4.feedback_title { text-align:center; font-size:2.5em; font-family:Lustria,Arial,Sans-serif; margin-top:30px; margin-bottom:0; } /* Clearfix for bootstrap columns of thumbnails */ @media (max-width: 575px) { /* xs display */ /*div.wrapper-thumbnail.col-xs-6:nth-of-type(2n+1) {clear:left;}*/ } @media (min-width: 575px) and (max-width: 767px) { /* sm display */ /*div.wrapper-thumbnail.col-sm-6:nth-of-type(2n+1) {clear:left;}*/ } @media (min-width: 768px) and (max-width: 991px) { /* md display */ /*div.wrapper-thumbnail.col-md-3:nth-of-type(4n+1) {clear:left;}*/ } @media (min-width: 992px) and (max-width: 1199px) { /* lg display */ /*div.wrapper-thumbnail.col-lg-3:nth-of-type(4n+1) {clear:left;}*/ } @media (min-width: 1200px) { /* xl display */ /*div.wrapper-thumbnail.col-lg-3:nth-of-type(4n+1) {clear:left;}*/ } h1.subcat_title, h2.subcat_title, h3.subcat_title, h4.subcat_title { font-family:Lustria,Arial,Sans-serif; margin-top:4px; padding-top:1px; padding-bottom:3px; margin-bottom:8px; background:rgba(0,0,0,0.05); line-height:1.428571429; } h3.colours_title { font-family:Lustria,Arial,Sans-serif; margin-top:4px; padding-top:1px; padding-bottom:3px; margin-bottom:32px; background:rgba(0,0,0,0.05); line-height:1.428571429; } div.images { padding:5px; margin-top:0px; margin-bottom:1em; } img.bannerimg { display:block; width:100%; margin-bottom:16px; border:6px solid #e4e4ee; } div.flex_wrap_images_2 { display:flex; flex-flow:row wrap; } div.flex_wrap_images_2 span.img { flex-grow:0; width:50%; text-align:center; padding:16px 8px; } div.flex_wrap_images_2 span.img:nth-child(n+2) { text-align:left; padding-left:16px; } div.flex_wrap_images_2 span.img:nth-child(2n+1) { text-align:right; padding-right:16px; } div.flex_wrap_images_2 span.img img { width:100%; max-width:480px; border:6px solid #e4e4ee; } @media (min-width: 320px) { div.flex_wrap_images_2 span.img { width:100%; padding:8px; } div.flex_wrap_images_2 span.img:nth-child(n+2) { text-align:center; padding-left:8px; } div.flex_wrap_images_2 span.img:nth-child(2n+1) { text-align:center; padding-right:8px; } } @media (min-width: 481px) { div.flex_wrap_images_2 span.img { width:50%; } div.flex_wrap_images_2 span.img:nth-child(n+2) { text-align:left; } div.flex_wrap_images_2 span.img:nth-child(2n+1) { text-align:right; } } @media (min-width: 768px) { div.flex_wrap_images_2 span.img { width:50%; padding:16px 8px; } div.flex_wrap_images_2 span.img:nth-child(n+2) { text-align:left; padding-left:16px; } div.flex_wrap_images_2 span.img:nth-child(2n+1) { text-align:right; padding-right:16px; } } div.feedback { margin-top:16px; margin-bottom:24px; } div.feedback_tbl { display:flex; flex-flow:row wrap; margin-top:32px; } span.feedback_entry { flex-grow:0; width:50%; padding:4px; border:1px solid rgba(0,0,0,0.1); color:black; text-align:right; line-height:100%; position:relative; padding-bottom:1.25em; } span.feedback_entry:nth-child(4n),span.feedback_entry:nth-child(4n-1) { background:rgba(0,0,0,0.1); } span.feedback_entry:nth-child(4n) { border-left:transparent; } @media (min-width: 320px) { span.feedback_entry { width:100%; } span.feedback_entry.laterEntries { display:none; } span.feedback_entry:nth-child(4n),span.feedback_entry:nth-child(4n-1) { background:initial; } span.feedback_entry:nth-child(4n) { border-left:initial; } span.feedback_entry:nth-child(2n) { background:rgba(0,0,0,0.1); } span.feedback_entry:nth-child(2n) { border-left:1px solid rgba(0,0,0,0.1); } } @media (min-width: 481px) { span.feedback_entry { width:49%; } span.feedback_entry.laterEntries { display:initial; } span.feedback_entry:nth-child(2n) { background:initial; } span.feedback_entry:nth-child(2n) { border-left:1px solid rgba(0,0,0,0.1); } span.feedback_entry:nth-child(4n),span.feedback_entry:nth-child(4n-1) { background:rgba(0,0,0,0.1); } span.feedback_entry:nth-child(4n) { border-left:transparent; } } span.feedback_entry:nth-child(1n) { background:transparent; padding:4px; text-align:left; } span.feedback_entry img { width:100%; max-width:525px; } @media (min-width: 930px) { span.feedback_entry { width:49%; margin-bottom:8px; border:1px solid rgba(0,0,0,0.1); } span.feedback_entry:nth-child(even) { margin-left:0.5%; margin-right:0.5%; } span.feedback_entry:nth-child(odd) { margin-left:0.5%; margin-right:0.5%; } } /*Hide all content zones */ .wrapped_content_zone > div { display:none; } /*Spacing below content zones*/ .czholder { margin-bottom:20px; } /*Show ebay feedback content zone when the holder tells us to*/ .czholder.show_ebayfeedback .wrapped_content_zone > div.cz_ebayfeedback { display:block; } /*Show ebay crossell content zone when the holder tells us to*/ .czholder.show_ebaycrosssell .wrapped_content_zone > div.cz_ebaycrosssell { display:block; } /*Show facebook reviews content zone when the holder tells us to*/ .czholder.show_facebookfeedback .wrapped_content_zone > div.cz_facebookfeedback { display:block; } /*Hide non-k2f sections*/ .wrapped_content_zone .section { display:none; } .wrapped_content_zone .section.site_k2f { display:block; } /*Convert ebay section titles into same styling as website h4 titles*/ div.cz_facebookfeedback .section span.sectiontitle { display:block; text-align:center; font-size:40px; font-family:Lustria,Arial,Sans-serif; color:#000; margin-bottom:20px; margin-top:20px; } /*Copy flex styling for table of feedback images*/ div.cz_facebookfeedback div.feedback_tbl { display: flex; flex-flow: row wrap; } div.cz_facebookfeedback div.feedback_tbl span.feedback_entry { flex-grow:0; width:100%; padding:8px; border:1px solid rgba(0,0,0,0.1); color:black; text-align:center; line-height:100%; position:relative; padding-bottom:1.25em; margin-bottom:8px; border-left:1px solid rgba(0,0,0,0.1); background:transparent; } div.cz_facebookfeedback div.feedback_tbl span.feedback_entry:nth-child(n+5) { display:none; } @media (min-width: 600px) { div.cz_facebookfeedback div.feedback_tbl span.feedback_entry { width:49%; margin-left:0.5%; margin-right:0.5%; text-align:left; } div.cz_facebookfeedback div.feedback_tbl span.feedback_entry:nth-child(1n) { display:initial; } } div.cz_facebookfeedback div.feedback_tbl span.feedback_entry img { width:100%; max-width:326px; } @media (min-width: 930px) { div.cz_facebookfeedback div.feedback_tbl span.feedback_entry { width:32.3%; margin-bottom:8px; border:1px solid rgba(0,0,0,0.1); } div.cz_facebookfeedback div.feedback_tbl span.feedback_entry:nth-child(n+10) { display:none; } } .footer_locations .location_cellsplitter_3 { /*clear:both; display:block; width:100%; height:32px;*/ } @media (min-width:991px){ /*.footer_locations .location_cell:nth-child(4){border-right:none} .footer_locations .location_cell:nth-child(9){border-right:none} .location_cell.border-left { border-left:1px solid #DDD; }*/ } @media (max-width:991px){ /*.footer_locations .location_cellsplitter_3 { width:0; display:none; } .footer_locations .location_cell:nth-child(2){border-right:none} .footer_locations .location_cell:nth-child(6){border-right:none} .footer_locations .location_cell:nth-child(9){border-right:none}*/ } span.nl-errortext{color:#fc4;font-weight:700} span.nl-errortext.visible{display:block!important;margin-top:1em!important;margin-bottom:-1em!important} span.nl-successtext{display:none!important;color:#4fc;font-weight:700} span.nl-successtext.visible{display:block!important;margin-top:1em!important;margin-bottom:1em!important} span.nl-inputwrap2{font-size:1.5em;display:none!important} span.nl-inputwrap2.visible{display:block!important} button.nl-closebtn{font-size:1.5em;border:none;color:#fff;background:rgba(47,188,22,1)} button.nl-closebtn:hover{background:rgba(135,235,47,1)} img.ratiostay { width:100%; } div#popup-newsletter2>div.modal-dialog div.modal-body { padding:0; } div#popup-newsletter2>div.modal-dialog div.modal-left { position:absolute; left:0; right:55%; top:0; bottom:0; background:rgba(112, 95, 91, 0.6); box-shadow:0 0 15px #000; font-family:Roboto; font-weight:300; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social { text-align:center; position:absolute; bottom:0; left:0; right:0; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a.soc_gplus:hover { color:rgb(200,3,0); } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a.soc_facebook:hover { color:#3B5998; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a.soc_youtube:hover { color:#FB000F; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a.soc_twitter:hover { color:#42B6E7; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a.soc_instagram:hover { color:#8a3ab9; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a:first-of-type { margin-left:none; } div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a:last-of-type { margin-right:none; } div#popup-newsletter2>div.modal-dialog { /*max-width:826px; width:100%;*/ } div#popup-newsletter2>div.modal-dialog div.subscribe-modal { max-width:826px; width:100%; } div#popup-newsletter2>div.modal-dialog { max-width:826px; width:100%; padding:10px; margin:0; } @media (min-width:769px) { div#popup-newsletter2>div.modal-dialog { padding:0; margin:10px auto 0; } } div#popup-newsletter2{z-index:12050} div#popup-newsletter2>div.modal-dialog{margin-top:64px} div#popup-newsletter2>div.modal-dialog div.subscribe-modal{background:transparent;color:#fff;} div#popup-newsletter2>div.modal-dialog div.subscribe-modal button.close{position:absolute;right:.5em;top:.5em;transition:all .2s linear 0s;color:rgba(255,255,255,0.5);opacity:1;} div#popup-newsletter2>div.modal-dialog div.subscribe-modal button.close:hover{color:#289CCD;} div#popup-newsletter2 form.nl-form{display:block;margin:0;padding:0;text-align:center;font-size:16px; position:absolute;left:0;right:0;top:0;bottom:0;} div#popup-newsletter2 form.nl-form span{display:block;margin:0;padding:0} div#popup-newsletter2 span.nl-errortext,span.nl-inputwrap.notvisible{display:none!important} div#popup-newsletter2 form.nl-form span.nl-title{font-size:2.5em;font-weight:bold;line-height:100%;margin-top:1em;} div#popup-newsletter2 span.nl-inputwrap{font-size:1.5em} div#popup-newsletter2 span.nl-inputwrap input[type=email],div#popup-newsletter2 span.nl-inputwrap input[type=text]{height:auto;font-size:.8em;padding:.5em 0;margin:1em auto;width:70%;text-align:center;vertical-align:middle;color:#289CCD;border:2px solid transparent;transition:all .2s linear 0s} div#popup-newsletter2 button.nl-closebtn,div#popup-newsletter2 button.nl-subbtn{padding:.1em 1.25em;transition:all .2s linear 0s} div#popup-newsletter2 span.nl-inputwrap input::-webkit-input-placeholder{color:#289CCD;opacity:1!important} div#popup-newsletter2 span.nl-inputwrap input:-moz-placeholder{color:#289CCD} div#popup-newsletter2 span.nl-inputwrap input::-moz-placeholder{color:#289CCD} div#popup-newsletter2 span.nl-inputwrap input:-ms-input-placeholder{color:#289CCD} div#popup-newsletter2 span.nl-inputwrap input:focus::-webkit-input-placeholder{color:transparent;opacity:1!important} div#popup-newsletter2 span.nl-inputwrap input:focus:-moz-placeholder{color:transparent} div#popup-newsletter2 span.nl-inputwrap input:focus::-moz-placeholder{color:transparent} div#popup-newsletter2 span.nl-inputwrap input:focus:-ms-input-placeholder{color:transparent} div#popup-newsletter2 button.nl-subbtn{font-size:0.8em;border:none;color:#fff;background:#289CCD;padding:0.5em 1em;font-variant:small-caps;} div#popup-newsletter2 button.nl-subbtn:hover{background:#178BBC;} div#popup-newsletter2 form.nl-form input.invalid-input{border-color:red} @media (min-width:2px) { div#popup-newsletter2 form.nl-form span.nl-title{ font-size:1.2em; font-weight:bold; line-height:100%; margin-top:1em; } div#popup-newsletter2 form.nl-form span.nl-subscribetitle{ color:#fff; font-size:0.9em; margin-top:2em!important; padding:0 1em; line-height:100%; font-weight:bold; } div#popup-newsletter2>div.modal-dialog div.modal-left { right:0; background:rgba(112, 95, 91, 0.25); } /*div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social { display:none; }*/ div#popup-newsletter2 span.nl-inputwrap{font-size:0.9em} div#popup-newsletter2 span.nl-inputwrap input[type=email],div#popup-newsletter2 span.nl-inputwrap input[type=text]{height:auto;font-size:.8em;padding:.5em 0;margin:0.5em auto;width:70%;text-align:center;vertical-align:middle;color:rgba(118,22,47,1);border:2px solid transparent;transition:all .2s linear 0s} div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a { color:white; display:inline-block; margin-left:0.25em; margin-right:0.25em; margin-bottom:0.25em; } } @media (min-width:500px) { div#popup-newsletter2 form.nl-form span.nl-title{ font-size:2.5em; } div#popup-newsletter2 form.nl-form span.nl-subscribetitle{ font-size:1.1em; } div#popup-newsletter2 span.nl-inputwrap{font-size:1.15em} div#popup-newsletter2>div.modal-dialog div.modal-left div.left-social a { margin-bottom:1em; } } @media (min-width:650px) { div#popup-newsletter2 form.nl-form span.nl-title{ font-size:2.5em; } div#popup-newsletter2 form.nl-form span.nl-subscribetitle{ margin-top:1em!important; font-size:1.1em; font-weight:inherit; } div#popup-newsletter2>div.modal-dialog div.modal-left { right:55%; background:rgba(112, 95, 91, 0.6); } div#popup-newsletter2 span.nl-inputwrap{font-size:1.5em} div#popup-newsletter2 span.nl-inputwrap input[type=email],div#popup-newsletter2 span.nl-inputwrap input[type=text]{height:auto;font-size:.8em;padding:.5em 0;margin:1em auto;width:70%;text-align:center;vertical-align:middle;color:#289CCD;border:2px solid transparent;transition:all .2s linear 0s} } /* new sale end countdown */ #sale-end-new { border-radius:4px; border:1px solid rgba(0,0,0,0.25); margin:0 8px; margin-bottom:0.5em; } table.sale-end-tbl { font-size:1em; text-align:center; width:100%; } tr.sale-end-tbl-header td { font-size:1.1em; font-weight:700; padding:0.25em 0 0.5em 0; } tr.sale-end-tbl-times td { font-size:1.25em; font-weight:700; border-right:1px solid rgba(0,0,0,0.25); padding-top:0.25em; width:25%; } tr.sale-end-tbl-words td { font-weight:300; font-size:0.7em; border-right:1px solid rgba(0,0,0,0.25); padding-bottom:0.5em; width:25%; } tr.sale-end-tbl-times td:last-child, tr.sale-end-tbl-words td:last-child { border-right:none; } tr.sale-end-tbl-pad td { height:0.5em; line-height:0; overflow:hidden; color:transparent; } @media (min-width: 576px) { table.sale-end-tbl { font-size:1em; } tr.sale-end-tbl-header td { font-size:1.1em; font-weight:700; padding:0.25em 0 0.5em 0; } tr.sale-end-tbl-times td { font-size:1.25em; font-weight:700; padding-top:0.25em; } tr.sale-end-tbl-words td { font-weight:300; font-size:0.7em; padding-bottom:0.5em; } tr.sale-end-tbl-pad td { height:0.5em; } } @media (min-width: 768px) { table.sale-end-tbl { font-size:1em; } tr.sale-end-tbl-header td { font-size:1.1em; font-weight:700; padding:0.25em 0 0.5em 0; } tr.sale-end-tbl-times td { font-size:1.25em; font-weight:700; padding-top:0.25em; } tr.sale-end-tbl-words td { font-weight:300; font-size:0.7em; padding-bottom:0.5em; } tr.sale-end-tbl-pad td { height:0.5em; } } @media (min-width: 992px) { table.sale-end-tbl { font-size:1em; } tr.sale-end-tbl-header td { font-size:1.1em; font-weight:700; padding:0.25em 0 0.5em 0; } tr.sale-end-tbl-times td { font-size:1.25em; font-weight:700; padding-top:0.25em; } tr.sale-end-tbl-words td { font-weight:300; font-size:0.7em; padding-bottom:0.5em; } tr.sale-end-tbl-pad td { height:0.5em; } } @media (min-width: 1200px) { table.sale-end-tbl { font-size:1em; } tr.sale-end-tbl-header td { font-size:1.1em; font-weight:700; padding:0.25em 0 0.5em 0; } tr.sale-end-tbl-times td { font-size:1.25em; font-weight:700; padding-top:0.25em; } tr.sale-end-tbl-words td { font-weight:300; font-size:0.7em; padding-bottom:0.5em; } tr.sale-end-tbl-pad td { height:0.5em; } } .btn.addtocart.disabled { background:#888; border-color:transparent; } /* customer photos */ div.customerimages { margin-bottom:20px; } div.flex-wrap-photos { display:flex; flex-flow:row wrap; } div.flex-wrap-photos span.photo-wrapped { flex-grow:0; width:33.33%; text-align:center; padding:8px; } div.flex-wrap-photos span.photo-wrapped div.photo-entry { text-align:center; border-radius:4px; border:1px solid rgba(0,0,0,0.1); height:100%; background:#fff; padding:8px; padding-bottom:8px; padding-top:8px; } div.flex-wrap-photos span.photo-wrapped div.photo-entry img { width:100%; max-width:300px; margin:auto; } @media (max-width: 986px) { div.flex-wrap-photos span.photo-wrapped { width:50%; } } @media (max-width: 600px) { div.flex-wrap-photos span.photo-wrapped { width:100%; } .hide-mobile { display:none; } } @media (min-width: 986px) { div.flex-wrap-photos span.photo-wrapped { width:25%; } .hide-mobile { display:block; } } img.bannerimg-mobile { display:none; } @media (max-width: 600px) { img.bannerimg { display:none; } img.bannerimg.bannerimg-mobile { display:block; } } img.acc-bannerimg { display:block; width:100%; margin-bottom:16px; } img.acc-bannerimg-mobile { display:none; border:none; } @media (max-width: 600px) { img.acc-bannerimg { display:none; } img.acc-bannerimg.acc-bannerimg-mobile { display:block; } } @media (max-width: 600px) { /* prevent hiding of newer bannerimgs */ img.bannerimg.srcset { display:block; } } img.acc-bannerimg.body-desc-banner { display:block; margin-top:22px; margin-bottom:10px; } @media (max-width: 768px) { img.acc-bannerimg.body-desc-banner { margin-top:0; } } .nobg { background:none!important; } div.accessory-link2 { } div.accessory-link2 a { display:block; text-align:center; font-size:1.1em; margin-top:-0.5em; margin-bottom:0.5em; } .free-ship,.free-ship-product{text-transform:uppercase;z-index:10000;top:0;font-weight:700} .free-ship{background:#0ddd75;color:#fff;font-size:13px;margin-bottom:-2px;padding:3px 5px;position:absolute;left:12px} .free-ship-product{background:#0ddd75;color:#fff;font-size:13px;padding:3px 5px} .free-ship-r,.free-ship-r-product{text-transform:uppercase;z-index:10000;top:0;font-weight:700} .free-ship-r{background:#0ddd75;color:#fff;font-size:13px;margin-bottom:-2px;padding:3px 5px;position:absolute;left:12px} .free-ship-r-product{background:#0ddd75;color:#fff;font-size:13px;padding:3px 5px} .label.label-freeship { background:#0ddd75; } .label.label-backorder { color: #4286f4; background-color: #e6f2ff; } /*New product page flex layout*/ .flex-product-page { width:100%; display:flex; flex-direction:column; /*background:red;*/ } .flex-product-title { /*background:green;*/ } .flex-product-header { /*background:pink;*/ display:flex; flex-direction:row; align-content:flex-start; } .flex-product-images { /*background:orange;*/ width:66%; display:flex; flex-direction:column; } .flex-product-mainimage { /*background:blue;*/ padding-bottom:10px; } .center_main_image { text-align:center; display:flex; flex-flow:column nowrap; align-items:center; align-content:center; } .owl-carousel .owl-item .center_main_image img:not(.hidden) { display:inline-block; /*width:auto;*/ /*max-width:100%;*/ width:100%; /*aspect-ratio:1.0;*/ } .owl-stage { display:flex; align-items:center; } .flex-product-thumbs { /*background:cyan;*/ overflow:hidden; white-space:nowrap; } .flex-product-thumb { /*display:inline-block;*/ } .flex-product-thumb img { max-height:140px; aspect-ratio:1.0; } .flex-product-pricing { /*background:purple;*/ width:34%; background:#f5f5f5; margin-left:5px; padding:4px; /*padding-bottom:8px;*/ padding-bottom:28px; /*box-shadow: 0 2px 0 rgba(0,0,0,0.1);*/ align-self:flex-start; } .flex-product-desc { /*background:yellow;*/ } #shipbox.panel { margin-bottom:0px; } @media (max-width: 768px) { .flex-product-header { display:flex; flex-direction:column; } .flex-product-images { width:100%; } .flex-product-pricing { width:100%; margin-bottom:1em; margin-left:0; } } .wrapper-pricing { text-align:center; } .wrapper-pricing-inner { background:white; padding:2px; box-shadow: 0 2px 0 rgba(0,0,0,0.1); border: 1px solid #dbdbdb; display:flex; flex-flow:column nowrap; } .flex-product-pricing .productrrp { font-size:20px; margin:0; text-decoration:none; } .flex-product-pricing .productwasprice { font-size:24px; margin:0; } .flex-product-pricing .productpromo { font-size:30px; margin:0; } .flex-product-pricing .productsave { font-size:16px; color:rgb(35,200,35); margin:0; } .flex-product-pricing .productdiscountadvert { margin: 0 auto; width: auto; color: #5cb85c; font-size: 14px; font-weight: bold; margin-bottom: 4px; } .flex-product-pricing .productdiscountadvert .percenthighlight { color:#f89d35; } .wrapper-pricing-header { display:flex; flex-direction:row; align-items:center; margin-bottom:1.5em; } .wrapper-pricing-header .stock-label { display:inline-block; flex-grow:0; padding: .5em 1em; font-size: 1.2em; font-weight: bold; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0px; text-transform:uppercase; } @media (max-width:1100px) { .wrapper-pricing-header .stock-label { white-space: normal; } } .stock-label-available { background-color: #5cb85c; } .stock-label-presale { background-color: #f49242; } .stock-label-comingsoon { background-color: #4286f4; white-space: initial; } .stock-label-warning { background-color: #f49e42; } .stock-label-danger { background-color: #f44242; } .stock-label-backorder { background-color: #4286f4; } .stock-label-notcarried { background-color:#acacac; } .wrapper-pricing-header .space { display:inline-block; flex-grow:1; } .wrapper-pricing-header .stock-rating { display:inline-block; flex-grow:0; font-size: 1.2em; white-space:nowrap; } .wrapper-pricing-header .stock-rating a { text-decoration:none; } .wrapper-pricing-header .stock-rating a .review_count { padding-left:0.5em; vertical-align:10%; } .wrapper-payment-options { display:flex; flex-direction:row; /*border:1px solid rgba(0,0,0,0.1);*/ margin-top:2em; } .wrapper-payment-options .payment-option { width:50%; padding:4px; } .wrapper-payment-options .payment-option:first-child { border-right:1px solid rgba(0,0,0,0.1); } .payment-option img { max-height:26px; max-width:100%; } @media (max-width: 768px) { .wrapper-payment-options .payment-option { font-size:20px; } .payment-option img { max-height:38px; } } @media (max-width: 480px) { .wrapper-payment-options .payment-option { font-size:13px; } .payment-option img { max-height:30px; } } .wrapper-variation-options-top { display:flex; flex-direction:column; align-content:middle; border-bottom:1px solid rgba(0,0,0,0.1); margin-top:1.5em; } .wrapper-variation-options { display:flex; flex-direction:column; align-content:middle; border:1px solid rgba(0,0,0,0.1); border-bottom:none; border-top:none; /*box-shadow: 0 2px 0 rgba(0,0,0,0.1);*/ /*margin-top:1.5em;*/ } .variation-option { width:100%; display:flex; flex-direction:row; align-items:center; } .variation-option-name { width:50%; vertical-align:middle; padding:0.25em; text-align:center; font-size:0.8em; } .variation-option-value { width:50%; vertical-align:middle; padding:0.25em; } .variation-option-value select, .variation-option-value option { font-family: Roboto!important; } .cart-button-wrapper { display:flex; flex-direction:row; background:white; padding:4px 4px; /*margin-top:1.25em;*/ box-shadow: 0 2px 0 rgba(0,0,0,0.1); border: 1px solid #dbdbdb; border-top:none; } .cart-button-wrapper .cart-button-cell { width:50%; margin:0 4px; } .cart-button-wrapper .cart-button-cell:first-child { margin-left:0; width:20%; } .cart-button-wrapper .cart-button-cell:last-child { margin-right:0; width:80%; } .wrapper-sale-countdown { margin-top:1.3em; background:white; /*padding:4px 4px;*/ box-shadow: 0 2px 0 rgba(0,0,0,0.1); border: 1px solid #dbdbdb; } .time-text { text-align:center; font-size:0.7em; font-weight:300; } table.sale-end-tbl { font-family: Roboto,Arial,Sans-serif; } tr.sale-end-tbl-header td { background:#f5f5f5; } tr.sale-end-tbl-times td { color:black; font-size:2em; } tr.sale-end-tbl-words td { color:black; } .innershadow-success { box-shadow: inset 0 -2px 0 rgb(34,174,34); } .star-empty { color:#999999; font-size:1.25em; } .star-filled { color:rgb(248, 157, 53); font-size:1.25em; position:relative; } .star-partial { position:relative; } .half-filled { color:rgb(248, 157, 53); position:absolute; left:0; top:0; overflow:hidden; width:50%; } .half-filled-10 { width:10%; } .half-filled-20 { width:20%; } .half-filled-30 { width:30%; } .half-filled-40 { width:40%; } .half-filled-50 { width:50%; } .half-filled-60 { width:60%; } .half-filled-70 { width:70%; } .half-filled-80 { width:80%; } .half-filled-90 { width:90%; } .flex-description-images { display:flex; flex-direction:column; margin-top:-40px; margin-bottom:20px; } @media (max-width:768px) { .flex-description-images { margin-left:-20px; margin-right:-20px; padding-left:10px; padding-right:10px; } } .flex-image { width:100%; text-align:center; /*background:rgb(245,245,245);*/ padding:1em 0; } .flex-image img.img-responsive { margin:auto; } @media (max-width:768px) { .flex-image-mobile { display:block; } .flex-image-desktop { display:none; } } @media (min-width:769px) { .flex-image-mobile { display:none; } .flex-image-desktop { display:block; } } .flex-detail-table { display:flex; flex-direction:column; } .flex-detail-row { display:flex; flex-direction:row; align-items:center; } .flex-detail-row:nth-child(even) { background:rgb(244,244,244); } .flex-detail-row .image { flex-grow:0; } .flex-detail-row .image span.feature-detail { display:block; width:446px; height:446px; background-image:url('/assets/images/kayaksdescription/keyfeatures_sprite_ng9.jpg?r=20180504A'); } .flex-detail-row .image span.feature-detail.fd1 { background-position:0px 0px; } .flex-detail-row .image span.feature-detail.fd2 { background-position:-446px 0px; } .flex-detail-row .image span.feature-detail.fd3 { background-position:-892px 0px; } .flex-detail-row .image span.feature-detail.fd4 { background-position:-1338px 0px; } .flex-detail-row .image span.feature-detail.fd5 { background-position:-1784px 0px; } .flex-detail-row .image span.feature-detail.fd6 { background-position:-2230px 0px; } .flex-detail-row .image span.feature-detail.fd7 { background-position:-2676px 0px; } .flex-detail-row .image span.feature-detail.fd8 { background-position:-3122px 0px; } .flex-detail-row .image span.feature-detail.fd9 { background-position:-3568px 0px; } .flex-detail-row .image span.feature-detail.fd10 { background-position:-4014px 0px; } .flex-detail-row .image span.feature-detail.fd11 { background-position:-4460px 0px; } .flex-detail-row .image span.feature-detail.fd12 { background-position:-4906px 0px; } .flex-detail-row .image span.feature-detail.fd13 { background-position:-5352px 0px; } .flex-detail-row .image span.feature-detail.fd14 { background-position:-5798px 0px; } .flex-detail-row .text { flex-grow:1; font-size:1.5em; padding:0.75em; } .flex-detail-row .text.right-align { text-align:right; } .flex-detail-doublerow { display:flex; flex-direction:row; align-items:flex-start; background:white; } .flex-detail-doublerow .flex-detail-row { flex-direction:column; width:50%; } .flex-detail-doublerow .flex-detail-row:nth-child(even) { background:none; } .flex-detail-doublerow .flex-detail-row .text { text-align:center; } @media (max-width: 768px) { .flex-detail-row .text { font-size:16px; /*0.8em;*/ } .flex-detail-row .image span.feature-detail { width:250px; height:250px; background-size:2000px; } .flex-detail-row .image span.feature-detail.fd1 { background-position:0px 0px; } .flex-detail-row .image span.feature-detail.fd2 { background-position:-250px 0px; } .flex-detail-row .image span.feature-detail.fd3 { background-position:-500px 0px; } .flex-detail-row .image span.feature-detail.fd4 { background-position:-750px 0px; } .flex-detail-row .image span.feature-detail.fd5 { background-position:-1000px 0px; } .flex-detail-row .image span.feature-detail.fd6 { background-position:-1250px 0px; } .flex-detail-row .image span.feature-detail.fd7 { background-position:-1500px 0px; } .flex-detail-row .image span.feature-detail.fd8 { background-position:-1750px 0px; } .flex-detail-row .image span.feature-detail.fd9 { background-position:-2000px 0px; } .flex-detail-row .image span.feature-detail.fd10 { background-position:-2250px 0px; } .flex-detail-row .image span.feature-detail.fd11 { background-position:-2500px 0px; } .flex-detail-row .image span.feature-detail.fd12 { background-position:-2750px 0px; } .flex-detail-row .image span.feature-detail.fd13{ background-position:-3000px 0px; } .flex-detail-row .image span.feature-detail.fd14 { background-position:-3250px 0px; } } @media (max-width: 480px) { /*.flex-detail-row .image span.feature-detail { width:150px; height:150px; background-size:1200px; } .flex-detail-row .image span.feature-detail.fd1 { background-position:0px 0px; } .flex-detail-row .image span.feature-detail.fd2 { background-position:-150px 0px; } .flex-detail-row .image span.feature-detail.fd3 { background-position:-300px 0px; } .flex-detail-row .image span.feature-detail.fd4 { background-position:-450px 0px; } .flex-detail-row .image span.feature-detail.fd5 { background-position:-600px 0px; } .flex-detail-row .image span.feature-detail.fd6 { background-position:-750px 0px; } .flex-detail-row .image span.feature-detail.fd7 { background-position:-900px 0px; } .flex-detail-row .image span.feature-detail.fd8 { background-position:-1050px 0px; } .flex-detail-row .image span.feature-detail.fd9 { background-position:-1200px 0px; } .flex-detail-row .image span.feature-detail.fd10 { background-position:-1350px 0px; } .flex-detail-row .image span.feature-detail.fd11 { background-position:-1500px 0px; } .flex-detail-row .image span.feature-detail.fd12 { background-position:-1650px 0px; }*/ .flex-detail-doublerow { flex-direction:column; } .flex-detail-row { flex-direction:column; margin-top:0.75em; margin-bottom:0.75em; background:none!important; } .flex-detail-doublerow .flex-detail-row { width:100%; } .flex-detail-row .text { order:2; text-align:center; } .flex-detail-row .text.right-align { text-align:center; } .flex-detail-row .image { flex-grow:1; order:1; margin-bottom:0.75em; } .flex-detail-row:nth-child(even) .image { margin-top:0.75em; } } .flex-extras-title { width:100%; text-align:center; background:rgb(245,245,245); padding:0.25em 0; font-size:3em; border-top:1px dotted rgba(0,0,0,0.1); /*TODO: replace with line BESIDE the text*/ font-weight:bold; font-family:Lustria; } @media (max-width:767px) { .flex-extras-title { padding:0.3em 0; font-size:2em; } } .line-separator-holder { width:100%; height:1px; } .line-separator { width:45%; background:rgba(0,0,0,0.5); height:1px; margin:auto; } .sold-separately-sml { font-size:0.6em; display:block; margin-top:0.2em; } .flex-image-whitebg { background:#fff!important; } .zippay-modal-link, .afterpay-modal-link { display:block; } #popup-product-images { padding:20px; z-index:50456; } #popup-product-images .modal-dialog { width:100%; max-width:826px; margin:0 auto; padding:0; } #popup-product-images .modal-dialog .product-images-modal { width:100%; max-width:826px; border-radius:4px; } #popup-product-images .owl-stage-outer { border-radius:4px; } .flex-product-mainimage .center_main_image img { /*max-width:500px;*/ max-height:500px; } @media (max-height: 768px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:600px; } } @media (max-height: 650px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:500px; } } @media (max-height: 600px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:450px; } } @media (max-height: 550px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:400px; } } @media (max-height: 500px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:350px; } } @media (max-height: 450px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:300px; } } @media (max-height: 400px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:250px; } } @media (max-height: 350px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:200px; } } @media (max-height: 300px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:150px; } } @media (max-height: 250px) { #popup-product-images .modal-dialog, #popup-product-images .modal-dialog .product-images-modal { max-width:100px; } } .owl-prev-arrow, .owl-next-arrow { position:absolute; top:40%; display:block!important; border:none; width: 36px; height: 34px; cursor: pointer; background-color:transparent !important; background-image:url('/assets/images/fancybox_sprite.png') !important; } .owl-prev-arrow { background-position: 0 -36px !important; left:10px; } .owl-next-arrow { background-position: 0 -72px !important; right:10px; } /*End new product page css*/ input.input-nopadding-sm { text-align:center; } @media (max-width: 480px) { input.input-nopadding-sm { padding:0; min-width:24px; } div.qty-input-div { padding:0; } } .wt-visible-md-above { display:block!important; } .wt-visible-md-below { display:none!important; } @media (max-width: 767px) { .wt-visible-md-above { display:none!important; } .wt-visible-md-below { display:block!important; } } span.presale-btn-text { display:block; } #n_product .cart-button-cell input[name^="qty"] { height:100%; } /* wrapping customer images in owl carousel */ .owl-stage.owl-stage-footer-customerimages { align-items:stretch; } .owl-stage-footer-customerimages .owl-item span.photo-wrapped { padding:0; } .flex-wrap-photos:not(.owl-stage) span.photo-wrapped:nth-child(n+5) { display:none; } /* wrapping footer feedback in owl carousel */ div.wrapper-feedback { border-top:none; margin-top:0; padding-top:10px; background:rgb(245,245,245); padding-bottom:0; } .wrapper-footer { margin-top:0px; /*remove margin from footer and cover it with our bottom padding on wrapper-feedback*/ } div.flex-wrap-badges { display:flex; flex-flow:row wrap; margin-top:0.6em; margin-bottom:0.5em; } div.flex-wrap-badges span.badge-wrapped { flex-grow:0; width:25%; /*overidden in media queries*/ text-align:center; padding:8px; /*overidden in media queries*/ } div.flex-wrap-badges span.badge-wrapped img { width:100%; max-width:275px; display:block; aspect-ratio:1.0; } div.flex-wrap-feedbacks { display:flex; flex-flow:row wrap; } div.flex-wrap-feedbacks span.feedback-wrapped { flex-grow:0; width:33.33%; text-align:center; padding:8px; } div.flex-wrap-feedbacks span.feedback-wrapped div.feedback-entry { text-align:center; border-radius:4px; border:none; height:100%; background:#fff; padding:8px; padding-bottom:4px; padding-top:16px; } div.flex-wrap-feedbacks span.feedback-wrapped div.feedback-entry img { width:100%; max-width:326px; margin:auto; } @media (max-width: 986px) { div.flex-wrap-feedbacks span.feedback-wrapped { width:50%; } div.flex-wrap-feedbacks span.feedback-wrapped:nth-child(3) { display:none; } } @media (max-width: 600px) { div.flex-wrap-feedbacks span.feedback-wrapped { width:100%; } div.flex-wrap-feedbacks span.feedback-wrapped:nth-child(3) { display:initial; } } @media (min-width: 986px) { div.flex-wrap-feedbacks span.feedback-wrapped { width:33.33%; } div.flex-wrap-feedbacks span.feedback-wrapped:nth-child(3) { display:initial; } } @media (min-width: 768px) and (max-width: 991px) { div.flex-wrap-badges span.badge-wrapped { padding:8px 32px; } } @media (min-width: 992px) and (max-width: 1199px) { div.flex-wrap-badges span.badge-wrapped { padding:8px 48px; } } @media (min-width: 1199px) { div.flex-wrap-badges span.badge-wrapped { padding:8px 64px; } } .owl-stage.owl-stage-footer-feedback { align-items:stretch; margin-left:1px; } .owl-stage-footer-feedback .owl-item span.feedback-wrapped { padding:0; } .flex-wrap-feedbacks:not(.owl-stage) span.feedback-wrapped:nth-child(n+4) { display:none; } .flex-wrap-feedbacks.owl-carousel { margin-left: 32px; margin-right: 32px; width: auto; } .flex-wrap-feedbacks .owl-prev-arrow { left: -36px; } .flex-wrap-feedbacks .owl-next-arrow { right: -36px; } div.flex-wrap-feedbacks span.feedback-wrapped div.feedback-entry-new { text-align:left; border-radius:4px; border:none; height:100%; background:#fff; padding:8px; padding-bottom:4px; } /*end footer feedback carousel */ /*make logo fit on smallest sizes*/ @media (max-width:350px) { img.logo2 { height:auto; max-width:100%; } } /*end logo fix*/ /* hide recently sold on mobile */ @media (max-width: 440px) { .notice-popup { display:none; } } /*toggling sections in descriptions*/ .canhide.is_hidden .hidethis { display:none; } div.wrapalldescription{ position:relative; } div.wrapalldescription a.showmorebar{ position:absolute; display:block; text-align:left; left:0; bottom:0; right:0; background:#fff; text-decoration:underline; } a.nohover:hover, a.nohover:active, a.nohover:focus { text-decoration:none; } /* handling preferred location modal popup */ .wrap-text { white-space:normal; } .btn-m-t-10 { margin-top:10px; } #preferredLocationAlert { max-height:100%; display:flex; flex-direction:column; } /* reset modal sections */ #preferredLocationAlert > .modal-header, #preferredLocationAlert > .modal-body, #preferredLocationAlert > .modal-footer { position:unset; min-height:unset; padding:unset; border:unset; padding:0; margin:0; } #preferredLocationAlert > .modal-header { flex-grow:0; } #preferredLocationAlert > .modal-body { flex-grow:1; } #preferredLocationAlert > .modal-footer { flex-grow:0; } #preferredLocationAlert .modal-title { font-weight: bold; padding-bottom: 4px; } /* end of preferred location modal popup */ /* may 2019 new menu layout for accessories */ .accessories-submenu.accessories-submenu-desktop { position: absolute; right: 0; top: 100%; background: white; border: 1px solid rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); width: 900px; font-size:16px; line-height:28.85px; z-index: 5000; } .accessories-submenu-desktop { display:flex; flex-flow:row; align-content:flex-start; padding-left:11.425px; } .accessories-submenu-desktop > .sml-flex-col { width:25%; text-align:left; padding:4px; margin-top:11.425px; margin-bottom:11.425px; } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group { /*background:rgba(0,0,0,0.1);*/ margin-bottom:28.85px; } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group:last-child { margin-bottom:0; } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group a.sm-cat-parent { font-weight:bold; display:block; /*border-bottom:1px solid rgba(0,0,0,0.2);*/ text-decoration:underline; color:rgba(40,156,205,1); } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group a.sm-cat-parent:hover { color:rgb(10, 125, 185); } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group div.sm-cat-children { /*background:rgba(0,0,0,0.1);*/ } .accessories-submenu-desktop > .sml-flex-col div.sm-cat-group a.sm-cat-child { display:block; } .hoverablenavitem > .accessories-submenu-desktop { display:none; } .hoverablenavitem:hover > .accessories-submenu-desktop { display:flex; } .accessories-submenu.accessories-submenu-tablet { position: absolute; right: 0; top: 100%; background: white; border: 1px solid rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); width: 700px; font-size:16px; line-height:28.85px; z-index: 5000; } .accessories-submenu-tablet { display:flex; flex-flow:row; align-content:flex-start; padding-left:11.425px; } .accessories-submenu-tablet > .sml-flex-col { width:33%; text-align:left; padding:4px; margin-top:11.425px; margin-bottom:11.425px; } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group { /*background:rgba(0,0,0,0.1);*/ margin-bottom:28.85px; } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group:last-child { margin-bottom:0; } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group a.sm-cat-parent { font-weight:bold; display:block; /*border-bottom:1px solid rgba(0,0,0,0.2);*/ text-decoration:underline; color:rgba(40,156,205,1); } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group a.sm-cat-parent:hover { color:rgb(10, 125, 185); } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group div.sm-cat-children { /*background:rgba(0,0,0,0.1);*/ } .accessories-submenu-tablet > .sml-flex-col div.sm-cat-group a.sm-cat-child { display:block; } .hoverablenavitem > .accessories-submenu-tablet { display:none; } /*.hoverablenavitem:hover > .accessories-submenu-tablet,*/ .hoverablenavitem > .accessories-submenu-tablet.toggled { display:flex; } .accessories-submenu.accessories-submenu-mobile { position: absolute; right: 0; top: 100%; background: white; border: 1px solid rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); box-shadow:2px 2px 2px rgba(0,0,0,0.1); width: 700px; font-size:16px; line-height:28.85px; z-index: 5000; } .accessories-submenu-mobile { display:flex; flex-flow:row; align-content:flex-start; padding-left:11.425px; } .accessories-submenu-mobile > .sml-flex-col { width:100%; text-align:left; padding:4px; margin-top:11.425px; margin-bottom:11.425px; } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group { /*background:rgba(0,0,0,0.1);*/ margin-bottom:28.85px; } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group:last-child { margin-bottom:0; } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group a.sm-cat-parent { font-weight:bold; display:block; /*border-bottom:1px solid rgba(0,0,0,0.2);*/ text-decoration:underline; color:rgba(40,156,205,1); } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group a.sm-cat-parent:hover { color:rgb(10, 125, 185); } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group div.sm-cat-children { /*background:rgba(0,0,0,0.1);*/ } .accessories-submenu-mobile > .sml-flex-col div.sm-cat-group a.sm-cat-child { display:block; } .hoverablenavitem > .accessories-submenu-mobile { display:none; } .hoverablenavitem:hover > .accessories-submenu-mobile { display:flex; } /* above styles apply for small devices (including landscape phones, up to 768px) */ .navbar-nav > li > a { padding-left:1em; padding-right:2px; background-image:url('/assets/images/menuitem-circle.png'); background-repeat:no-repeat; background-size:0.25em; background-position:0.25em 52%; } div.bottombar li.categorynavitem.mobileonly { display:inline-block; } div.bottombar li.categorynavitem.accessories-menuitem-desktop { display:none; } div.bottombar li.categorynavitem.accessories-menuitem-tablet { display:none; } div.bottombar li.categorynavitem.accessories-menuitem-mobile { display:inline-block; } div.bottombar li.categorynavitem.accessories-submenuitem-mobile { display:inline-block; } .accessories-submenuitem-mobile .sm-cat-parent { font-weight:bold; padding-left:2em; background-image:url('/assets/images/menuitem-3dotsvertical.png'); /* NEW */ background-size: 0.75em; background-position: 0.75em 52%; } .accessories-submenuitem-mobile .sm-cat-child { padding-left:3em; background-image:url('/assets/images/menuitem-circle.png'); /* NEW */ background-position: 2em 52%; } .navbar-noborder { border:none; } /* Medium device - tablets etc, 768px and up */ @media (min-width: 768px) { div.bottombar li.categorynavitem.mobileonly { display:none; } div.bottombar li.categorynavitem.accessories-menuitem-desktop { display:none; } div.bottombar li.categorynavitem.accessories-menuitem-tablet { display:inline-block; } div.bottombar li.categorynavitem.accessories-menuitem-mobile { display:none; } div.bottombar li.categorynavitem.accessories-submenuitem-mobile { display:none; } .navbar-nav > li > a { padding-left:2px; background-image:none; } } /* Large device - desktops etc, 992px and up */ @media (min-width: 992px) { div.bottombar li.categorynavitem.accessories-menuitem-desktop { display:inline-block; } div.bottombar li.categorynavitem.accessories-menuitem-tablet { display:none; } .navbar-nav > li > a { padding-left:8px; padding-right:8px; } } /* fix navbar to use flex layout */ div.bottombar ul.categorynav { display:flex; align-items:center; justify-content:space-between; } /* on mobile when expanded we show vertically */ @media (max-width:767px) { div.bottombar.collapse.in ul.categorynav { flex-direction:column; align-items:flex-start; text-align:left; } div.bottombar.collapse.in ul.categorynav li.categorynavitem:not(.mobileonly) { display:none; } div.bottombar.collapse.in ul.categorynav li.categorynavitem.mobileonly { display:block; width:100%; } .hide-on-mobile { display:none; } } li.categorynavitem:not(.mobileonly) > a { text-decoration:underline; text-decoration-color:rgba(0,0,0,0.25); padding-top:0.5em; padding-bottom:0.5em; } .second-row { justify-content:space-between; } .hide-extra-elements::before, .hide-extra-elements::after { display:none; } /* end may 2019 new menu layout for accessories */ /* fix controls on side of carousel so they dont quite touch the top and bottom - they were interfering with the controls on youtube embeds */ .carousel-control { top: 48px; bottom: 48px; } .thumbnail-tag-row { display:flex; flex-direction:row; justify-content:space-between; height:28.8px; margin-top:-4px; margin-left:-4px; width:calc(100% + 8px); } .thumbnail-tag-row .ttr-cell { /*max-width:50%;*/ } .label.label-instock { background-color:#f2fff2; /*#cefccb;*/ color:#47b43b; } .label.label-onsale { background-color:#ffefef; /*#fccbce;*/ color:#f43b47; } .label.label-presale { background-color:#fff2e6; /*#fce1cb;*/ color:#f08b53; } .label.label-notcarried { background-color:#f5efef; color:#b88989; } .label.label-soldout { background-color:#f0f0f0; color:#c0c0c0; } .label.label-accpickup.available { background-color:#f2fff2; color:#47b43b; } .label.label-accpickup.not-available { background-color:#fefefe; color:#ccc; } .label.label-accdelivery.available { background-color:#f2fff2; color:#47b43b; } .label.label-accdelivery.not-available { background-color:#fefefe; color:#ccc; } .label.label-new { background-color:#ffefef; color:#f43b47; } .fp-cat-group-outter { margin-top:1.9em; margin-bottom:0.85em; background:rgba(0,0,0,0.05); padding:8px; } .fp-cat-group-outter h1.categorytitle.fpcattitle { margin-top:0; } .fp-cat-group-outter h1.subcat_title { background:none; } .fp-cat-group { } .fp-cat-btn { margin-left:auto; margin-right:auto; width:auto; display:block; margin-top:8px; white-space:unset; } @media (min-width: 992px) { .fp-cat-group .thumbnail { margin-bottom:0; } } @media (max-width: 991px) { .fp-cat-group-outter { padding-left:15px; padding-right:15px; } .fp-cat-btn { width:100%; } .fp-cat-group .wrapper-thumbnail { margin-bottom:15px; } .fp-cat-group .wrapper-thumbnail:nth-last-child(-n+2) { margin-bottom:0; } .fp-cat-group .thumbnail:nth-last-child(-n+2) { margin-bottom:0; } } @media (max-width: 767px) { .fp-cat-btn { width:calc(100% + 15px); margin-left:-8px; } } a.m-b-0 { margin-bottom:0; } .m-b-10 { margin-bottom:10px; } .m-b-20 { margin-bottom:20px; } .m-b-30 { margin-bottom:30px; } .m-b-40 { margin-bottom:40px; } .m-t-1em { margin-top:1em!important; } /*stlye of crossell thumbnails shown in addtocart popup*/ .add2cart_crosssell_holder { display:flex; flex-flow:row wrap; align-items:stretch; margin-top:12px; margin-bottom:4px; border-top:1px solid rgba(0,0,0,0.1); padding-top:4px; } .add2cart_crosssell_thumb_wide { background:rgb(248,157,53); width:100%; text-align:center; margin-top:8px; margin-bottom:8px; padding:4px; font-weight:bold; font-size:0.9em; } .add2cart_crosssell_thumb_wide .subt { font-size:0.9em; color:white; font-weight: normal; } .add2cart_crosssell_thumb { background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,0.1); margin:auto; padding:4px; display:flex; flex-direction:column; width:30%; text-align:center; } .add2cart_crosssell_thumb:hover { transition: box-shadow .15s linear 0s; box-shadow:0 0 30px 0 rgba(0,0,0,.23); } .add2cart_crosssell_thumb a { text-decoration:none; border:none; color:rgba(51,51,51,1); } .add2cart_crosssell_thumb img { width:100%; } .add2cart_crosssell_thumb a.prod_title { flex-grow:1; height:1.3em; overflow:hidden; margin:8px 0; font-size:14px; } .add2cart_crosssell_thumb a.prod_title:hover { text-decoration:underline; color:rgba(51,51,51,1); } .add2cart_crosssell_thumb a.btn { color:white; } @media (max-width: 727px) { .add2cart_crosssell_thumb a.btn { font-size:0.7em; } .npopup { box-shadow:0 25px 250px rgba(0,0,0,.5); } } h1.heading-location,h2.heading-location,h3.heading-location,h4.heading-location { margin-top:0; margin-bottom:8px; padding-top:1px; padding-bottom:3px; background:none; font-family:Lustria,Arial,sans-serif; line-height:1.428571429; text-align:center; font-size:2.5em; color:black; display:block; background:rgba(0,0,0,0.05); } h1.heading-customerphotos,h2.heading-customerphotos,h3.heading-customerphotos,h4.heading-customerphotos { margin-top:0; margin-bottom:8px; padding-top:1px; padding-bottom:3px; background:none!important; font-family:Lustria,Arial,sans-serif; line-height:1.428571429; text-align:center; font-size:2.5em; color:black; display:block; background:rgba(0,0,0,0.05); } h1.heading-popularaccessories,h2.heading-popularaccessories,h3.heading-popularaccessories,h4.heading-popularaccessories { margin-top:1em; margin-bottom:8px; padding-top:1px; padding-bottom:3px; background:none; font-family:Lustria,Arial,sans-serif; line-height:1.428571429; text-align:center; font-size:2.5em; color:black; display:block; background:rgba(0,0,0,0.05); } h1.heading-description,h2.heading-description,h3.heading-description,h4.heading-description { margin-top:0; margin-bottom:8px; padding-top:1px; padding-bottom:3px; background:none; font-family:Lustria,Arial,sans-serif; line-height:1.428571429; text-align:center; font-size:2.5em; color:black; display:block; background:rgba(0,0,0,0.05); } h1.heading-featurecomparison,h2.heading-featurecomparison,h3.heading-featurecomparison,h4.heading-featurecomparison { margin-top:12px; margin-bottom:10px; padding-top:1px; padding-bottom:3px; background:none; font-family:Lustria,Arial,sans-serif; line-height:1.428571429; text-align:center; font-size:2.5em; color:black; display:block; background:rgba(0,0,0,0.05); } @media (max-width: 600px) { h1.heading-customerphotos,h2.heading-customerphotos,h3.heading-customerphotos,h4.heading-customerphotos { font-size:1.8em; } h1.heading-popularaccessories,h2.heading-popularaccessories,h3.heading-popularaccessories,h4.heading-popularaccessories { font-size:1.8em; } h1.heading-description,h2.heading-description,h3.heading-description,h4.heading-description { font-size:1.8em; } h1.heading-featurecomparison,h2.heading-featurecomparison,h3.heading-featurecomparison,h4.heading-featurecomparison { font-size:1.8em; } } /*berleypro description table*/ table.responsive_img_table { width: 100%; text-align: center; } table.responsive_img_table img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .covid-notice-banner { background: rgba(40,156,205,1); text-align: center; padding: 0.5em 0; /*border-bottom: 1px solid rgba(255,255,255,0.5);*/ color: #fff; font-weight: bold; white-space: pre-line; text-shadow: -1px 0px 2px rgba(0,0,0,0.25), 1px 0px 2px rgba(0,0,0,0.25); /*box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);*/ z-index: 50; position: relative; } .covid-notice-banner > a { text-shadow:none; } .backordernoticeA{ font-size:1.25em; /*1.5em*/ color:red; line-height:100%; font-weight:bold; display:block; margin:1em 0; } .buyopt-payicons { display:flex; flex-flow:row wrap; align-items:center; margin-top:1.3em; margin-bottom:0; } .buyopt-payicon { /*border:1px solid rgba(0,0,0,0.1);*/ flex:1; margin:2px; background-position:center; background-repeat:no-repeat; } /* override now we have payment icons */ .flex-product-pricing { padding-bottom:4px; } .btn-eta-text { display: block; font-size: 0.75em; padding: 0; /*font-style: italic;*/ font-weight: lighter; } .btn-noeta { padding:13px 0 14px 0; } .btn-set-loc-text { display: block; font-size: 1em; padding: 0; /*font-style: italic;*/ font-weight: lighter; } @media (max-width: 419px) { .btn-set-loc-text { font-size: 0.75em; } } @media (max-width: 419px) { :not(.recently-viewed-body-wrap) .wrapper-thumbnail .thumbnail .caption { padding:9px 0 0 0; } :not(.recently-viewed-body-wrap) .wrapper-thumbnail .thumbnail .btn-eta-text { font-size: 0.7em; } } @media (max-width: 400px) { .fp-cat-group .wrapper-thumbnail .thumbnail .ttr-cell .label { font-size: 0.5em; padding:10px 8px; } } @media (min-width: 992px) { .p-l-0 { padding-left:0; } .p-r-0 { padding-right:0; } .p-l-3 { padding-left:3px; } .p-r-3 { padding-right:3px; } .p-l-r-0 { padding-left:0; padding-right:0; } .p-l-r-3 { padding-left:3px; padding-right:3px; } .qty-input-div .btn, .qty-input-div .form-control { font-size:0.7em; height:30px; } .qty-input-div .form-control { height:30px; } .qty-input-div p { margin-bottom:0; } } table.vertical-align-tds > tbody > tr > td { vertical-align:middle; } /* html phone banner */ .phone_banner { display: flex; flex-flow: row wrap; /*justify-content: space-evenly;*/ margin: 0 auto; width: 100%; max-width: 1200px; } .phone_banner.mobile { display:none; } .phone_banner.desktop { display:flex; justify-content:space-around; } @media (max-width: 768px) { .phone_banner.mobile { display:flex; } .phone_banner.desktop { display:none; } } .phone_banner > a { display: flex; flex-flow: column wrap; text-align: left; font-weight: bold; color:#fff; /*font-size: max(min(0.5vw, 0.5em),1rem);*/ font-size: max(min(1vw, 0.8em),1rem); padding:0.5em 0.5em 0.5em 1em; } .phone_banner > a > span { display: block; width:100%; } @media (min-width: 768px) { .phone_banner { max-width: 750px; } } @media (min-width: 992px) { .phone_banner { max-width: 1200px; } } .phone_banner > a { /*width: 11.11%;*/ width: 12.5%; } @media (max-width: 992px) { .phone_banner > a { width: 20%; /*16.6%*/ font-size: max(min(1vw, 0.8em),1rem); text-align:center; } } @media (max-width: 480px) { .phone_banner > a { width: 33.33%; font-size: max(min(1vw, 0.8em),0.85rem); } } /*@media (max-width: 385px) { .phone_banner > a { width: 33.3%; padding:0.5em; font-size: max(min(1vw, 0.8em),1rem); } }*/ .topbar { background-image: none; height: auto; } .covid-notice-banner { font-size: max(min(3vw, 1em),0.8rem); color:#444; background:#f5f5f5; text-shadow:none; } /* end html phone banner */ /* fix cart going to two lines in header */ #header-cart { display:flex; } /* link underneath new customerphotos footer gallery */ .customerphotos_viewmore_link { margin-top:1em; visibility:hidden; } .customerphotos_viewmore_link.shown { visibility:visible; } /* modulebox gallery layout */ .gallery { position:relative; } .mobx img { width:100%; height:100%; } .backordernoticeA a, .presalenoticeA a { color:red; } /* change thumbs to use flex layout instead of being floated */ .thumbnail-image { margin:0 auto; width:100%; display:flex; aspect-ratio:1.0; flex-flow:column; align-items:center; justify-content:center; } .row.fp-cat-group.flex { width:100%; margin:0; display:flex; flex-flow:row wrap; align-content:flex-start; } .row.fp-cat-group.flex > div > div { display:flex; flex-flow:row wrap; height:100%; } .row.fp-cat-group.flex div[id^="_jstl__fp_adgroup"] { width:100%; } .subcat_section .products.flex { /*width:100%; margin:0;*/ display:flex; flex-flow:row wrap; padding-left:4px; padding-bottom:4px; overflow:unset; } .row.fp-cat-group.flex .wrapper-thumbnail.flex { /* set default width (smallest size) */ float:none; width:50%; padding:4px; } .subcat_section .products.flex .wrapper-thumbnail.flex { /* set default width (smallest size) */ float:none; width:33.3%; padding:4px; } .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail, .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail { --margin-bottom:0px; height:100%; height:calc(100% - var(--margin-bottom)); /* 100% minus botttom margin */ text-align:center; } .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail .thumbnail-tag-row, .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail .thumbnail-tag-row { margin-right:-4px; height:auto; } .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail .ttr-cell .label, .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail .ttr-cell .label { padding:clamp(1px,1vmin,10px) clamp(1px,1vmin,8px); } .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail .caption, .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail .caption { width:100%; } /* set sizes for thumbnails at different break points */ @media (min-width: 992px) { .row.fp-cat-group.flex .wrapper-thumbnail.flex { width:25%; } .subcat_section .products.flex .wrapper-thumbnail.flex { width:16.6%; } } @media (max-width: 312px) { .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail .thumbnail-tag-row { height:2em; line-height:80%; } .row.fp-cat-group.flex .wrapper-thumbnail.flex .thumbnail .ttr-cell .label { font-size:clamp( 3px, 3vw, 0.5em ); } } @media (max-width: 400px) { .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail .thumbnail-tag-row { /*height:2em;*/ line-height:80%; } .subcat_section .products.flex .wrapper-thumbnail.flex .thumbnail .ttr-cell .label { font-size:clamp( 3px, 3vw, 0.5em ); } } .nav > li > a:hover, .nav > li > a:focus { background-color:rgba(40,156,205,0.2); } .accessories-menuitem-desktop > a, .accessories-menuitem-tablet > a { background-color:rgb(248, 157, 53); } .fp-cat-group-hours { text-align:center; margin-bottom:8px; font-size:0.8em; margin-top:-14px; } .holhours { color:red; } .holhours > .lbl { font-weight:bold; } @media (max-width: 320px) { .fp-cat-group-hours { font-size:clamp(10px,4vw,0.8em); } h1.heading-location { font-size:clamp(10px,8vw,2.5em); } } .btn-orange { color:#fff; background-color:rgb(248, 157, 53); border-color:rgb(248, 157, 53); font-weight:bold; text-shadow:rgba(0, 0, 0, 0.25) -1px 0px 2px, rgba(0, 0, 0, 0.25) 1px 0px 2px; } .btn-orange:hover, .btn-orange:active, .btn-orange:focus { color:#fff; background-color:rgb(217, 138, 47); border-color:rgb(217, 138, 47); } h4.heading-subcat { margin-top: 1em; margin-bottom: 8px; padding-top: 1px; padding-bottom: 3px; /* background: none; */ font-family: Lustria,Arial,sans-serif; line-height: 1.428571429; text-align: center; font-size: 2.5em; color: black; display: block; background: rgba(0,0,0,0.05); } .caption.popular26 > p.price { font-size:13px; } /*inactive tabs*/ .nav-tabs > li > a { border: 1px solid transparent; background-color: #eee; } /*tabs when hovered*/ .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: rgba(40,156,205,0.2); border-color: #eee; border-bottom-color: #ddd; } /*active tab*/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fff; border: 1px solid #ddd; border-bottom-color: #fff; } /* normalize header sizes */ .normalized-header { font-size:clamp(1vw,9vw,1.8em)!important; line-height:1.428571429!important; } @media (min-width:601px) { .normalized-header { font-size:2.5em!important; } } .zip-widget__wrapper { display:none; } .payment-option > .zip-widget__wrapper { display:block; } /* youtube placeholders */ .yt-embed-thumb-placeholder { width:560px; /*height:315px;*/ margin:0 auto; max-width:100%; aspect-ratio:calc(560/315); display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; background-position:center; background-size:cover; text-decoration:none; position:relative; } .yt-embed-thumb-placeholder:hover { text-decoration:none; } .yt-embed-thumb-placeholder > .yt-embed-thumb-playbtn { width:64px; height:48px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.66); color:#fff; font-size:24px; transition:background-color 0.1s; border-bottom-left-radius: 7.5% 50%; border-bottom-right-radius: 7.5% 50%; border-top-left-radius: 7.5% 50%; border-top-right-radius: 7.5% 50%; margin-left:0.125em; } .yt-embed-thumb-placeholder:hover > .yt-embed-thumb-playbtn { background:rgba(255,0,0,1.0); } .yt-embed-thumb-placeholder > .yt-embed-thumb-usericon { position:absolute; left:5px; right:0; top:5px; width:40px; height:40px; margin:5px; background-image:url(/assets/images/k2f-yt-logo.jpg); border-radius:20px; background-size:cover; } .yt-embed-thumb-placeholder > .yt-embed-thumb-title { position:absolute; left:60px; right:16px; top:18px; color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.5); text-align:left; font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .ytembedWrap .yt-embed-thumb-placeholder { width:100%; height:100%; } /* /youtube placeholders */ .sale-countdown-line { display: block; background-color: rgba(248,157,53,1); text-align: center; padding: 0.5em 0; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff; font-weight: bold; white-space: nowrap; text-shadow: -1px 0px 2px rgba(0,0,0,0.25), 1px 0px 2px rgba(0,0,0,0.25); text-decoration:none; font-size:clamp(11px,3.5vw,16px); } .sale-countdown-line:hover { color:#fff; text-decoration:none; } .carousel-inner > .item { width:100%; aspect-ratio:calc(1150/500); } .thumbnail img.product-image { /*aspect-ratio:1.0;*/ /* commented out as moving the aspect ratio to the wrapper so the img can be centered vertically */ } .navigation-list .icon > i.fa { height:30px; } /* COVID POPUP */ #covid-popup { display:none; position:fixed; left:0; top:0; bottom:0; right:0; margin:0; padding:0; transition:background 0.5s; background:rgba(0,0,0,0); z-index:540000; } #covid-popup.show { display:block; background:rgba(0,0,0,0.01); } #covid-popup.shown { display:block; background:rgba(0,0,0,0.75); } #covid-popup .cvp-cover { display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; } #covid-popup .cvp-cover .cp-main { width:100%; width:calc(100% - 16px); margin:auto; background:#fff; transform:translateY(-100px); transition:transform 0.5s,opacity 0.5s; opacity:0; } .cp-main .cp-note { font-size:18px; padding:16px; } .cp-note .cp-title { font-weight:bold; margin-bottom:16px; display:block; text-align:center; } .cp-note .cp-text { display:block; text-align:center; font-weight:300; line-height:160%; } .cp-main .cp-btn { margin-bottom:16px; padding:0 16px; } .cp-main .cp-btn .btn { font-weight:bold; } #covid-popup .cvp-cover .cp-main.ready { transform:translateY(0); opacity:1; } @media (min-width: 526px) { #covid-popup .cvp-cover .cp-main { width:500px; } } /* /COVID POPUP */ /* MOBILE FOOTER */ .footer_locations { display: flex; flex-flow: row wrap; } .footer_locations > .location_cell { width: 33.33%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } @media (min-width:991px){ .footer_locations > .location_cell:nth-child(3n) { border-right:none; } } @media (max-width:991px){ .footer_locations > .location_cell { width: 50%; } .footer_locations > .location_cell:nth-child(2n) { border-right:none; } } .mob-footer-colgroup-header { padding:0.5em; margin-top:10px; background:rgba(0,0,0,0.05); } /* /MOBILE FOOTER */ /* BIGFOOTER STUFF */ /* mobile only */ @media (max-width: 767px) { } /* tablet only */ .tablet-only { display:none; } @media (min-width:768px) and (max-width:991px) { .tablet-only { display:block; } } /* desktop only */ @media (max-width: 991px) { .desktop-only { display:none; } } @media (min-width:992px) { .desktop-only { display:block; } } .bigfooter { display:flex; flex-flow:row wrap; /*border:1px solid red;*/ font-size:16px; line-height:28.85px; } .bigfooter .bf-col { width:25%; /*border:1px solid blue;*/ display:flex; flex-direction:column; } .bigfooter .bf-col-wide { width:100%; } div.bf-cat-group { /*border:1px solid green;*/ display:flex; flex-direction:column; margin-bottom:28.85px; } /*div.bf-cat-group:not(.fm):last-child { margin-bottom:0; }*/ div.bf-cat-group > * { display:block; width:100%; /*border:1px solid magenta;*/ } div.bf-cat-group > a.bf-cat-parent { font-weight:bold; text-decoration:underline; color:rgba(40,156,205,1); } div.bf-cat-group > a.bf-cat-parent:hover { color:rgba(40,156,205,1); } div.bf-cat-group > div.bf-cat-children { display:flex; flex-direction:column; /*border-style:dotted;*/ } div.bf-col-wide div.bf-cat-group > div.bf-cat-children { flex-direction:row; flex-wrap:wrap; } div.bf-col-wide .bf-cat-children > a.bf-cat-child { width:25%; } form.bf-footer-form { display:inline; padding:0; margin:0; } .bf-newsletter { margin-top:20px; background:rgba(0,0,0,0.05); padding:8px; display:flex; flex-direction:row; justify-content:center; align-items:center; } .bf-newsletter > .bf-newsletter-cell { margin:0 4px; } .bf-newsletter > .bf-newsletter-cell:first-child { margin-left:0; } .bf-newsletter > .bf-newsletter-cell:last-child { margin-right:0; } .bfc-headline { font-weight:bold; } .bfc-tag { font-style:italic; font-size:80%; } .bfc-socials { margin-left:2em; } .btn-subscribe { /*font-size: 0.8em;*/ border: none; color: #fff; background: #289CCD; /*padding: 0.5em 1em;*/ font-variant: small-caps; transition: all .2s linear 0s; } .btn-subscribe:hover { background: #178BBC; color: #fff; } .btn-subscribe2 { border: 1px solid #289CCD; color: #fff; background: #289CCD; font-variant: small-caps; transition: all .2s linear 0s; } .btn-subscribe2:hover { background: #178BBC; color: #fff; } .bf-newsletter-mobile { flex-direction:column; } .bf-newsletter-mobile .list-social { margin-top:0; margin-bottom:0; } .bf-newsletter-mobile > .bf-newsletter-cell { margin:4px auto !important; } .bf-newsletter-mobile .bfc-headline{ margin-bottom:0!important; } .bf-newsletter-mobile > .bf-newsletter-cell:first-child { margin-top:0!important; } .bf-newsletter-mobile > .bf-newsletter-cell:last-child { margin-bottom:0!important; } .newsletter-result { display:none; } .newsletter-result.visible { display:flex; } /* /BIGFOOTER STUFF */ /* fixing size of description images */ .r-1x1 { aspect-ratio:1.0; } .r-1140x600 { aspect-ratio:calc(1140/600); } .r-1140x2000 { aspect-ratio:calc(1140/2000); } .r-1140x1562 { aspect-ratio:calc(1140/1562); } .r-1125x1065 { aspect-ratio:calc(1125/1065); } .r-1080x615 { aspect-ratio:calc(1080/615); } .r-1140x1370 { aspect-ratio:calc(1140/1370); } .r-1152x1382 { aspect-ratio:calc(1152/1382); } .r-600x960 { aspect-ratio:calc(600/960); } .r-600x1125 { aspect-ratio:calc(600/1125); } .r-600x1250 { aspect-ratio:calc(600/1250); } .r-800x1684 { aspect-ratio:calc(800/1684); } .r-600x1736 { aspect-ratio:calc(600/1736); } .r-600x1750 { aspect-ratio:calc(600/1750); } .r-600x1914 { aspect-ratio:calc(600/1914); } .r-600x1928 { aspect-ratio:calc(600/1928); } .r-600x2100 { aspect-ratio:calc(600/2100); } .r-775x2242 { aspect-ratio:calc(775x2242); } .r-1140x1834 { aspect-ratio:calc(1140/1834); } .r-1140x1585 { aspect-ratio:calc(1140/1585); } .r-1140x1141 { aspect-ratio:calc(1140/1141); } .r-600x264 { aspect-ratio:calc(600/264); } .r-1600x1000 { aspect-ratio:calc(1600/1000); } .r-600x1000 { aspect-ratio:calc(600/1000); } .r-1600x1500 { aspect-ratio:calc(1600/1500); } .r-600x2705 { aspect-ratio:calc(600/2705); } .r-1140x1176 { aspect-ratio:calc(1140/1176); } .r-600x1144 { aspect-ratio:calc(600/1144); } .r-600x2000 { aspect-ratio:calc(600/2000); } .r-600x1943 { aspect-ratio:calc(600/1943); } .r-600x1630 { aspect-ratio:calc(600/1630); } .r-600x1200 { aspect-ratio:calc(600/1200); } .r-600x1300 { aspect-ratio:calc(600/1300); } .r-600x2034 { aspect-ratio:calc(600/2034); } .r-1200x2662 { aspect-ratio:calc(1200/2622); } .r-1798x2873 { aspect-ratio:calc(1798/2873); } .r-1150x1537 { aspect-ratio:calc(1150/1537); } .r-1150x2200 { aspect-ratio:calc(1150/2200); } .r-1150x2348 { aspect-ratio:calc(1150/2348); } .r-600x2052 { aspect-ratio:calc(600/2052); } .r-1140x1729 { aspect-ratio:calc(1140/1729); } .r-1140x300 { aspect-ratio:calc(1140/300); } .r-600x264 { aspect-ratio:calc(600/264); } .r-1140x813 { aspect-ratio:calc(1140/813); } .r-600x2498 { aspect-ratio:calc(600/2498); } .r-1140x150 { aspect-ratio:calc(1140/150); } .r-600x1283 { aspect-ratio:calc(600/1283); } .r-600x1636 { aspect-ratio:calc(600/1636); } .r-600x961 { aspect-ratio:calc(600/961); } .r-600x1133 { aspect-ratio:calc(600/1133); } .r-600x1505 { aspect-ratio:calc(600/1505); } .r-600x2265 { aspect-ratio:calc(600/2265); } /* /fixing size of description images */ .ug-footer-gallery-minsizing { min-height: calc(10 * 44vw); } @media (min-width: 501px) { .ug-footer-gallery-minsizing { min-height: calc(7 * 30vw); } } @media (min-width: 768px) { .ug-footer-gallery-minsizing { /*min-height: calc(7 * 227px);*/ min-height: calc(7 * 231px); } } @media (min-width: 992px) { .ug-footer-gallery-minsizing { /*min-height: calc(4 * 176px);*/ min-height: calc(4 * 181px); } } @media (min-width: 1200px) { .ug-footer-gallery-minsizing { /*min-height: calc(4 * 216px);*/ min-height: calc(4 * 221px); } } /* treat picture element in carousel the same as img element */ .carousel-inner > .item > picture > img, .carousel-inner > .item > a > picture > img { display: block; max-width: 100%; height: auto; line-height: 1; } /* fix height of child categories on accessory pages */ .acc-fix-estimated-height-for-thumbs { min-height: calc( var(--thumb-rows-at-2per) * 282px ); } @media (min-width: 501px) { .acc-fix-estimated-height-for-thumbs { min-height: calc( var(--thumb-rows-at-2per) * 393px ); } } @media (min-width: 768px) { .acc-fix-estimated-height-for-thumbs { min-height: calc( var(--thumb-rows-at-2per) * 533px ); } } @media (min-width: 992px) { .acc-fix-estimated-height-for-thumbs { min-height: calc( var(--thumb-rows-at-4per) * 396px ); } } @media (min-width: 1200px) { .acc-fix-estimated-height-for-thumbs { min-height: calc( var(--thumb-rows-at-4per) * 446px ); } } .m-l-0 { margin-left:0!important; } .m-r-0 { margin-right:0!important; } .m-b-0 { margin-bottom:0!important; } .m-t-0 { margin-top:0!important; } .m-t-5 { margin-top:5px!important; } .p-l-0 { padding-left:0!important; } .p-r-0 { padding-right:0!important; } .p-b-0 { padding-bottom:0!important; } .p-t-0 { padding-top:0!important; } /*copying across styles that won't auto apply once we change product thumbnails from 'img' to 'picture' */ .thumbnail img.product-image { /* was .thumbnail > img, .thumbnail a > img in app.css */ display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .search-result-text { font-weight:normal; font-size:16px; display:block; text-align:center; margin-top:0.5em; font-family:Roboto,Arial,Sans-serif; } #_jstl_crosssell_tab_r.unloaded, #_jstl_spareparts_tab_r.unloaded { height:200vw; } @media (min-width:768px) { #_jstl_crosssell_tab_r.unloaded, #_jstl_spareparts_tab_r.unloaded { height:1333px; } } @media (min-width:992px) { #_jstl_crosssell_tab_r.unloaded, #_jstl_spareparts_tab_r.unloaded { height:500px; } } @media (min-width:1200px) { #_jstl_crosssell_tab_r.unloaded, #_jstl_spareparts_tab_r.unloaded { height:566px; } } .zip-widget__wrapper { padding:0!important; } .wrapper-sale-countdown.unloaded .productsavetext { min-height:106px; } .flex-product-mainimage.unloaded { display:block!important; opacity:1!important; height:545px; overflow:hidden; } .flex-product-thumbs.unloaded { display:block!important; opacity:1!important; height:150px; overflow:hidden; } .flex-wrap-feedbacks.unloaded { display:block!important; opacity:1!important; height:295px; overflow:hidden; } .safari .yt-embed-thumb-placeholder { min-height:250px; } .btn-r, .btn-group .dropdown-menu .btn-r { /* derp: 5; */ border-radius:4px!important; } .btn-r.btn-default { box-shadow: inset 0 -2px #eee; } .btn-r.btn-primary { box-shadow: inset 0 -2px rgb(32,134,176); } .btn-r.btn-info { box-shadow: inset 0 -2px #4a9bb3; } .btn-r.btn-success { box-shadow: inset 0 -2px 0 rgb(34,174,34); } .btn-r.btn-danger { box-shadow: inset 0 -2px 0 #b34542; } .btn-r.btn-warning { box-shadow: inset 0 -2px 0 #ca9d5e; } .btn-r.disabled { box-shadow: inset 0 -2px 0 #666 !important; } /* adjust position of close button on modals at mobile size */ @media (max-width:767px) { .successaddmessage .header { position:relative; padding-right:50px; } .npopup-btn-close { display:block!important; /* override display:hidden from app.css */ top:calc(50% - 18px)!important; right:8px!important; } .npopup { width:90vw!important; } } @media (max-width:760px) { .npopup { width:100vw!important; } } .item-cart-details { font-size:11px; color:#acacac; line-height:115%; padding-left:0.5em; } .item-cart-details > ul { margin-bottom:0; padding:0; list-style:none; } .item-cart-details > ul > li { } .item-cart-details > ul > li > strong { margin-right:0.25em; } @media (max-width: 400px) { table.viewcart_table { font-size:10px; } .item-cart-details { font-size:10px; } table.viewcart_table td { padding:0!important; } table.viewcart_table th { padding:1px!important; text-align:center; vertical-align:middle; } .qty-input-div > p { margin:2px 1px 1px 1px; } .qty-input-div > p:last-child { margin-bottom:2px; } } /* styles to applied to descriptions,etc in wysiwyg editor */ .s-color-black { color:#000000; } .s-color-red { color:#ff0000; } .s-weight-normal { font-weight:normal; } .s-weight-bold { font-weight:bold; } .s-style-italic { font-style:italic; } .s-style-underline { text-decoration:underline; } .s-size-16 { font-size:16px; } .s-size-18 { font-size:18px; } .s-size-20 { font-size:20px; } .s-margin-bottom-10 { margin-bottom:10px; } .s-desc-header { font-weight:bold; font-size:20px; margin-bottom:10px; line-height:1.1; display:block; padding-top:12px; } .s-desc-subheader { font-weight:bold; font-size:18px; margin-bottom:10px; line-height:1.1; display:block; padding-top:12px; } .s-width-auto { width:auto; margin:auto; } .s-margin-auto { margin:auto; } @media (max-width:768px) { .s-mobile-only { display:block; } .s-desktop-only { display:none; } } @media (min-width:769px) { .s-mobile-only { display:none; } .s-desktop-only { display:block; } } #cartcontents .thumb_cart .btn.viewcart { display:block; width:100%; } #cartcontents .thumb_cart .btn.checkout { display:none; } @media (min-width: 768px) { .successaddmessage .footer .left { display:flex; flex-flow:row nowrap; align-items:center; width:unset; float:none; } .successaddmessage .footer .btn.npopup-view { flex:1; } }