#page-content .page-builder .contactus.sent{font-size: 0 !important;} #page-content .page-builder .contactus.sent::after{ color: #db2727; content: 'Thank you for your enquiry, due to the current circumstances we are experiencing high demand so it will take us a lot longer than usual to respond, please bear with us and thanks for your patience.'; font-size: 15.99px !important; font-weight: bold; line-height: 23.1855px;} .contact-us-form .contact-options-container .css-accordion__content > :nth-child(2){ width:50% !important; } .contact-us-form .contact-options-container .css-accordion__content > :nth-child(3){ width:50% !important; } .contact-us-form .contact-options-container .css-accordion__content > :nth-child(4){ display:none; } body.product-page #page-content .prices .launch-price-match-form{ display: none !important;} body.product-page #page-content .prices .rrp{ clear: left;} body.product-page #page-content .prices .js-mobile-tab-popup{ margin-top: 40px;} #footer .launch-price-match-form{ display: none !important;} .site-header .site-header__primary .launch-price-match-form{ display: none !important;} .product-advice .accolade-icon{border-radius: 5px; display: inline-block; overflow: hidden; padding: 38px 0 38px 0; position: relative; width: 100%;} .product-advice .accolade-icon p{font-family: 'Zilla Slab',Source Sans Pro,Arial,Helvetica,sans-serif; font-size: 2.2em; font-weight: bold; padding: 1px 0 6px 55%;} .product-advice .accolade-icon:before{height: 100%; left: 30%; margin: 0 0 0 -50px; position: absolute; top: 0; width: 120px;} .product-advice .accolade-icon-center:before{left: 50%; margin: 0; transform:translateX(-50%);} .product-advice .accolade-icon-mbr-ec{background-color: rgb(238,201,200); /*fallback*/ background-color: rgba(211,23,22,.2);} .product-advice .accolade-icon-mbr-ec p{background-color: #d31716; color: #fff;} .product-advice .accolade-icon-mbr-ec::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/mbr-editors-choice-2019.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-bikepacking{background-color: rgb(249,219,121); /*fallback*/ background-color: rgba(249,219,121,.2);} .product-advice .accolade-icon-bikepacking p{background-color: #f9db79; color: #323232;} .product-advice .accolade-icon-bikepacking::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/bike-packing-awards-2019.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-pinkbike-mtb-2019::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/pinkbike-awards-mtb-2019.png) no-repeat center center; background-size: auto; background-size: 100px;content: "";left: 5px;margin: 0;} .product-advice .accolade-icon-pinkbike-mtb-2019 p{background-color: #ffffee; color: #6e6f73; padding: 11px 15px 16px 130px; min-height: 52px;} .product-advice .accolade-icon-pinkbike-mtb-2019{background-color:#d9ab37;} .product-advice .accolade-icon-road-cc-rboty{background-color: rgb(218,136,24); /*fallback*/ background-color: rgba(218,136,24,.2);} .product-advice .accolade-icon-road-cc-rboty p{background-color: rgba(218,136,24,.6); color: #fff;} .product-advice .accolade-icon-road-cc-rboty::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/road-cc---road-bike-oty.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-cyclingplus-boty{background-color: rgb(32,32,32);} .product-advice .accolade-icon-cyclingplus-boty p{background-color: rgb(175,26,22); color: #fff; padding: 8px 0 9px 40%;} .product-advice .accolade-icon-cyclingplus-boty::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/cycling-plus-2020.png) no-repeat center center; background-size: 110px; content: ""; left: 23%;} .product-advice a.icon-link{display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px;font-weight: 700;font-size: 14px; color:#d31716;} .product-advice .icon-link::before{display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -60px;} .product-advice .icon-link.brompton-qsg::before{content: url('https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico-50-brompton-quickstart.png'); content: ""; background: url('https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico-50-brompton-quickstart.png') no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: 0;} #cart-banner .cart-banner__delivery{ display:none; } body[class*=" showfinance-26-A"] .remove-finance-deposit-a{ display: none; } .voucher-form__link-list [data-ga-label="C2W FAQs | Can I top up my Cycle to Work voucher"][data-ga-label="C2W FAQs | Can I top up my Cycle to Work voucher"]{ display: none;} .ismobile .js-window-popup .window.leave-a-review #review-sent p:first-child:before{margin-top: 0; margin-bottom: 0; position: relative; top: 0; background-image: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/thankyou-5-voucher-bg-v4.jpg); background-size: 100% auto; background-repeat: no-repeat; display: block; width: 100%; height: 200px; content: '';} .ismobile .js-window-popup .window.leave-a-review #review-sent p:first-child:after{color: #d31716; content: 'Min spend £50, exclusions apply. Voucher code expires in 7 days'; display: block; position: absolute; margin-top: -50px; margin-bottom: 24px; top: 270px;} .ismobile .js-window-popup .window.leave-a-review #review-sent p:last-child:after{content: 'RQH5XVM9'; display: block; position: absolute; bottom: 205px; left: 50%; background-color: #d31716; width: 60%; transform: translateX(-50%); color: #fff; font-weight: bold; text-align: center; padding: 25px 20px; font-size: 3em; text-transform: uppercase; margin-bottom: -63px; margin-top: 0;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:first-child:before{content: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/thankyou-5-voucher-bg-v4.jpg); display: block; margin-top: 37px; margin-bottom: 8px; position: relative; top: -29px;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:first-child:after{color: #d31716; content: 'Min spend £50, exclusions apply. Voucher code expires in 7 days'; display: block; position: relative; margin-top: -35px; margin-bottom: 22px; top: 0px;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:last-child:after{content: 'RQH5XVM9'; display: block; position: relative; top: -170px; left: 50%; background-color: #d31716; width: 80%; transform: translateX(-50%); color: #fff; font-weight: bold; text-align: center; padding: 25px 20px; font-size: 3em; text-transform: uppercase; margin-bottom: -63px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div{ font-size: 14px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.email .junk{ font-size: 13px; line-height: 16px; margin-top: 6px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.dispatch{ margin-top:22px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.arrive{ margin-top:22px; margin-bottom: 5px;} .ismobile .product-page .product-information-block__container.product-information-block__container div{ font-size: 14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs.tab-view .product-description div{ font-size: 14px!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs.tab-view .product-description strong{ font-size: 14px;} #static-page-content .page-builder .button-style-guide .button-general-large{ display: block; border-radius: 5px; text-align: center; width: 170px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-large.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary1{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.default1{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.default1:hover{ color: #db2727; background: white; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral1:hover{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.finance1{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.finance1:hover{ color: #013088; background: white; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary2{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary2:hover{ color: #000000; background: white; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-large.default2{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.default2:hover{ color: white; background: #b21f1f; border: 2px solid #b21f1f;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-large.finance2{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.finance2:hover{ color: white; background: #001c54; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-small{ display: block; border-radius: 5px; text-align: center; width: 170px; box-sizing: border-box; height: 32px; padding: 5px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 16px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-small.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary1{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.default1{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.default1:hover{ color: #db2727; background: white; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral1:hover{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.finance1{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-small.finance1:hover{ color: #001c54; background: white; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-small.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary2{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary2:hover{ color: #000000; background: white; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small.default2{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.default2:hover{ color: white; background: #b21f1f; border: 2px solid #b21f1f;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small.finance2{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-small.finance2:hover{ color: white; background: #001c54; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-large-form{ display: block; border-radius: 5px; text-align: center; width: 300px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s; } #static-page-content .page-builder .button-style-guide .button-general-large-form.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-large-cat{ display: inline-block; border-radius: 5px; text-align: center; width: 186px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 5px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary1:hover{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small-cat{ display: inline-block; border-radius: 5px; text-align: center; width: 186px; box-sizing: border-box; height: 32px; padding: 5px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 5px; font-size: 16px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary1{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary2{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary2:hover{ color: #000000; background: #f5f5f5; border: 2px solid #000000;} .isdesktop .product-page .window.product-finance.product-finance{ margin-top: -300px!important;} .count-down-timer a.dropdown .timer-slide-down.timer-slide-down{ /*z-index:1001;*/ /*Conflicts with mega menu, reduced z-index to 10 - So higher than availability dialogue at 9*/ z-index:10;} body.cart-v2-page .cart .trade-in-banner .bike-trade-in-v2.bike-trade-in-v2{ display: none;} .ismobile #footer .column .newsletter-sign-up .input-and-button{ margin: 14px auto 10px!important;} .ismobile #footer .column .newsletter-sign-up p{ margin: 0px 0px 2px 0px!important;} body.shopping-cart-page .shopping-cart .bike-trade-in.bike-trade-in{ display: none;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_big-sale{background-color: #d31716 !important;color:#fff; font-weight:bold !important;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_big-sale:before{content: ""; position: absolute; display: block; border: 16px solid #d31716 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_orange{background-color: #f57325 !important;color:#2e2e2e;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_orange:before{content: ""; position: absolute; display: block; border: 16px solid #f57325 !important; color:#2e2e2e; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_yellow{background-color: #efc51d !important;color:#000;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_yellow:before{content: ""; position: absolute; display: block; border: 16px solid #efc51d !important; color:#000; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_lum-green{background-color: #8cb14f !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_lum-green:before{content: ""; position: absolute; display: block; border: 16px solid #8cb14f !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text:before{content: ""; position: absolute; display: block; /*border: 16px solid #373c40;*/ /*border: 16px solid #3e95db;*/ /*border: 16px solid #8b0908;*/ border: 16px solid #2e2e2e; left: -12px; border-right-width: 10px; border-left-color: transparent; border-left-width: 10px; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text{ /*background-color: #373c40;*/ /*background-color: #3e95db;*/ /*background-color: #8b0908;*/ background-color: #2e2e2e;} .product-page .content-area .column.two .selling-points.selling-points a span{ background-image: url("/assets/images/svg/tredz-product-page.svg?v=1.66.1"); background-image: url("/assets/images/svg/tredz-product-page.png?v=1.66.1") \9;} .isdesktop #left-menu .list-links a[href="/bike-shops/tredz-cross-hands"]{ display: none!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Legacy overrides*/ .column{text-align: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .size-chart{text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .size-chart table{text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container img{margin: 15px 0; max-width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*END Legacy overrides*/ p{font-size: 15px; line-height: 1.45;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Standard buttons*/ .btn{font-size: 1.23em; border-width: 2px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn.btn-primary{color: #ffffff; background-color: #da2727;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin:5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*END - Custom button colours*/ /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h3._pb-circle-heading{display:inline;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*New navigation styling*/ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; font-size: 14px; padding: 23px 14px 22px 14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px; padding: 0 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .bounce-arrow_nav{margin-top: -20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*BANNER NAVIGATION - START */ .banner-navigation{padding:0!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation ul{ /* list-style: disc; */ /* margin-left: 15px; */ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #636363;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container div.banner-navigation ul{ list-style: disc; margin-left: 0; margin-top: 5px; margin-bottom: -10px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*BANNER NAVIGATION - END */ h3{ text-transform: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h1{ text-transform: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container p a{ font-size: inherit; color: #db2727; text-decoration: underline; font-weight: normal;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .center{ text-align: center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container hr{ margin-bottom: 0 !important; position: relative; z-index: 39; background: #ccc; height: 1px; margin: 10px 0; border: 0; clear: both;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h2._pb-sub-header{ background: #636363; color: #c5c5c5; font-size: 14px !important; font-weight: normal !important; display: inline-block; margin-top: -1px; position: relative; z-index: 40; padding: 10px 15px !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container ul.disc{ margin-left: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix{ zoom:1} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix:before{ content:" "; display:table} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix:after{ content:" "; display:table; clear:both} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column{ box-sizing:border-box; float:left; margin-left: 0; padding-left:0; padding-right:1.32rem;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.full{ width:100%; margin-left: 0; margin-right: 0; padding-right: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-third{ width:65%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-fourth{ width:75%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-fifth{ width:80%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-sixth{ width:83.3%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.half{ width:48% !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.third{ width: 32%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.fourth{ width:25%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.fifth{ width:20%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.sixth{ width:16.6%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.flow-opposite{ float:right} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column ul{ list-style:disc; margin-left: 15px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column ul li{ list-style:disc;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container b{font-weight:bold !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container strong{font-weight:bold !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container table.variants{border-spacing: 0;border: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants table tr th{background-color: #ffffff;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants td a{color:#fff;text-decoration:none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.variant-area:first-child{background-color: #d31716; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Guide tab table**/ .discipline strong{color: #fff !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Tyre Chooser Link Class**/ .link_class{ display:inline-block; width:100%; height:100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.up-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.down-point{background:none !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.down-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /* NEW Size Guide Styling */ table.resp-size-guide-wrapper{border:0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-container{min-height:200px; display: table; width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-header{min-height:50px; padding: 5px 25px 5px 0; vertical-align:middle;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-row{max-width:100%; min-height:40px; display: table-row;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-row:nth-child(2n){background: #f5f5f5;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-label{width:9%; float: left; text-align: left; padding: 0 0 0 1%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{background: #d31716; height: 10px; width: 35%; position: relative; top: 50%; transform: translateY(-50%); border-radius: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{width: 30%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{width: 30%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-wrap{float: left; height: 40px; vertical-align: middle; width: 40%; position: relative;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-label{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-wrap{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{display: table-cell;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup input[type="text"]{ margin: 0px 7px 0px 0px;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup .float-left-content{ width: 100%;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup .float-right-content button{ background-position: -2px -900px; width: 49px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .size-guide-container table img{ max-width: inherit;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Standard buttons*/ .btn{font-size: 1.23em; border-width: 2px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn.btn-primary{color: #ffffff; background-color: #da2727;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin:5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*END - Custom button colours*/ /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h3._pb-circle-heading{display:inline;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*BANNER NAVIGATION - START */ .banner-navigation{padding:0!important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation ul{ /* list-style: disc; */ /* margin-left: 15px; */ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #636363;} .ismobile .product-page .tab-popup .tab-popup-content .sizing div.banner-navigation ul{ list-style: disc; margin-left: 0; margin-top: 5px; margin-bottom: -10px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*BANNER NAVIGATION - END */ /*NEW GUIDE NAVIGATION - START */ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; padding: 24px 14px 23px 14px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px;margin-left: -20px !important;padding: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .bounce-arrow_nav{margin-top: -20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new .hrz-scroll div{overflow-x: scroll !important; height: 68px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new ul{width: max-content !important; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; display: block !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container{height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container .table-wrapper.no-margin{margin-right: -20px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*NEW GUIDE NAVIGATION - END */ h3{ text-transform: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h1{ text-transform: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing p a{ font-size: inherit; color: #db2727; text-decoration: underline; font-weight: normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .center{ text-align: center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing hr{ margin-bottom: 0 !important; position: relative; z-index: 39; background: #ccc; height: 1px; margin: 10px 0; border: 0; clear: both;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h2._pb-sub-header{ background: #636363; color: #c5c5c5; font-size: 14px !important; font-weight: normal !important; display: inline-block; margin-top: -1px; position: relative; z-index: 40; padding: 10px 15px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing ul.disc{ margin-left: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix{ zoom:1} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix:before{ content:" "; display:table} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix:after{ content:" "; display:table; clear:both} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column{ float:left; padding-left:0; padding-right:1.32rem; box-sizing:border-box;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.full{ width:100%; margin-left: 0; margin-right: 0; padding-right: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.half .column.third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.sixt{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-sixth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*.column.half{ width:50%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing */ .column.half:nth-child(2){ padding-right: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.flow-opposite{ /*float:right*/} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column ul{ list-style:disc; margin-left: 15px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column ul li{ list-style:disc;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation{padding:0!important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#636363; -webkit-overflow-scrolling: touch; height: 46px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing b{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing strong{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing table.variants{border-spacing: 0;border: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants table tr th{background-color: #ffffff;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants td a{color:#fff;text-decoration:none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.variant-area:first-child{background-color: #d31716; } .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Guide tab table**/ .discipline strong{color: #fff !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Tyre Chooser Link Class**/ .link_class{ display:inline-block; width:100%; height:100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /** Range page - Pos/Neg points - Wrapping issue fix **/ .highlights-summary li{margin: 0 0 15px 0px !important; padding: 0 !important; display: block !important; clear: both !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point{background: none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point{background: none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-right: 5px; margin-top: -5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Legacy overrides*/ /*Sizing table - Column fix*/ .column{float: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*.column .table-wrapper table tbody tr{height: calc(100% + 120px) !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing */ .column .table-wrapper table tbody tr{height: 120px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper table.responsive tr td{text-align: inherit; vertical-align: top;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper .pinned table.isMobile tr td{text-align: center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*END Sizing table - Column fix*/ /*END Legacy overrides*/ /* NEW Size Guide Styling */ table.resp-size-guide-wrapper{border:0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-container{min-height:200px; display: table; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-header{min-height:50px; padding: 5px 25px 5px 0; vertical-align:middle;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-row{max-width:100%;min-height:40px; display: table-row;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-row:nth-child(2n){background: #f5f5f5;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-label{float: left; text-align: left; padding: 0 0 0 1%; width: 70px;position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{background: #d31716; height: 10px; position: relative; top: 50%; transform: translateY(-50%); border-radius: 5px; width: 20% !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{width: 40% !important; position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{width: 40% !important; position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-wrap{float: left; height: 40px; vertical-align: middle; position: relative;width: calc(49% - 70px) !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-label{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-wrap{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{display: table-cell;} .ismobile #static-page-content .page-builder .privacy-cookies.privacy-cookies{ margin: 0 10px;} .ismobile #static-page-content .page-builder .privacy-cookies.privacy-cookies h3{ line-height: 36px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion{ background: transparent;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item{ background: transparent;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item .accordion-header{ padding: 10px 26px 12px 0px; line-height: 24px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item div{ width: 2000px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item div span{ right: 0px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion ul{ margin: 0 2em;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table{ margin: 12px 0 0;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table tr td{ padding: 16px 8px 20px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table tr th{ font-weight: 600; font-size: 1.35em; line-height: 1.35em; background: #ccc;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table h3{line-height: 24px;padding: 0 0 14px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion a{word-break: break-all;} .ismobile body.shopping-cart-page .shopping-cart .basket .notification-block__notification .exclusions-link{ margin: 11px 0px 6px 0px;} .isdesktop body.catalog-page div.seo-data.seo-data p{ padding: 0.5em 0;} body.track-order-page #static-page-content .left form input[type=submit]{ background: #00AA50; border-radius: 5px; width: 106px;} body.track-order-page #static-page-content .right form input[type=submit]{ background: #00AA50; border-radius: 5px; width: 106px;} body.register-page div#static-page-content div.inputs input.proceed{ background: #00AA50; border-radius: 5px;} body.register-page div#static-page-content div.inputs p.news-letter{ font-weight: normal;} .ismobile body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input.proceed{ background: #00AA50; border-radius: 5px;} .isdesktop body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input.proceed{ background: #00AA50; border-radius: 5px;} .isdesktop body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input[type=checkbox]{ margin-top: 9px;} #header #header-account-login a.button{ background: #00AA50; border-radius: 5px;} #header #header-account-login a.button.myaccount{ background: #0099CC; border-radius: 5px;} #header #header-account-login a.button.logout{ background: #DB2727; border-radius: 5px;} #header #header-account-login a.button.trackorder{ background: #363636; border-radius: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button{ background: #00AA50; border-radius: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery span.field-validation-valid{ color: #ef0000; margin-top: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div{ margin: 10px 0;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label{ padding: 10px 15px; line-height: 24px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method .selected{ border: 1px solid #333;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method.next-day{ margin-bottom: 16px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-delivery-block{ margin-top: 0px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup label{ color: #424242; font-size: 14px; padding: 0;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup{ margin: 22px 0px 12px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit input[type=checkbox]{ margin: 10px 8px 0 2px; width: 15px; height: 15px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .confirm-payment-btn button{ border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button{ height: 35px; font-size: 15px; border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button.delivery{ width: 200px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button.billing{ min-width: 180px; padding-left: 20px; padding-right: 10px; margin: 0px 30px 16px 12px; height:35px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-deliveryno .billing{ float: right; margin: 0px 40px 10px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-deliveryyes{ margin: 18px 0 0 16px; width: 200px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form{ float: none;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div{ margin: 20px 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #saved-addresses div{ margin-bottom: 26px; float: none;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #address-contact-details{ margin-bottom: 4px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form .use-delivery{ margin: 16px 0px 25px 0px!important; width: 396px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div span.label{ text-align: left; margin: 0 15px 0 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form input.text{ width: 300px; height: 35px; margin: 2px 2px 2px 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery span.field-validation-valid{ color: #ef0000; line-height: 12px; top: -2px; position: relative;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method{ margin-bottom:30px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label{ padding: 10px 25px; line-height: 32px; height: 34px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label .shipping-method-name input[type=radio]{ margin-right: 6px; height: 15px; width: 15px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit input[type=checkbox]{ margin: 8px 8px 0px 2px; height: 14px; width: 14px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .clearfix.newsletter-signup{ float: left;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup label{ float: left; color: #424242; font-weight: normal; font-size: 14px;} .ismobile body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit button{ border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit button{ height: 35px; font-size: 15px; border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery .checkout-submit-deliveryno{ margin-top: 8px!important;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit{ margin-top: 8px!important;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery .confirming-payment{ min-height: 20px;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery p.confirming-payment.hide{ margin-top: 15px;} .js-window-popup .window.add-to-basket .column .button{ border-radius: 5px;} .js-window-popup .button.style-8{ background: #00AA50;} .js-window-popup .window.checkout-popup .checkout-change-country-popup .confirm a#change-country-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-country-popup .confirm a#change-shipping-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-shipping-popup .confirm a#change-country-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-shipping-popup .confirm a#change-shipping-popup-confirm{ background: #00AA50;} .js-window-popup .checkout-change-country-popup .confirm a{ border-radius: 5px;} .js-window-popup .checkout-change-shipping-popup .confirm a{ border-radius: 5px;} .js-window-popup .cycle-to-work-value-remaining .cycle-to-work-value-remaining__btn--positive{ background: #00AA50; border-radius: 5px;} .js-window-popup .cycle-to-work-value-remaining .cycle-to-work-value-remaining__btn--negative{ border-radius :5px;} .js-window-popup .out-of-stock-cart-item .item .available{ background: #00AA50; border-radius: 5px; padding: 10px;} .js-window-popup .out-of-stock-cart-item .item .remove{ border-radius: 5px; padding: 10px;} .js-window-popup .out-of-stock-cart-item .item .remove span{ background-position: 0px -106px; width:14px; height: 14px;} .ismobile .finance-contact-details-page .checkout-main button.proceed{ border-radius: 5px; background: #00AA50; margin-bottom: 10px;} .ismobile .finance-contact-details-page .checkout-main button.proceed .icon{ position: relative; margin: 0px; height: 14px; display: inline-block;} .ismobile .finance-contact-details-page .checkout-main .clearfix .newsletter-signup{ margin: 10px 0px 23px;} .ismobile .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup input[type=checkbox]{ width: 15px; height: 15px; margin: 15px 10px 0px 0px;} .ismobile .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup label{ color: #424242;} .ismobile .finance-contact-details-page .checkout-main img.v12-image{ margin: 18px 0px 10px;} .ismobile .finance-contact-details-page .checkout-main .finance-summary .monthly-payment{ color: #00AA50;} .isdesktop .finance-contact-details-page .checkout-main button.proceed{ height: 35px; border-radius: 5px; background: #00AA50; width: 200px; margin-left: 306px;} .isdesktop .finance-contact-details-page .checkout-main .small-text{ margin: 20px 142px 0 0; width: 200px; text-align: center; float: right;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details input{ width: 400px; padding: 8px; margin: -2px 0 0 10px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup input{ margin: 8px 8px 0px 2px; width: 15px; height: 15px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup{ width: 60%; margin: 0 0 16px 162px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup label{ color: #424242; font-size: 14px;} .isdesktop .finance-contact-details-page .checkout-main img.v12-image{ margin: 24px 0px 18px;} .isdesktop .finance-contact-details-page .checkout-main .finance-summary .monthly-payment{ color: #00AA50;} .isdesktop .checkout-main #saved-addresses div{ margin-bottom: 26px; float: none;} .isdesktop .checkout-main #address-contact-details{ margin-bottom: 4px;} .isdesktop .checkout-main .checkout-address-form .use-delivery{ margin: 16px 0px 25px 0px!important; width: 396px;} .isdesktop .checkout-main .use-delivery #use-delivery-options{ margin-left: 40px;} .isdesktop .checkout-main .checkout-address-top .title{ margin-top: 10px;} .isdesktop .checkout-main .checkout-address-form div span.label{ text-align: left; margin: 0 15px 0 0;} .isdesktop .checkout-main .checkout-address-form input.text{ width: 300px; height: 32px; padding-left: 15px; margin: 2px 2px 2px 0;} .isdesktop .checkout-main .checkout-address-form input.text.postcode{ width: 144px;} .isdesktop .checkout-main #address-find-btn{ border-radius: 5px;} .isdesktop .checkout-main #change-address-btn{ border-radius: 5px;} .isdesktop .checkout-main span.field-validation-valid{ color: #ef0000; line-height: 12px; top: -2px; position: relative;} .isdesktop .checkout-main .checkout-address-form #enter-manually{ color: #727272; border: 1px solid #adacac; border-radius: 5px; margin-left: 20px; text-decoration: none;} .isdesktop .checkout-main #saved-addresses #saved-addresses-dropdown{ margin-left: 35px; width: 188px; background-position: 147px -1172px;} .isdesktop .checkout-main .checkout-address-top select{ width: 188px; height: 32px; margin-left: 10px; padding-left: 15px; background-position: 147px -1172px;} .isdesktop .checkout-main .checkout-address-form select{ height: 32px; padding-left: 15px; background-position: 104px -1172px;} .isdesktop .checkout-main .checkout-address-form select.title{ background-position: 31px -1172px;} .isdesktop .checkout-main #checkout-address-postcode span.field-validation-valid{ left: 112px; top: 5px; display: block;} .isdesktop .checkout-main div#address-find-container{ margin-top: 50px;} .isdesktop .checkout-main #address-find-result #multiple-found-addresses{ margin-left: 118px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method{ margin-bottom:34px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method.next-day{ margin-bottom: 15px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method label{ padding: 10px 25px; line-height: 32px; height: 34px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .isdesktop .checkout-main #shipping-methods-container .shipping-method label .shipping-method-name input[type=radio]{ margin-right: 6px; height: 15px; width: 15px;} .isdesktop .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 8px 8px 0px 2px; height: 14px; width: 14px;} .isdesktop .checkout-main .clearfix.newsletter-signup{ float: left;} .isdesktop .checkout-main .newsletter-signup label{ float: left; color: #424242; font-weight: normal; font-size: 14px;} .isdesktop .checkout-main ul.payment-methods{ height: 40px;} .isdesktop .checkout-main ul.payment-methods li.card a{ height: 22px; padding: 10px 10px 14px;} .isdesktop .checkout-main ul.payment-methods li.paypal a{ padding: 10px 10px 19px;} .isdesktop .checkout-right .checkout-summary .checkout-summary-section .tick-box{ display: none;} .ismobile .checkout-main #checkout-address-postcode{ margin-bottom: 0px!important;} .ismobile .checkout-main #address-find-btn{ border-radius: 5px;} .ismobile .checkout-main #change-address-btn{ border-radius: 5px;} .ismobile .checkout-main span.field-validation-valid{ color: #ef0000; margin-top: 5px;} .ismobile .checkout-main #checkout-address-postcode .field-validation-valid{ width: auto;} .ismobile .checkout-main .checkout-address-form input.text.postcode{ width: 55%; margin: 0px;} .ismobile .checkout-main #address-find-btn{ width: 96px;} .ismobile .checkout-main #change-address-btn{ width: 96px;} .ismobile .checkout-main #address-find-btn .icon{ right: 9px; top: 12px;} .ismobile .checkout-main #change-address-btn .icon{ right: 9px; top: 12px;} .ismobile .checkout-main #shipping-methods-container .shipping-method label{ padding: 10px 15px; line-height: 24px;} .ismobile .checkout-main #shipping-methods-container .shipping-method .selected{ border: 1px solid #333;} .ismobile .checkout-main #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .ismobile .checkout-main #shipping-methods-container .shipping-method.next-day{ margin-bottom: 16px;} .ismobile .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .ismobile .checkout-main .checkout-address-form .use-delivery{ box-sizing: border-box;} .ismobile .checkout-main #checkout-address-submit.checkout-submit-delivery-block{ margin-top: 0px;} .ismobile .checkout-main .newsletter-signup label{ color: #424242; font-size: 14px; padding: 0;} .ismobile .checkout-main .newsletter-signup{ margin: 22px 0px;} .ismobile .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 10px 8px 0 2px; width: 15px; height: 15px;} .checkout-login-container .main .left .forgot-password input.continue-guest{ border-radius: 5px; background: #00AA50;} .checkout-login-container .main .left .forgot-password input.continue-login{ border-radius: 5px; background: #00AA50;} .checkout-login-container .main .left .forgot-password .no-account-guest{ border-radius: 5px; background: #00AA50; padding: 7px 11px;} body.shopping-cart-page #page-content .body-wrapper .order-summary__content .checkout-button.checkout{ height: 40px; border-radius: 5px; color: white; font-weight: bold; background: #00AA50;} body.shopping-cart-page #page-content .body-wrapper .shopping-cart .basket .voucher-section .voucher-section-button{ font-size: 12px; border-radius: 5px; background: #00AA50;} body.shopping-cart-page #page-content .body-wrapper .cart-message .empty-basket-section .checkout-button.checkout{ border-radius: 5px!important; background: #00AA50!important;} .product-page .window.product-finance .finance-container .finance-calculations .banner .deposit-slider-container .note.note{ visibility: hidden; position:relative;} .product-page .window.product-finance .finance-container .finance-calculations .banner .deposit-slider-container .note::after{ visibility: visible; display: block; content: '*Deposits not available with PayPal Credit'; margin-top: -8px;} .ismobile body.shopping-cart-page .order-summary__delivery .dd-delivery.dd-delivery{ background-position: 101px -1173px; width: 136px;} .ismobile .checkout-delivery-page .checkout-main #shipping-methods-container#shipping-methods-container{ clear: both;} .isdesktop #main-navigation .mm-no-col-title .links-title{margin-left:-30px;width:210px;min-height: 29px;} .ismobile body.page-home #page-content /*Fixes*/ img{image-rendering: initial;} .ismobile body.page-home #page-content /*Reverts desktop image rendering*/ .row{margin-bottom: 10px;} .ismobile body.page-home #page-content /*Override mobile homepage 0 margin bottom */ #static-page-content{margin: 0 0 20px 0;} .ismobile body.page-home #page-content /*Removes border that gets applied to mobile homepage*/ .custom-html{height: auto;} .ismobile body.page-home #page-content /*Adjusts site wide banner height to allow for USPs*/ div.hide-for-discount-scheme{margin-bottom: 0;} .ismobile body.page-home #page-content /*Misc*/ /*Text*/ h2{margin-bottom: 0;margin-top: 15px;} .ismobile body.page-home #page-content /*Newsletter Sign-up*/ .column.full.hp-newsletter-signup{background: rgba(216,44,25,1);height: auto;padding: 10px 5% 60px 5%;width: 90%;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-voucher{float: none; display: block; clear: both; position: relative; left: 50%; transform: translateX(-50%);} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-input{font-size: 13px;width: 60%;padding: 10px 5% 9px 5%;} .ismobile body.page-home #page-content .hp-newsletter-signup h3{white-space:normal; margin-bottom: 20px;} .ismobile body.page-home #page-content .hp-newsletter-signup p{text-align:center;} .ismobile body.page-home #page-content .hp-newsletter-signup h3{text-align:center;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-btn-signup{width: calc(40% - 20px);position: relative;left: 0;top: 1px;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-chevron{position: relative; top: -30px; right: -5px;} .ismobile body.page-home #page-content /*USPs*/ .hp-full-usp div img{width: 100%; height: auto; max-height: 100%;margin-top: 0;margin-bottom: 0;} .ismobile body.page-home #page-content .hp-full-usp .column > a img{margin-top: 0; margin-bottom: 0;} .ismobile body.page-home #page-content /*Guides*/ .news-article{height:auto; padding: 15px; margin-bottom: 20px;} .ismobile body.page-home #page-content /*Brands Bar - Buttons*/ /*Brands Bar*/ /*Layout*/ .col-2-mobile div{width: calc(50% - 15px); float: left; padding-left: 10px; padding-right: 0; padding-bottom: 5px; padding-top: 0;} .ismobile body.page-home #page-content .col-3-mobile div{width: calc(33.33% - 14px); float: left; padding-left: 10px; padding-right: 0; padding-bottom: 5px; padding-top: 0;} .ismobile body.page-home #page-content .col-4-mobile div{width: calc(25% - 10px); float: left; padding-left: 8px; padding-right: 0; padding-bottom: 5px; padding-top: 0;} .ismobile body.page-home #page-content .col-2-mobile.hp-promo-2x2 div:nth-child(2n){float: right;} .ismobile body.page-home #page-content .col-2-mobile.hp-promo-2x2 div{width: calc(50% - 6px); padding: 0 0 12px 0;} .ismobile body.page-home #page-content /*Carousel*/ #static-page-content .page-builder .hp-carousel .static-page-banner .bx-wrapper{height: auto;} .ismobile body.page-home #page-content .hp-carousel{padding: 0; margin-top: -10px; margin-bottom: -19px; height: auto;} .ismobile body.page-home #page-content .mobile-full-width{padding-left: 0; padding-right: 0;} .ismobile body.page-home #page-content .hp-carousel ul.pagebuilder-bxslider{width: 100%; padding-top: 0;} .ismobile body.page-home #page-content .hp-carousel ul.pagebuilder-bxslider li{width: 100%;} body.page-home #page-content /*--Desktop--*/ /*Fixes*/ img{image-rendering: -webkit-optimize-contrast;} body.page-home #page-content /*Improve Image Sharpness*/ .hp-stacking-fix{display: inline-block;} body.page-home #page-content /*Split banner mobile stacking fix*/ /*Text*/ .body-wrapper #static-page-content .page-builder .column h1{font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color:#424242; font-size: 24px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column h2{font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color:#424242; font-size: 24px;} body.page-home #page-content h3{font-size:16px; font-weight:normal; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; line-height: 1.1;} body.page-home #page-content .hp-browse-by-department h3{height:40px;} body.page-home #page-content .line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content /*Newsletter Sign-up*/ .column.full.hp-newsletter-signup{background-color: rgba(216,44,25,1); height:81px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup p{font-size: 13px; letter-spacing: 1px;} body.page-home #page-content .hp-newsletter-signup h3{font-size: 24px; padding-top: 15px; letter-spacing: 2px;} body.page-home #page-content .hp-newsletter-signup p{ text-transform: uppercase;color: #fff; font-weight:bold; clear:none; text-align:left;} body.page-home #page-content .hp-newsletter-signup h3{ text-transform: uppercase;color: #fff; font-weight:bold; clear:none; text-align:left;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-input{width: 58%; margin: -7px 0 10px 0; padding: 10px 10px 9px 15px; border: 0;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-input.has-validated{color: #2e2e2e; letter-spacing: 1px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-btn-signup{background-color: rgba(216,44,25,1); color: #fff; font-size: 16px; margin: 0 0 10px 5px; padding: 0; border: 0; width: 40%; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;} body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-voucher{float: left; display: inline; margin-right: 20px;} body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-chevron{width: 20px; float: right; display: inline; position: relative; top: -31px; right: 10px;} body.page-home #page-content /*USPs*/ .hp-usp.hp-usp-mobile img{max-width: 112px; height: auto; position: relative; top: -5px;} body.page-home #page-content .hp-usp.hp-usp-mobile{ background-color: #f5f5f5; text-align: center; height: 50px; border-width: 0 0 1px 0; border-style:solid; border-color:#d5d5d5; overflow-y: hidden;} body.page-home #page-content .hp-usp.hp-usp-mobile .column{display:inline;} body.page-home #page-content .hp-full-usp div img{max-height:82px; width:auto;} body.page-home #page-content /*Guides*/ .news-article{padding:10px; border: 1px solid #a5a5a5; background-color: #fff;} body.page-home #page-content .article-photo{margin: 0 auto 5px auto;} body.page-home #page-content .article-photo img{margin-bottom:5px; width: 100%;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .news-article h2{height: 38px; line-height: 1; margin-bottom: 5px; margin-top: 10px; text-transform: uppercase; font-size: 18px; letter-spacing: 2px; color: #424242; text-align: center; text-overflow: ellipsis;} body.page-home #page-content .news-article h3{position: relative; bottom: -5px; display: block; text-align: center; text-transform: uppercase; font-size: 15px; letter-spacing: 2px; color: #424242; font-weight: bold; margin-top: 15px; margin-bottom: 20px;} body.page-home #page-content .news-article h3::after{content: " ›"; color:#2e2e2e; font-size:20px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .news-article p{font-size: 14px; color: #424242; height: 48px; line-height: 1.35;} body.page-home #page-content /*Brands Bar - Buttons*/ .hp-brand-logo-buttons a{border: 1px solid #d1d3d4; background-color: #f0f0f0; border-radius: 5px; padding: 2% 1% 1% 2%; display: inline-block;} body.page-home #page-content .hp-brand-logo-buttons img{width:70%;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-brand-logo-buttons .column > a img{margin-top: 0; margin-bottom: 0;} body.page-home #page-content /*Brands Bar*/ .hp-brands-bar{-webkit-box-sizing: border-box; box-sizing: border-box; clear: left; height: 40px; margin: 0; overflow: hidden;} body.page-home #page-content .hp-brands-bar .hp-brand{background-color: transparent; display: block; height: 40px; float: left;padding: 0; background-repeat: no-repeat; background-image: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/2020-03-brand-sprite.svg); background-image: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/2020-03-brand-sprite.png) \9;} body.page-home #page-content .hp-brands-bar .hp-brand-1{background-position: 0 0; width: 11.5345%;} body.page-home #page-content .hp-brands-bar .hp-brand-2{background-position: -112px 0; width: 11.2255%;} body.page-home #page-content .hp-brands-bar .hp-brand-3{background-position: -221px 0; width: 10.8136%;} body.page-home #page-content .hp-brands-bar .hp-brand-4{background-position: -1089px -3px;background-size: 1000%; width: 12.5%;} body.page-home #page-content .hp-brands-bar .hp-brand-5{background-position: -319px -1px; width: 15.3450%;} body.page-home #page-content .hp-brands-bar .hp-brand-6{background-position: -430px 2px; width: 10.7106%; background-size: 960%;} body.page-home #page-content .hp-brands-bar .hp-brand-7{background-position: -576px 1px; width: 12.7703%;} body.page-home #page-content .hp-brands-bar .hp-brand-8{background-position: -697px 1px; width: 14.9331%;} body.page-home #page-content /*Layout*/ .column.eighth{width:12.5%;} body.page-home #page-content .hp-promo-blocks figure{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-blocks figure a{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-blocks figure a img{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-2x2{padding: 0 10.16px 0 0; margin: 0 0 0 -7.16px;} body.page-home #page-content .hp-promo-2x2.flow-opposite{padding: 0 7.16px 0 3px; margin: 0;} body.page-home #page-content .hp-promo-2x2 div{padding: 0 0 18.5px 14px;} body.page-home #page-content .hp-promo-main{padding-left: 17.16px;padding-right: 7.16px;} body.page-home #page-content .hp-promo-main.flow-opposite{padding-left: 7.16px;padding-right: 17.16px;} body.page-home #page-content /*Carousel*/ .hp-carousel{position: relative; top: 0; height: 400px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-carousel .bx-wrapper{height: 417px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .homepage_mainbanner.desktop-version{height: 439px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider ul.homepage_mainbanner{position: absolute; top: 0; left: 0;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider{margin-bottom: 0; margin-top: 0; overflow: hidden;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider{position: relative; clear: both;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .bx-wrapper .bx-controls-direction{display: inline-block;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .bx-wrapper .bx-pager{bottom: 35px; padding: 0; position: absolute;} body.catalog-page div.float-right-content.product-area div.sorting-paging .total-products{ width: 185px;} body.catalog-page div.float-right-content.product-area div.sorting-paging div.paging .page-number{ margin: 0px 8px;} body.paypal-credit-available .hidetestB{ display: none;} .ismobile .out-of-stock-product-page .product-card .product-card__link.product-card__link{ max-height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert.instant-expert{ padding: 0px 0 10px; margin: 0px 0 0px; border-bottom: 0px solid #ccc;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a[href*="advice-nav-top"]{position: relative;top: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /**Legibilty fixes**/ p{font-size: 15px; color: #6e6e6e;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .display p{font-size: 1.5em; line-height: 1.45em; font-style: italic; color: #6e6e6e;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert img{margin-top: 10px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td ul li{margin: 10px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Heading styling & Tab switch button*/ .feature-header{border-bottom: 4px solid #d5d5d5 !important; margin-bottom: 10px !important; font-size: 2.4em !important; line-height: 1.1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .tab-change-btn{border: 1px solid #cdcdcd; border-right-width: 1px; border-right-width: 0; display: block; font-size: 14px; font-weight: 600; line-height: 20px; outline: none; padding: 9px 16px 13px; position: relative; vertical-align: baseline; z-index: 1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Standard buttons*/ .btn{font-size: 1.23em; border-width: 2px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary{color: #ffffff; background-color: #da2727;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin: 5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*END - Custom button colours*/ /** Layout fixes **/ ul{padding: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h3._pb-circle-heading{display:inline;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*BANNER NAVIGATION - START */ .banner-navigation{overflow: scroll !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation ul{ width: max-content !important; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: 770px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a{ padding: 16px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*BANNER NAVIGATION - END */ /*NEW GUIDE NAVIGATION - START */ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; padding: 24px 14px 23px 14px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px;margin-left: -20px !important;padding: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .bounce-arrow_nav{margin-top: -20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new .hrz-scroll div{overflow-x: scroll !important; height: 68px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new ul{width: max-content !important; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; display: block !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container{height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container .table-wrapper.no-margin{margin-right: -20px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*NEW GUIDE NAVIGATION - END */ h1{ text-transform: none; line-height: 1.2em;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h3{ text-transform: none; line-height: 1.2em;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert p a{ font-size: inherit; color: #db2727; text-decoration: underline; font-weight: normal;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .center{ text-align: center;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert hr{ margin-bottom: 0 !important; position: relative; z-index: 39; background: #ccc; height: 1px; margin: 10px 0; border: 0; clear: both;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert img{ max-width: 100%; max-height: 100%; height: auto; width:auto;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h2._pb-sub-header{ /* background: #2e2e2e; color: #fff; font-size: 14px !important; font-weight: normal !important; display: inline-block; margin-top: -1px; position: relative; z-index: 40; padding: 10px 15px !important; */ margin-top: -1px; background: none; color: #2e2e2e; font-weight: bold !important; padding: 5px 5px 5px 5px !important; border-bottom: 4px solid #d31716; display: inline-block; text-align: center; position: relative; font-size: 20px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ._pb-sub-header hr{ display: none;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ul.disc{ margin-left: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix{ zoom:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix:before{ content:" "; display:table} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix:after{ content:" "; display:table; clear:both} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column{ float:left; padding-left:0; padding-right:1.32rem; box-sizing:border-box;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.full{ width:100%; margin-left: 0; margin-right: 0; padding-right: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.half .column.third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.sixt{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-sixth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /*.column.half{ width:50%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert */ .column.half:nth-child(2){ padding-right: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.flow-opposite{ /*float:right*/} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column ul{ list-style:disc; margin-left: 15px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column ul li{ list-style:disc;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation{padding:0!important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#636363; -webkit-overflow-scrolling: touch; height: 46px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table.variants{all:initial !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert b{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert strong{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table.variants{border-spacing: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants table tr th{background-color: #ffffff;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants td a{color:#fff;text-decoration:none;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.variant-area:first-child{background-color: #d31716; border-color: #ffffff;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert /**Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.up-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.down-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.down-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color: #30ace2;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-sram{background-color: #ee1b22;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-campag{background-color: #000; color:#fff;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 tbody tr td{padding: 9px; vertical-align: middle;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 .table-circle{height: 40px; width: 40px; border-radius: 50%; line-height: 40px; background-color: #d31716; text-align: center; color: #fff; position: relative; margin: 0 10px 10px 20px; display: inline-block; font-size: 1.2em; font-weight: bold; top: 4px; vertical-align: top;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 img{max-height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table{border:1px solid #d5d5d5;border-radius:0;width:calc(100% - 2px);overflow-wrap:anywhere;border-collapse: collapse;overflow-x: auto;display: block; max-width: 980px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th{background-color:#ececec;border-radius:0;color:#6e6e6e;font-size:18px;padding:9px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th:first-child{border-radius:0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th:last-child{border-radius:0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr:last-child td:first-child{border-radius:0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr:last-child td:last-child{border-radius:0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr td:first-child{font-weight:bold;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr th{min-width: 120px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr td{min-width: 120px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th{border-bottom:1px solid #d5d5d5;background-color:#ececec;color:#6e6e6e;font-size:18px;padding:4px 9px;line-height:1;min-width: 120px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th p{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th b{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th strong{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th li{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th span{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th a{font-size:16px;padding:0;line-height:1;margin:0 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td{border-bottom:1px solid #d5d5d5;color:#6e6e6e;font-size:16px;padding:14px 9px;line-height:1;min-width: 120px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td p{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td b{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td strong{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td li{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td span{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td a{font-size:16px;padding:0;line-height:1;margin:0 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr:last-child td{border-bottom:0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-table{font-weight:bold;color:#d31716;text-decoration:underline;display:block;text-align:center;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper{overflow:auto;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead{display:inline-table;width:100%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody{display:inline-table;width:100%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.bouncing-chevrons-50 div.bounce-arrow .bouncing{position: absolute; top: 50%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper{overflow: initial;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .accordion .accordion-item .bounce-arrow{position: initial; display: inline;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .accordion .accordion-item .bouncing{background-color: transparent; right: -35px;} .isdesktop .product-page .buying-advice-container .instant-expert.instant-expert{padding: 0px 0 10px;margin: 0px 0 0px;border-bottom: 0px solid #ccc;} .isdesktop .product-page .buying-advice-container .instant-expert a[href*="advice-nav-top"]{position: relative;top: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert p{font-size: 15px;color: #6e6e6e;} .isdesktop .product-page .buying-advice-container .instant-expert .display p{font-size: 1.5em;line-height: 1.45em;font-style: italic;color: #6e6e6e;} .isdesktop .product-page .buying-advice-container .instant-expert .feature-header{border-bottom: 4px solid #d5d5d5 !important;margin-bottom: 10px !important;font-size: 2.4em !important;} .isdesktop .product-page .buying-advice-container .instant-expert .tab-change-btn{border: 1px solid #cdcdcd;border-right-width: 1px;border-right-width: 0;display: block;font-size: 14px;font-weight: 600;line-height: 20px;outline: none;padding: 9px 16px 13px;position: relative;vertical-align: baseline;z-index: 1;} .isdesktop .product-page .buying-advice-container .instant-expert .btn{font-size: 1.23em;border-width: 2px;} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary{color: #ffffff;background-color: #da2727;} .isdesktop .product-page .buying-advice-container .instant-expert .btn{padding: 7px 25px;letter-spacing: 1px;display: inline-block;font-weight: normal;text-align: center;text-decoration: none;vertical-align: middle;border: 1px solid transparent;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;cursor: pointer;white-space: nowrap;margin:5px;font-size: 16px;line-height: 32px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary:hover{color: #ffffff;background-color: #d44d4d;border-color: #d44d4d;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .gifts-buttons-2018:hover{background-color:#0cd9b0;border-color:#0cd9b0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-green{background-color: #07aa4f !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-green:hover{background-color:#4ccb84 !important;border-color:#4ccb84 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-blue{background-color: #0d547e !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-blue:hover{background-color:#3c7292 !important;border-color:#3c7292 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-orange{background-color: #f37121 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-orange:hover{background-color:#f7ae86 !important;border-color:#f7ae86 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-c2w{background-color: #7e2e3c !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-c2w:hover{background-color:#3d0b14 !important;border-color:#3d0b14 !important;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-circle{height: 50px;width: 50px;border-radius: 50%;line-height: 50px;background-color:#d31716;text-align:center;color:#fff;float:left;position:relative;top:-2px;margin:0 10px 0 0;font-size:20px;color:#fff;font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-circle span{font-size:20px;color:#fff;font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert .comp-key{width:140px;height:auto;float:right;position:absolute;bottom:0;left :20px;} .isdesktop .product-page .buying-advice-container .instant-expert h3._pb-circle-heading{display:inline;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation{padding:0!important;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #636363;} .isdesktop .product-page .buying-advice-container .instant-expert div.banner-navigation ul{list-style: none;margin-left: 0;margin-top: 5px;margin-bottom: -10px;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important;} .isdesktop .product-page .buying-advice-container .instant-expert div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0;margin-top:0;left:0;width: 100%;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new ul{margin: auto 0;padding: 0;list-style-type: none;display: inline;position: relative;padding-right: 0;margin-left: 0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li{float: left;padding: 0;border-bottom: 3px solid #fff;border-left: 0 solid #f5f5f5;border-right: 1px solid #f5f5f5;list-style: none !important;transition: 200ms ease-in;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li a{color: #595959;text-decoration: none;display: block;font-weight: bold;padding: 23px 14px 23px 14px;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03);border-bottom: 3px solid #d31716 !important;border-left: 0 solid #f0f0f0;border-right: 1px solid #fff;} .isdesktop .product-page .buying-advice-container .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important;margin-top: -10px;padding: 0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .bounce-arrow_nav{margin-top: -20px;} .isdesktop .product-page .buying-advice-container .instant-expert h3{text-transform: none;} .isdesktop .product-page .buying-advice-container .instant-expert h1{text-transform: none;} .isdesktop .product-page .buying-advice-container .instant-expert p a{font-size: inherit;color: #db2727;text-decoration: underline;font-weight: normal;} .isdesktop .product-page .buying-advice-container .instant-expert .center{text-align: center;} .isdesktop .product-page .buying-advice-container .instant-expert hr{margin-bottom: 0 !important;position: relative;z-index: 39;background: #ccc;height: 1px;margin: 10px 0;border: 0;clear: both;} .isdesktop .product-page .buying-advice-container .instant-expert h2._pb-sub-header{background: none;color: #2e2e2e;font-weight: bold;padding: 5px 5px 5px 5px !important;border-bottom: 4px solid #d31716;display: inline-block;text-align: center;position: relative;font-size: 20px !important;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-sub-header hr{display: none;} .isdesktop .product-page .buying-advice-container .instant-expert ul.disc{margin-left: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix{zoom: 1;} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix:before{content:" ";display:table} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix:after{content:" ";display:table;clear:both} .isdesktop .product-page .buying-advice-container .instant-expert .column{box-sizing:border-box;float:left;margin-left: 0;padding-left:0;padding-right:1.32rem;} .isdesktop .product-page .buying-advice-container .instant-expert .column.full{width:100%;margin-left: 0;margin-right: 0;padding-right: 0;} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-third{width:65%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-fourth{width:75%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-fifth{width:80%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-sixth{width:83.3%} .isdesktop .product-page .buying-advice-container .instant-expert .column.half{width:48%;} .isdesktop .product-page .buying-advice-container .instant-expert .column.third{width: 32%;} .isdesktop .product-page .buying-advice-container .instant-expert .column.fourth{width:25%} .isdesktop .product-page .buying-advice-container .instant-expert .column.fifth{width:20%} .isdesktop .product-page .buying-advice-container .instant-expert .column.sixth{width:16.6%} .isdesktop .product-page .buying-advice-container .instant-expert .column.flow-opposite{float:right} .isdesktop .product-page .buying-advice-container .instant-expert .column ul{list-style:disc;margin-left: 15px;} .isdesktop .product-page .buying-advice-container .instant-expert .column ul li{list-style:disc;} .isdesktop .product-page .buying-advice-container .instant-expert b{font-weight:bold !important;} .isdesktop .product-page .buying-advice-container .instant-expert strong{font-weight:bold !important;} .isdesktop .product-page .buying-advice-container .instant-expert table.variants{border-spacing: 0;border: 0;} .isdesktop .product-page .buying-advice-container .instant-expert .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .isdesktop .product-page .buying-advice-container .instant-expert .variants table tr th{background-color: #ffffff;} .isdesktop .product-page .buying-advice-container .instant-expert .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .isdesktop .product-page .buying-advice-container .instant-expert .variants td a{color:#fff;text-decoration:none;} .isdesktop .product-page .buying-advice-container .instant-expert td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .isdesktop .product-page .buying-advice-container .instant-expert td.variant-area{background-color: #d31716;border-color: #ffffff;text-align:center;} .isdesktop .product-page .buying-advice-container .instant-expert td.variant-area:first-child{background-color: #d31716;} .isdesktop .product-page .buying-advice-container .instant-expert .discipline strong{color: #fff !important;} .isdesktop .product-page .buying-advice-container .instant-expert .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.up-point{background:none !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.up-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert li.down-point{background:none !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.down-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert .highlights-summary li{font-size: 1.077em !important;list-style: none!important;padding: 0 0 15px 0px;line-height: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color: #30ace2;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-sram{background-color: #ee1b22;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-campag{background-color: #000; color:#fff;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 tbody tr td{padding: 9px; vertical-align: middle;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 .table-circle{height: 40px; width: 40px; border-radius: 50%; line-height: 40px; background-color: #d31716; text-align: center; color: #fff; position: relative; margin: 0 10px 10px 20px; display: inline-block; font-size: 1.2em; font-weight: bold; top: 4px; vertical-align: top;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 img{max-height: 40px;} .isdesktop .product-page .buying-advice-container .instant-expert table{border:1px solid #d5d5d5;border-radius:0;width:calc(100% - 2px);overflow-wrap:anywhere;} .isdesktop .product-page .buying-advice-container .instant-expert table th{background-color:#ececec;border-radius:0;color:#6e6e6e;font-size:18px;padding:9px;} .isdesktop .product-page .buying-advice-container .instant-expert table th:first-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table th:last-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr:last-child td:first-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr:last-child td:last-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr td:first-child{font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th{border-bottom:1px solid #d5d5d5;background-color:#ececec;color:#6e6e6e;font-size:18px;padding:4px 9px;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th p{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th b{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th strong{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th li{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th span{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th a{font-size:16px;padding:0;line-height:1;margin:0 0;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td{border-bottom:1px solid #d5d5d5;color:#6e6e6e;font-size:16px;padding:14px 9px;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td p{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td b{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td strong{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td li{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td span{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td a{font-size:16px;padding:0;line-height:1;margin:0 0;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr:last-child td{border-bottom:0;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-table{font-weight:bold;color:#d31716;text-decoration:underline;display:block;text-align:center;} .isdesktop .product-page .buying-advice-container .instant-expert .table-wrapper{overflow:auto;} .ismobile .instant-search-results .corrected-term-text{display:none!important;} .ismobile .instant-search-results .more-button .btn{ width:100%!important;} .ismobile .instant-search-results .search-result-content-product{ padding: 10px 0!important;} .errors.paypal-error.errors.paypal-error{ font-size: 14px; padding: 8px 10px; border: 1px solid #DF2727; margin-top: 10px;} .isdesktop .catalog-page .price input{ padding: 3px 6px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product>a>img{ height: 24px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product{ height: 420px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product.most-popular{ height: 440px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .img-wrap img{ max-width: 98%!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .rrp{ font-size: 14px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .price-detail{ margin-top: 8px!important;} .ismobile .product-page .product-information-block a{color: #db2727; text-decoration: underline;} .ismobile .product-page .product-information-block .icon-link{ display: block; font-weight: 700;} .ismobile .product-page .product-information-block .icon-link:hover{ text-decoration: none;} .ismobile .product-page .product-information-block .icon-link::before{ display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -60px;} .ismobile .product-page .product-information-block a.icon-link{ display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px; } .ismobile .product-page .product-information-block .icon-link.range-review::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .icon-link.pdf-download::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .icon-link.guide-page::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .icon-link.car-rack-compat::before{/*content: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg);*/ content: ""; background: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .icon-link.all-bikes-built::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png);*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .icon-link.cannondale-app::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px;*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .ismobile .product-page .product-information-block .product-description-video{ min-width:100%; min-height:100%; width:100%; } .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"]::after{ visibility: visible; content: 'Finance'; top: 0px; position: absolute; display: block; padding: 10px 15px 12px; background-color: white; line-height: 20px; text-align: center; font-size: 14px;} .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"].selected::after{ top: 3px; padding: 8px 15px 12px} .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"] div{ visibility: hidden; position:relative; width: 47px; height: 20px;} .isdesktop .product-page .content-area .column.three .tab-view__content article li h3{ margin-top:20px; } .count-down-timer .custom-html .dropdown{ background-image: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description a{color: #d31716; text-decoration: underline;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link{ display: block; font-weight: 700; font-size:14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link:hover{ text-decoration: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link::before{ display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -60px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description a.icon-link{ display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.range-review::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.pdf-download::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.guide-page::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.car-rack-compat::before{/*content: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg);*/ content: ""; background: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.all-bikes-built::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png);*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.cannondale-app::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px;*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } body.shopping-cart-page .shopping-cart .basket .main.main{ padding-bottom: 15px;} .checkout-main #address-finder{ background-position: -25px -118px!important; height: 35px!important;} .checkout-main #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 9px 8px 0 2px;} .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 20px 0; color: #112884;} .checkout-main .checkout-address-form #enter-manually{ color: #555; font-weight: 600; font-style: italic;} .checkout-main #shipping-methods-container h2{ padding-top: 20px; padding-bottom: 10px;} .checkout-main #shipping-methods-container .shipping-method label .shipping-method-desc{ font-style: italic; color: #666;} .ismobile .product-page .content-area .column.one .prices.prices{ width: 100%; margin: 0; padding: 0;} .ismobile .product-page .content-area .column.one .prices .price-discount-row{ padding: 0 3%; width: auto;} .ismobile .product-page .content-area .column.one .prices .finance-rrp-row{ padding: 0 3%; width: auto; margin: -5px 0 15px;} .ismobile .product-page .content-area .column.one .prices .rrp{ color: #747577; } .ismobile.layout-50-50 body.catalog-page div.float-right-content.product-area div.search-results .product{ padding-top: 60px!important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product{ margin: 10px auto 50px!important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product:last-child{ margin-bottom:0px !important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing{ height: 58px;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results .product::after{ background: #E8E8E6; bottom: 0; content: ''; left: 0; margin-left: -2px; position: absolute; top: -60px; width: 2px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing{ height: 64px!important; margin-top: 20px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product{ margin: 10px auto 50px!important;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product:last-child{ margin-bottom:0px !important;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .price-detail .saving{ top: 25px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results .product::after{ background: #E8E8E6; bottom: 0; content: ''; left: 0; margin-left: -2px; position: absolute; top: -60px; width: 2px;} .ismobile body.catalog-page div.float-right-content.product-area div.sorting-paging.bottom{ margin-top: 10px;} .ismobile body.catalog-page div.float-right-content.product-area .quick-sub-category-container.use-icon .quick-sub-category .icon.trials{ background-position: -96px -484px; } .ismobile body.catalog-page div.float-right-content.product-area .quick-sub-category-container.use-icon .quick-sub-category .icon.jump{ background-position: -4px -322px;} .out-of-stock-product-page-content .oos-product__image{max-height: 160px;} .out-of-stock-product-page-content .oos-related-searches{ margin-top: 10px; } .out-of-stock-product-page-content .oos-new-product{margin-top:30px;} .out-of-stock-product-page-content .oos-new-product .oos-header{ border-bottom: 1px solid #666; border-top: 1px solid #666;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__link:first-child{ margin-bottom: 30px;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__links{ white-space: normal;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__link{white-space: nowrap;} .out-of-stock-product-page-content .icon-link{ display: block; font-weight: 700; font-size:14px;} .out-of-stock-product-page-content .icon-link:hover{ text-decoration: none;} .out-of-stock-product-page-content .icon-link::before{ display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -30px;} .out-of-stock-product-page-content a.icon-link{ display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px; color: #d31716; text-decoration: underline;} .out-of-stock-product-page-content .icon-link.range-review::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.pdf-download::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.guide-page::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.car-rack-compat::before{/*content: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg);*/ content: ""; background: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.all-bikes-built::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png);*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.cannondale-app::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px;*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop #page-content #timer a .timer .timer-segment .timer-data{ color: #000; font-size: 26px;} .isdesktop #page-content #timer a .timer .timer-segment .timer-display{ color: #000; font-size: 10px;} .isdesktop #page-content #timer a .timer{right: 80px;} .isdesktop #page-content #timer a .timer .timer-segment{ width: 22%; } .isdesktop #page-content #timer .count-down-timer{height: 85px;} .isdesktop #page-content #timer .timer-slide-down{-webkit-backface-visibility: hidden; /*Fixes flickering effect on Chrome*/} .isdesktop #page-content #timer .timer-slide-down{position:absolute; top: 40px;} .isdesktop #page-content #timer /* .timer-segment::after{content: " :"; color: #fff;} .isdesktop #page-content #timer .timer-segment:last-child::after{content: "";} .js-window-popup .window.price-match .footer span{ margin-right: 6px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /**Mobile layout styles **/ .mobile-full-width{padding: 0 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .element-center-mobile{position: relative; left: 50%; transform: translateX(-50%);} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-center{text-align:center !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-half{width: 43.7%; float: left;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-half:nth-child(2){float: right;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-half h3{font-size: 1.4em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing{margin:0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--10-mobile{margin-top:-10px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._half-nopadding{width: 100% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder div._half-nopadding_desktop{width: 48% !important; float: left; margin: -0.5% 1% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing h2 span{font-size: 0.75em !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing figcaption h3{font-size: 1.3em !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner img{width: 100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Full-width header image for landscape orientation*/ /*Offer expiry dialogue*/ .offer-expiry-block{padding-top: 10px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block input.nl-signup{padding: 10px 9px 11px 9px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*C2W page*/ ._pb-mobile-hide{display:none;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .page-cycle-to-work-cycle-to-work .input label{color: #fff !important; font-size: 1.2em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder img._pb-calculator-arrow{float: none; display: block; clear: both; margin: -10px auto 0px auto; width: 70px; height: auto;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .page-cycle-to-work-cycle-to-work.desktop-margin-top-30{margin-top: -10px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .c2w-top-up-logo{display: block !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*New shop page styling*/ ._service-packages div span{right: 0px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._accordion-icon_spacing{ margin-right: 55px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .shop-info{margin-top: -50px !important; margin-bottom: 10px; margin-left: 3% !important; width: 82% !important; padding: 6% 6% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder table.shop-opening-hours tr td{padding: 10px 15px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._accordion-icon{margin-top: -15px !important; margin-left: 0px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion-item_shops div span{padding-right: 15px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .c2w-logos img{margin-top: 0 !important; margin-bottom: 0 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder div.logo_shops figure{margin-bottom: -30px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*New navigation styling*/ .banner-navigation-new .hrz-scroll div{overflow-x: scroll !important; height: 68px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new ul{width: max-content !important; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; display: block !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new_container{height: 64px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li{padding: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li a{padding: 23px 14px 23px 14px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new{width:100% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Fixes alignment on longer menus */ /*New range review summary styling*/ div.highlights-summary-new{padding-bottom:10px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .highlights-summary_column-half{width:43%; float:left;margin: 5px 0 5px 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder span.rr-stars_text{text-align: left; width:45%; float:left; font-size:1.2em; line-height:1.2; margin-top: 13px; margin-bottom: 20px; margin-right: 20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder div.rr-stars{background-size: 30px; height: 30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fourth.highlights-summary_column-half._attributes{width: 46%; margin: 0 2% 2% 2%; min-height: 80px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new h3{font-size: 1.4em !important; line-height: 1.4 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new span{font-size: 1.6em !important; line-height: 1 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new{background: #f5f5f5; margin-top: -20px;padding-top:10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*.highlights-summary-new li{text-align:left;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .column{text-align:left;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new div:last-child{text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder */ .rr-size-guide{text-align: center !important; display: block; clear: left;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon{width: auto;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .third:not(:nth-child(8)) .rr-selling-point{border-bottom: 1px solid #d5d5d5;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new li{text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .column{text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*New accordion style*/ .accordion .accordion-content{padding: 10px 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{background: #fff !important; color: unset !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{width: 100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div{height: unset; width: 100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{float: unset; position: absolute; left: unset;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{top: unset;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{margin:unset;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{padding: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{right: 0px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._pb-sizing-table{margin-top: -10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Page builder generic styling **/ .quote small{font-size:0.7em} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third>figure{margin:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third > figure._mobile-spacing{margin: 20px 0 20px 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Product & range review **/ .static-page-banner .h1-intext.blank{position: relative; background: #434343} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h2-intext{width:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h3-intext{width:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation{height:46px;width:100%;overflow:scroll!important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation ul{-webkit-overflow-scrolling:touch;height:46px;width:550px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .section-buttons{display:none} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column h2.review-video{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.third:nth-child(n+4){margin-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Custom generic snippets **/ .catalogue_content_block{margin-bottom:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Caution dialogue **/ ._pb-mob-no-padding{padding: 0 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._pb-circle{display:block;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Brand size guide **/ .accordion .accordion-item div.open{background: #393939; color: #fff;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._size-guide div.bx-viewport{height: 240px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** Range page - Pos/Neg points - Wrapping issue fix **/ .highlights-summary li{margin: 0 0 15px 0px !important; padding: 0 !important; display: block !important; clear: both !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.down-point{background: none !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.up-point{background: none !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.up-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.down-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-right: 5px; margin-top: -5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /** C2W stripe homepage **/ ._c2w-btn{background-color:#00446b; border:0 !important; width:190px !important; height:42px !important; float:none !important; padding-top: 10px !important; padding-bottom: 13px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._c2w-btn:hover{background-color: #01304b !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._c2w-btn:active{background-color: #01304b !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /**Size Guide Table**/ table.variants{border-spacing: 0;border: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .variants table tr th{background-color: #ffffff;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .variants td a{color:#fff;text-decoration:none;} .ismobile #page-content .body-wrapper #static-page-content .page-builder td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .ismobile #page-content .body-wrapper #static-page-content .page-builder td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder td.variant-area:first-child{background-color: #d31716;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /**Guide tab table**/ .discipline strong{color: #fff !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /**Tyre Chooser Link Class**/ .link_class{display:inline-block; width:100%; height:100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Promo Page*/ .promo-blocks figcaption h2{line-height: 1 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h3{line-height: 1 !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-half > .half{width: 48%; float: left; margin: 1% 0% -20px 0%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-half > .third{width: 48%; float: left; margin: 1% 0% -20px 0%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-half > .fourth{width: 48%; float: left; margin: 1% 0% -20px 0%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-half hr{position: relative; top: 20px !important; margin-bottom: 35px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption .mobile-center{text-align: center; margin-left:-20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption .mobile-center .promo-code{text-align: center; margin-left:0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption{margin: 10px 0 !important; border-bottom: 1px solid #d5d5d5; padding-bottom: 20px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption:last-of-type{margin: 10px 0 !important; border-bottom: 0; padding-bottom: 20px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*.promo-code{margin: 10px; text-align: center !important; position: relative;left: 55%;transform: translateX(-50%);} .ismobile #page-content .body-wrapper #static-page-content .page-builder */ /*Range Review Captioned Carousel*/ .carousel-captioned .pagebuilder-bxslider h2.h2-intext{width: 45%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h3.h3-intext{width: 45%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .section-buttons{width: 45%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned li a{max-width: 100%; text-overflow: ellipsis;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Positioning*/ .margin-top-0-mobile{margin-top:0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-5-mobile{margin-top:5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-10-mobile{margin-top:10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-20-mobile{margin-top:20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-30-mobile{margin-top:30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-40-mobile{margin-top:40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--5-mobile{margin-top:-5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--10-mobile{margin-top:-10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--20-mobile{margin-top:-20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--30-mobile{margin-top:-30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--40-mobile{margin-top:-40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-0-mobile{margin-bottom:0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-5-mobile{margin-bottom:5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-10-mobile{margin-bottom:10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-20-mobile{margin-bottom:20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-30-mobile{margin-bottom:30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-40-mobile{margin-bottom:40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--5-mobile{margin-bottom:-5px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--10-mobile{margin-bottom:-10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--20-mobile{margin-bottom:-20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--30-mobile{margin-bottom:-30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--40-mobile{margin-bottom:-40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Superscript Fix*/ sup{vertical-align: super;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Tables in accordions*/ .accordion-table{overflow-x: scroll;} .ismobile #page-content .body-wrapper #static-page-content .page-builder small.accordion-click-to-expand{color: #d31716; float: right; margin-right: 20px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder small.accordion-click-to-expand{display:none;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Brands Page*/ .brand-card .brand-card-intro h2{text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Full Width Headers*/ .static-page-banner.full-width-header{width:100%; margin-left:0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Range Chooser*/ .brand-model-chart{position: absolute;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table{width:945px !important;overflow-y: hidden;overflow-x: scroll;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart .range-container figure:after{right: -15px; top: 6px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .chart-container{overflow-x: scroll; max-width: 100%; display: block; position: relative; cursor: pointer;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-highlights_logo-container{max-width:50% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-highlights_logo-middle{width:90% !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder img.brand-page-logo{max-width:160px !important; display:block !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder img.brand-page-logo img.brand-page-logo{margin-bottom:-20px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner{margin-left: 0; max-width: 100%; width:100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext{font-size: 3em;padding-right: 30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo{content: ""; margin-top: 0; display: block;font-size: 3em;padding-right: 30px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:before{content: ""; margin-top: 0; display: block;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:after{width: 60px; height: 40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub::before{width: 80px; height: 80px; margin-top: -10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub{font-size: 2.2em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="review"] .h1-wrapper{position: relative; bottom: 0; left: 0; width: 100%; height: auto;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="review"] .h1-wrapper h1.h1-intext{background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0) 100%);line-height: 1.1;font-size: 2.4em;position: absolute;top: unset;bottom: 0;left: 0;width: calc(100% - 30px);height: auto;padding-top: 20px;padding-left: 15px;padding-right: 15px;padding-bottom: 10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h2.h2-intext{padding: 10px 15px; line-height: .9; font-size: 1.8em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h3.h3-intext{font-size: 1.6em; line-height: 1;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Buttons - Inline Dynamic Price*/ .product-card-price-inline #product-cards .search-results .product{margin-top: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.btn-from-price{text-align:center;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*General Table Style Update*/ &#style-update{} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table{} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table{border-collapse: collapse;overflow-x: auto;display: block; max-width: 980px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th{min-width: 120px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td{min-width: 120px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tr th{min-width: 120px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tr td{min-width: 120px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table thead{display:inline-table;width:100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody{display:inline-table;width:100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper.bouncing-chevrons-50 div.bounce-arrow .bouncing{position: absolute; top: 50%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper{overflow: initial;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-item .bounce-arrow{position: initial; display: inline;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-item .bouncing{background-color: transparent; right: -35px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*2020-07 Range Review - New Style*/ &#style-update{} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .rr-header-2020-padding{padding: 0 40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h1{font-size: 2.5em;font-family: 'Zilla Slab','Source Sans Pro',sans-serif;font-weight: bold;font-style: italic;line-height:1.2;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h2{font-size: 2em;line-height:1.2;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h3{font-size: 1.8em;line-height:1.2;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 p{font-size: 1.3em;line-height:1.2;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020-text{padding: 40px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Groupset Tables*/ &#style-update{} .ismobile #page-content .body-wrapper #static-page-content .page-builder .groupset-table-2 .table-circle{margin: 0 10px 10px 20px;} #page-content .body-wrapper #static-page-content .page-builder .promo-only-content{display: block} .product-page [data-current-category="E-Vouchers"] .product-option-price .product-option-price__message{ display: none !important;} .product-page [data-current-category="E-Vouchers"] .product-option-price .product-option-price__info{ display: none !important;} .product-page [data-current-category="E-Vouchers"] #occasion-wrapper{ display: none !important;} body.catalog-page div.seo-data a.ga{color:#d31716; text-decoration: underline;} body.catalog-page div.seo-data .catalogue_content_container{height:222.5px;} body.catalog-page div.seo-data .catalogue_content_container h1{text-transform: capitalize;} body.catalog-page div.seo-data .video{width:50%;float:left; margin-right:10px; margin-bottom: 10px;} body.catalog-page div.seo-data .text{overflow:hidden;} body.catalog-page div.seo-data p{margin-bottom: 5px; padding-top: 0px;} body.catalog-page div.seo-data .catalogue_content_text-only p:first-of-type{padding-top:0px;} body.catalog-page div.seo-data .catalogue_content_text-only p{font-size: 15px;} body.catalog-page div.seo-data .catalogue_content_text-only b{font-size: 15px;} body.catalog-page div.seo-data .catalogue_content_text-only{height: auto;padding: 10px 20px 0 0;box-sizing: border-box;margin-bottom: -20px;} body.catalog-page div.seo-data .catalogue_content_text-only .static-page-row{margin-left: -10px; margin-right: -10px; margin-top: 10px;} body.catalog-page div.seo-data .category_header_container{background: #f7f7f7;width: 795px;display: inline-block;} body.catalog-page div.seo-data .category_header_header{} body.catalog-page div.seo-data .category_header_container img.head_image{float: right;margin-left: 15px;} body.catalog-page div.seo-data .category_header_header_text{min-height: 220px; width: 765px; background: none;padding: 15px;} body.catalog-page div.seo-data .category_header_header_text p a{color: #db2727} body.catalog-page div.seo-data .category_header_container h1{text-transform: none;font-size: 24px;padding: 0px;margin: 0;} body.catalog-page div.seo-data .category_header_container hr{background: #ccc;height: 1px; margin-bottom: 10px;border: 0;clear: both;} body.catalog-page div.seo-data .category_header_two_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_three_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_four_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_five_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_two_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_three_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_four_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_five_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_two_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_three_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_four_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_five_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_two_row a{width: 382px;} body.catalog-page div.seo-data .category_header_three_row a{width: 251px;} body.catalog-page div.seo-data .category_header_four_row a{width: 186px;} body.catalog-page div.seo-data .category_header_five_row a{width: 147px;} body.catalog-page div.seo-data .category_header_two_row a>h2{width: 376px;} body.catalog-page div.seo-data .category_header_three_row a>h2{width: 245px;} body.catalog-page div.seo-data .category_header_four_row a>h2{width: 180px;} body.catalog-page div.seo-data .category_header_five_row a>h2{width: 141px;} body.catalog-page div.seo-data .category_header_two_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_three_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_four_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_five_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_two_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_three_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_four_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_five_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_two_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_three_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_four_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_five_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_two_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_three_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_four_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_five_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_two_row a>h3{width: 376px;} body.catalog-page div.seo-data .category_header_three_row a>h3{width: 245px;} body.catalog-page div.seo-data .category_header_four_row a>h3{width: 180px;} body.catalog-page div.seo-data .category_header_five_row a>h3{width: 141px;} body.catalog-page div.seo-data .category_header_two_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_three_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_four_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_five_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_two_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_three_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_four_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_five_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_two_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_three_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_four_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_five_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_two_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_three_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_four_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_five_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} #page-content .body-wrapper #static-page-content .page-builder /*General Hover State*/ a.fade-out{opacity: 1; transition: 0.4s; -webkit-transition:0.4s;} #page-content .body-wrapper #static-page-content .page-builder a.fade-out:hover{opacity: 0.5; transition: 0.4s; -webkit-transition:0.4s;} #page-content .body-wrapper #static-page-content .page-builder a.fade-out:not(:hover){opacity: 1; transition: 0.4s; -webkit-transition:0.4s;} #page-content .body-wrapper #static-page-content .page-builder /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} #page-content .body-wrapper #static-page-content .page-builder .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Cyan*/ a.btn-cyan{background-color: #4ca1d9 !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-cyan:hover{background-color:#1d6187 !important; border-color:#1d6187 !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Black*/ a.btn-black{background-color: #000000 !important;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-black:hover{background-color:#2e2e2e !important; border-color:#2e2e2e !important; border-width:2px;} #page-content .body-wrapper #static-page-content .page-builder /*Clearance*/ a.btn-clearance{background-color: #efc51d !important; color:#000; font-weight:bold;} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-clearance:hover{background-color:#bf9d16 !important; border-color:#bf9d16 !important; border-width:2px; color:#000; font-weight:bold;} #page-content .body-wrapper #static-page-content .page-builder /*END - Custom button colours*/ /*Nav Buttons*/ #nav-buttons .nav-button a > h3{position: relative; font-weight: 700; border: solid 3px #333; border-radius: 5px; display: inline-block; text-decoration: none; text-transform: none; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;margin: 0 10px; display: block; background: #333; background-image: none; color: #fff; font-size: 16px; line-height: 26px; padding: 10px 0; letter-spacing: 0;} #page-content .body-wrapper #static-page-content .page-builder #nav-buttons .nav-button.nav-button-style-1 a > h3{border: solid 3px #333; background-color: transparent; color: #333; font-size: 14px; line-height: 16px;} #page-content .body-wrapper #static-page-content .page-builder /*New heading styles*/ /*Temp*/ .feature-header{border-bottom: 4px solid #d5d5d5 !important; margin-bottom: 10px !important; font-size: 2.4em !important;} #page-content .body-wrapper #static-page-content .page-builder /*Temp*/ ._hp-section-title_2019-02{border-bottom: 4px solid #d31716; display: inline-block; position: relative;} #page-content .body-wrapper #static-page-content .page-builder /*Vertical align middle*/ .vertical-middle{display:table; } #page-content .body-wrapper #static-page-content .page-builder .vertical-middle div:first-of-type{display:table-cell;vertical-align:middle;} #page-content .body-wrapper #static-page-content .page-builder /*Product cards - Individual*/ .individual-product-cards #product-cards .search-results .product.category{width: 100%;} #page-content .body-wrapper #static-page-content .page-builder /*Offer Expiry Dialogue*/ .offer-expiry-block{background-color: #d31716; border-radius: 5px; margin-top: 5px; padding-top: 5px; width: 100%; text-align: center; position: relative; left: 50%; transform: translateX(-50%);} #page-content .body-wrapper #static-page-content .page-builder /*C2W page*/ .desktop-margin-top-30{margin-top:30px !important;} #page-content .body-wrapper #static-page-content .page-builder .c2w-info-panel{background-color:rgba(25,80,121,0.15);} #page-content .body-wrapper #static-page-content .page-builder .c2wlogos img{width:32%; height:auto;} #page-content .body-wrapper #static-page-content .page-builder img.c2w-top-up-logo{width: 60%; height: auto; margin-top:30px !important; margin-left:auto; margin-right:auto;} #page-content .body-wrapper #static-page-content .page-builder .c2w-info-panel .top-up-cards{content: ' ';width: 150px;height: 30px;display: inline-block;vertical-align: baseline;background-image: url("/Assets/Images/svg/checkout-sprite.svg?v=1.76.1");background-image: url("/Assets/Images/svg/checkout-sprite.png?v=1.76.1") \9;background-repeat: no-repeat;background-position: -6px -467px;-ms-behavior: url(/Assets/components/js/external/backgroundsize.min.htc);} #page-content .body-wrapper #static-page-content .page-builder .c2w-info-panel .top-up-paypal{content: ' ';width: 80px;height: 30px;display: inline-block;background-image: url("/Assets/Images/svg/checkout-sprite.svg?v=1.76.1");background-image: url("/Assets/Images/svg/checkout-sprite.png?v=1.76.1") \9;background-repeat: no-repeat;background-position: -225px -592px;-ms-behavior: url(/Assets/components/js/external/backgroundsize.min.htc);position: relative;top: 10px;left: 5px;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work #c2wcalculator{width: 400px; border: 0; border-radius: 10px; overflow: hidden; padding: 20px 10px; margin: 10px auto; background: #00436b;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work #c2wcalculator h2{ text-align: center; color: #fff;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input{ margin: 10px 0; overflow: hidden; position: relative;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input.icon span{ position: absolute; left: 187px; top: 6px; font-size: 15px; color: #777; line-height: 1em; height: 12px;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input label{ padding: 5px 10px; width: 40%; display: block; float: left; color: #fff; text-align: right; font-size: 15px;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input input{ float: left; display: block; width: 50%; padding: 5px; color: #777; font-size: 14px;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input select{ float: left; display: block; width: 50%; padding: 5px; color: #777; font-size: 14px;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input input{padding-left: 15px; width: 49%;} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input select{width: 49%; padding: 4px;} #page-content .body-wrapper #static-page-content .page-builder ._pb-calculator-arrow{float: right; display: block; clear: both; margin: -10px auto 0px auto; width: 110px; height: auto;} #page-content .body-wrapper #static-page-content .page-builder /*Guides-Reviews landing page - Additional styles*/ ._hidden-content{display: none !important;} #page-content .body-wrapper #static-page-content .page-builder ._translate-center{position: relative;left: 50%;transform: translateX(-50%);} #page-content .body-wrapper #static-page-content .page-builder ._half-nopadding{padding-left: 0px !important; padding-right: 0px !important; width: 50% !important; float: left;} #page-content .body-wrapper #static-page-content .page-builder ._half-nopadding_desktop{width: 50%;padding-left: 0rem; padding-right: 0rem; float:left;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--10{margin-top:-10px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--20{margin-top:-20px;} #page-content .body-wrapper #static-page-content .page-builder .padding-left-right-5{padding-left: 5px !important; padding-right: 5px !important;} #page-content .body-wrapper #static-page-content .page-builder .line-clamp-2 h3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #page-content .body-wrapper #static-page-content .page-builder .line-clamp-3 h3{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list a{margin: 0 10px;} #page-content .body-wrapper #static-page-content .page-builder h1._new-branding{text-transform: capitalize; color: #2e2e2e; font-size: 2.6em !important; margin-bottom: 10px; line-height: 42px; font-weight: lighter; border-bottom: 4px solid #d5d5d5; font-family: 'Source Sans Pro Light',arial,helvetica,sans-serif;} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block.nav-block_spacing img{margin-bottom: 1em !important;} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing{margin: 2px !important;} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list a{color: #d31716 !important; text-decoration:underline !important;} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list li{color: #d31716 !important; list-style-type:none !important; line-height: 1.2;} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing figcaption h3{color: #fff !important; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 1.4em !important; line-height: 1.4em;} #page-content .body-wrapper #static-page-content .page-builder ._guide-list_spacing{display: block; max-height: 0px; padding-top: 0px; padding-bottom: 0px;} #page-content .body-wrapper #static-page-content .page-builder /*New range review summary styling*/ div.highlights-summary-new{padding-bottom:20px;} #page-content .body-wrapper #static-page-content .page-builder img.rr-summary-icon{display:block; width:90px; height:auto; margin-left:auto; margin-right:auto;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new span{font-size: 1.6em; line-height: 0.8; font-weight: bold; color: #d31716;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .half{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .third{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .fourth{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new h3{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new div:last-child{text-align:right;} #page-content .body-wrapper #static-page-content .page-builder .summary-quote p{text-align:center; font-style: italic; font-size: 1.4em !important;} #page-content .body-wrapper #static-page-content .page-builder div.rr-stars{background: url(/assets/images/icons/stars.svg) repeat-x; background-size: 30px; height: 30px; margin: 15px 0;animation: 1s ease-out 0s 1 fadeIn; animation: 1s ease-out 0s 1 slideInFromLeft; overflow:hidden;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_text{margin-top: 20px; display: inline-block;} #page-content .body-wrapper #static-page-content .page-builder div.rr-stars_no-stars{width: 150px !important; background-position: 0 -30px !important;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars.rr-stars_bg{width: 150px !important; background-position: 0 -30px !important; margin-top: -45px !important;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_half-star{width:15px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_1-star{width: 30px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_2-star{width:60px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_1half-star{width:45px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_3-star{width:90px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_2half-star{width:75px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_4-star{width:120px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_3half-star{width:105px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_5-star{width:150px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_4half-star{width:135px !important; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_container{overflow:hidden;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point{color: #2e2e2e; display:inline-block; padding: 0 0 20px 0; text-align: left !important;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon{font-size: 14px; font-weight: bold; color: #6e6e6e; display: inline-block; position: relative; padding: 20px 0 20px 0; left: 0; width: calc(100% - 70px); text-align: left; margin-left: 60px; line-height: 1.2;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon:before{height: 100%; width: 50px; position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; margin-left: -60px; content: "";} #page-content .body-wrapper #static-page-content .page-builder /*Selling point icons*/ .rr-selling-point .sp-icon_frame:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-frame.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_suspension:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-suspension-.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_suspension-fork:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-suspension-fork.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_fork-rigid:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-rigid-fork.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_rear-shock:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-rear-shock.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_drivetrain:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-drivetrain.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_brakes-disc:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-brakes-–-disc.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_brakes-rim:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-brakes-–-rim.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_wheels-mountain:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-wheels-–-mountain.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_wheels-road:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-wheels-–-road.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_dropper-post:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-dropper-seatpost.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_fixed-seatpost:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-fixed-seatpost.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_motor:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-motor.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_battery:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-battery.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_display:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-display.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_mudguards:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-mudguards---racks.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_lights:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-lights.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_weight:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-weight.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_value:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-value-for-money.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_bottle-cage:before{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-frame-mounted-bottle-cage2.png) no-repeat center center; background-size:50px;} #page-content .body-wrapper #static-page-content .page-builder /*New navigation styling*/ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none; transition: 200ms ease-in;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; padding: 23px 14px 22px 14px;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} #page-content .body-wrapper #static-page-content .page-builder .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px; padding: 0 !important;} #page-content .body-wrapper #static-page-content .page-builder .bounce-arrow_nav{margin-top: -20px;} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new{/*width:110% !important;*/} #page-content .body-wrapper #static-page-content .page-builder /*Fixes alignment on longer menus */ /*New accordion styling*/ .privacy-cookies .accordion .accordion-content span{border:0 !important;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{background: #fff; padding: 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion-item:last-child{border-width: 0; border-style: solid; border-color: #ccc;} #page-content .body-wrapper #static-page-content .page-builder .accordion-item:first-child{border-top: 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div{display: block; cursor: pointer; padding: 17px 0; background: #fff; color: #000; margin: 0; font-size: 1.23em;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{border: 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{ background-image: url("/assets/images/svg/tredz-product-page.svg?v=1.53.0"); background-image: url("/assets/images/svg/tredz-product-page.png?v=1.53.0") \9; background-repeat: no-repeat; background-position: -10px -359px; display: inline-block; zoom: 1; width: 14px; height: 14px; background-repeat: no-repeat; margin: 5px 10px -2px 0; position: relative; right: -97%; top: 50% !important; margin-top: -7px !important;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{ background: #fff; color: #000; padding: 17px 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span.down{ background-position: -10px -64px !important;} #page-content .body-wrapper #static-page-content .page-builder .privacy-cookies .accordion .accordion-item .accordion-header div.open{ background: transparent !important; color: #565656 !important; font-weight: 100 bold !important; border-bottom: 0 solid #ccc;} #page-content .body-wrapper #static-page-content .page-builder .accordion-header{ border-width: 0 0 1px 0; border-style: solid; border-color: #ccc; } #page-content .body-wrapper #static-page-content .page-builder /** Page Builder Generic Styling **/ .crumb a:hover{text-decoration: underline} #page-content .body-wrapper #static-page-content .page-builder p{font-size:1.23em} #page-content .body-wrapper #static-page-content .page-builder ul li{font-size:1.23em} #page-content .body-wrapper #static-page-content .page-builder .display p{font-size: 1.5em} #page-content .body-wrapper #static-page-content .page-builder p span{font-size:inherit; color:inherit} #page-content .body-wrapper #static-page-content .page-builder p a{font-size:inherit;color:#db2727;text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder li a{font-size:inherit;color:#db2727;text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder p a:hover{text-decoration:none} #page-content .body-wrapper #static-page-content .page-builder h2 a{font-size:inherit;color:inherit} #page-content .body-wrapper #static-page-content .page-builder .quote>p{font-style:italic; font-size:0.45em} #page-content .body-wrapper #static-page-content .page-builder .column h1{text-transform: none; font-size: 2.385em; color: #565656;} #page-content .body-wrapper #static-page-content .page-builder .column.third h2{font-size:1.693em} #page-content .body-wrapper #static-page-content .page-builder .column.fourth h2{font-size:1.54em} #page-content .body-wrapper #static-page-content .page-builder .column> a img{margin-top:1em;margin-bottom:1em} #page-content .body-wrapper #static-page-content .page-builder .round-nav-block img{-webkit-transition: -webkit-transform .8s ease-in-out;-ms-transition: -ms-transform .8s ease-in-out;transition: transform .8s ease-in-out;} #page-content .body-wrapper #static-page-content .page-builder .round-nav-block img:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);} #page-content .body-wrapper #static-page-content .page-builder /** Product & Range Review **/ .banner-navigation{padding:0!important;margin-top:-10px} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#636363} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h1-intext.blank{position: relative; background: #434343} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h2-intext{font-size:30px;z-index:9;width:75%;color:#fff;padding:0 15px;margin:0;line-height:42px} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h3-intext{font-size:24px;z-index:9;width:75%;color:#fff;padding:0 15px 10px;margin:0;line-height:30px;font-weight:400} #page-content .body-wrapper #static-page-content .page-builder .h1-wrapper-overlay{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.6)} #page-content .body-wrapper #static-page-content .page-builder .section-buttons{position:absolute;bottom:0;right:0;z-index:99;padding:15px} #page-content .body-wrapper #static-page-content .page-builder p.review-date{text-align:right; line-height: 2.385em} #page-content .body-wrapper #static-page-content .page-builder .btn{font-size:1.23em; border-width:2px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary{background:#f7f7f7;margin-top:-10px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li{font-size: 1.077em !important;list-style:none!important;padding:0 0 0 40px;line-height:26px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li.up-point{background:url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-icons-3.png) 0 0 no-repeat} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li.down-point{background:url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-icons-3.png) 0 -26px no-repeat} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary .summary-hightlight-text li{padding-left:0!important;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary_pro-con{background-color:#fff !important; margin-top:10px !important;} #page-content .body-wrapper #static-page-content .page-builder .product-links figure{border:solid 1px #ccc;padding:10px;margin-top:1em;margin-bottom: 1em} #page-content .body-wrapper #static-page-content .page-builder .product-links figure:hover{border-color:#000} #page-content .body-wrapper #static-page-content .page-builder .product-links a{color:#333;text-decoration:none} #page-content .body-wrapper #static-page-content .page-builder .product-links .column> a img{margin-top:0;margin-bottom:0} #page-content .body-wrapper #static-page-content .page-builder .updated-date{display:inline-block;width:15px;height:14px;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/calendar-icon.png') 0 0 no-repeat;position:relative;top:2px} #page-content .body-wrapper #static-page-content .page-builder /** Video thumbs **/ .column.review-videos{background:#f5f5f5} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos .flow-opposite{padding:8px 0 0 10px} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos h3{color:#424242;font-size:1.385em;font-weight:700} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos h3 a{font-size:inherit} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure{position: relative} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure:before{content: ""; display: block; position: absolute; top: 1em; bottom: 1.15em; left: 0; right: 0; -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure:hover:before{background: rgba(0,0,0, 0.4)} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure a{display: block; padding: 0} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure span{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%)} #page-content .body-wrapper #static-page-content .page-builder .column.review-videos figure span img{width: 48px} #page-content .body-wrapper #static-page-content .page-builder .highlights{background-color:#f9f9f9; border:2px solid lightgrey; padding:15px;} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.left{font-size: 1.2em; color: #fff !important} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.right{font-size: 1.2em; color: #fff !important} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.left{background-color: #DB2727; padding: 0 0px 0 10px; margin-left: 5px; font-weight: 700;} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.right{background-color: black; padding: 0px 10px 0px 25px; position: relative;} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.right:before{content: ""; position: absolute; top: 0; left: 0; border-width: 1.2em 1.2em 0px 0px; border-style: solid; border-color: #DB2727 transparent transparent #DB2727;} #page-content .body-wrapper #static-page-content .page-builder /** Hub Pages **/ figure.nav-block{position: relative} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block:before{content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.6); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block:hover:before{background: rgba(0,0,0, 0.4)} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block a{display: block; padding: 0} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block img{display: block;} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block h2{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; color: #fff; font-size: 2.2em; line-height: 1.1em; text-transform: none; font-weight: normal} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block h2 span{color: inherit; font-size: inherit; font-weight: bold} #page-content .body-wrapper #static-page-content .page-builder /** Clears left and top margin at every 4th column third **/ #guide-hub-grid .column.third:nth-child(3n+4){clear: left} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.third:nth-child(n+4){margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder /** Clears left and top margin at every 5th column fourth **/ #guide-hub-grid .column.fourth:nth-child(4n+5){clear: left} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.fourth:nth-child(n+5){margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder /** Cycle to Work Calculator **/ #start-your-quote p{font-size:1.077em!important} #page-content .body-wrapper #static-page-content .page-builder #start-your-quote li{font-size:1.077em!important} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator{border: 0px solid #ccc; border-radius: 10px; background-color: #00436b; padding: 20px; margin-top: 10px;} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator h2{color: #fff; font-size: 2em;padding: 0;text-align: center; line-height: 1; margin-bottom: 20px;} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator label{color: #fff;} #page-content .body-wrapper #static-page-content .page-builder /** Custom Generic Snippets **/ .catalogue_content_block{position:relative;float:left;padding:0;overflow:hidden;margin-bottom:5px;width:100%} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block img{display:block} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block h2{background:rgba(0,0,0,0.6);color:#fff!important;font-size:16px!important;padding:5px 10px!important;line-height:20px;border-left:solid 4px #DB2727;position:absolute;bottom:0;width:100%} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block:hover:hover > h2{background:rgba(0,0,0,0.8)} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block h2:hover > h2{background:rgba(0,0,0,0.8)} #page-content .body-wrapper #static-page-content .page-builder .column.fourth.logo>figure{padding:5px} #page-content .body-wrapper #static-page-content .page-builder /*Shop page logo cluster */ .accordion.vacancies{margin-bottom: 20px} #page-content .body-wrapper #static-page-content .page-builder .accordion.vacancies .accordion-header{font-size: 18px; font-weight: 700} #page-content .body-wrapper #static-page-content .page-builder .accordion.vacancies .accordion-content{display: none} #page-content .body-wrapper #static-page-content .page-builder /** Latest deals module **/ img._pb-product{max-height:180px; margin-left: auto; margin-right: auto; display:table;} #page-content .body-wrapper #static-page-content .page-builder .product-links figure{height: 245px;} #page-content .body-wrapper #static-page-content .page-builder .product-links figure a._product-image{display: block; height: 180px;} #page-content .body-wrapper #static-page-content .page-builder /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color: #d31716; text-align: center; color: #fff; position: relative; top: -2px; margin: 0 10px 0 0; display: inline-block !important;} #page-content .body-wrapper #static-page-content .page-builder ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} #page-content .body-wrapper #static-page-content .page-builder .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} #page-content .body-wrapper #static-page-content .page-builder /** Caution dialogue **/ ._pb-caution{width:50px; height:50px; float:left; position:relative; margin:-15px 15px 30px 0;} #page-content .body-wrapper #static-page-content .page-builder ._pb-caution-block{background-color: #efefef;display: block;text-indent: 0;padding: 20px 30px 20px 30px;margin-top: 20px;margin-bottom: 20px;} #page-content .body-wrapper #static-page-content .page-builder ._pb-caution-block img{width: 50px;height: auto;display: inline-block;float: right;position: relative;top: -45px;right: -10px;} #page-content .body-wrapper #static-page-content .page-builder div._pb-mob-no-padding{padding: 0 15px 15px 0 !important;} #page-content .body-wrapper #static-page-content .page-builder /** Brand sizing guides **/ table._pb-sizing-table th{border-radius: 0 0 0 0;} #page-content .body-wrapper #static-page-content .page-builder table._size-table-top{border-radius: 8px 8px 0 0; border-bottom:0;} #page-content .body-wrapper #static-page-content .page-builder table._size-table-bottom{border-radius: 0 0 8px 8px; border:0;} #page-content .body-wrapper #static-page-content .page-builder ._pb-sizing-table{border:0;width:100%;overflow-x: scroll;} #page-content .body-wrapper #static-page-content .page-builder ._pb-sub-header img{position:relative; margin-top:-39px !important;} #page-content .body-wrapper #static-page-content .page-builder ._size-guide div.bx-viewport{height: 310px !important;} #page-content .body-wrapper #static-page-content .page-builder /*Size guide carousel - height fix*/ .pagebuilder-bxslider img[src^="/prodimg"]{width: 100%; height:auto;} #page-content .body-wrapper #static-page-content .page-builder /*Scales up smaller product images in carousel*/ h2._pb-sub-header{background: none; color: #2e2e2e; font-weight: bold; padding: 5px 4px 5px 3px; border-bottom: 4px solid #d31716; display: inline-block; text-align: center; position: relative; font-size: 20px;} #page-content .body-wrapper #static-page-content .page-builder ._pb-sub-header hr{display: none;} #page-content .body-wrapper #static-page-content .page-builder /** Brand sizing guide accordion**/ ._size-guide .accordion-content{width:100%;} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion .accordion-content{padding:0;overflow-x: scroll;} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion .accordion-item div{padding: 14px 7px;} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion{margin-bottom: 10px;} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion-header{font-weight: bold;} #page-content .body-wrapper #static-page-content .page-builder /** Range page - Related ranges **/ figcaption h2.related-range{font-size: 2em !important;} #page-content .body-wrapper #static-page-content .page-builder /** New brand bar alignment **/ .brands-bar2{-webkit-box-sizing: border-box;box-sizing: border-box;clear: left;height: 40px;margin: 0 0 0 0;overflow: hidden;} #page-content .body-wrapper #static-page-content .page-builder .brands-bar__brand2:hover{opacity:.5} #page-content .body-wrapper #static-page-content .page-builder .brands-bar__brand2{background-color: transparent;display: block;height: 40px;float: left;padding: 0;background-image: url(/Assets/Images/UserPages/Homepage/2018/2018_brand_sprite5.svg);background-image: url(/Assets/Images/UserPages/Homepage/2018/2018_brand_sprite5.png) \9;background-repeat: no-repeat;background-position: 0px 0px;width: 12.5%;} #page-content .body-wrapper #static-page-content .page-builder .specialized2{background-position: 0 0;width: 11.5345% !important;} #page-content .body-wrapper #static-page-content .page-builder .giant2{background-position: -112px 0;width: 11.2255% !important;} #page-content .body-wrapper #static-page-content .page-builder .cube2{background-position: -221px 0;width: 10.8136% !important;} #page-content .body-wrapper #static-page-content .page-builder .cannondale2{background-position: -326px 0;width: 15.3450% !important;} #page-content .body-wrapper #static-page-content .page-builder .mavic2{background-position: -455px 1px;width: 10.7106% !important;background-size: 890%;} #page-content .body-wrapper #static-page-content .page-builder .castelli2{background-position: -579px 0;width: 12.7703% !important;} #page-content .body-wrapper #static-page-content .page-builder .endura2{background-position: -703px 0;width: 14.9331% !important;} #page-content .body-wrapper #static-page-content .page-builder .altura2{background-position: -848px 0;width: 12.6674 !important;} #page-content .body-wrapper #static-page-content .page-builder /** Homepage - C2W Stripe **/ ._c2w-bg{background:#0099ff url('/Assets/Images/UserPages/Homepage/2018-Update/c2w-background-desktop-2.jpg') no-repeat border-box 50% 50%;} #page-content .body-wrapper #static-page-content .page-builder ._c2w-bg-mobile{background:#0099ff url('/Assets/Images/UserPages/Homepage/2018-Update/c2w-background-mobile-2.jpg') no-repeat border-box 50% 50%;} #page-content .body-wrapper #static-page-content .page-builder h3._c2w{float:left; color:#fff !important;margin-top:22px !important; font-size:24px !important; font-weight:bold !important;} #page-content .body-wrapper #static-page-content .page-builder h3._c2w span{font-weight:normal !important;font-size:24px !important;color:#fff !important;} #page-content .body-wrapper #static-page-content .page-builder ._c2w-btn{margin-top:9px !important; float:right !important; display:inline !important; background-color:#00446b; border:0 !important; height:42px !important; padding-top:5px !important;} #page-content .body-wrapper #static-page-content .page-builder ._c2w-btn:hover{background-color: #01304b !important;} #page-content .body-wrapper #static-page-content .page-builder /**Size Guide Table**/ table.variants{border-spacing: 0;border: 0;} #page-content .body-wrapper #static-page-content .page-builder .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} #page-content .body-wrapper #static-page-content .page-builder .variants table tr th{background-color: #ffffff;} #page-content .body-wrapper #static-page-content .page-builder .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} #page-content .body-wrapper #static-page-content .page-builder .variants td a{color:#fff;text-decoration:none;} #page-content .body-wrapper #static-page-content .page-builder td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} #page-content .body-wrapper #static-page-content .page-builder td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} #page-content .body-wrapper #static-page-content .page-builder td.variant-area:first-child{background-color: #d31716; } #page-content .body-wrapper #static-page-content .page-builder /**Guide tab table**/ .discipline strong{color: #fff !important;} #page-content .body-wrapper #static-page-content .page-builder .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} #page-content .body-wrapper #static-page-content .page-builder /**Tyre Chooser Link Class**/ .link_class{display:inline-block; width:100%; height:100%;} #page-content .body-wrapper #static-page-content .page-builder /**Range Reviews - Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} #page-content .body-wrapper #static-page-content .page-builder li.up-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} #page-content .body-wrapper #static-page-content .page-builder li.down-point{background:none !important;} #page-content .body-wrapper #static-page-content .page-builder li.down-point:before{ content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} #page-content .body-wrapper #static-page-content .page-builder /*Promo Page*/ .promo-half{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h2{margin-bottom: 10px !important; line-height: 1 10px !important; color:#2e2e2e !important;} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h3{font-size: 1.3em !important; font-weight:bold !important; color:#2e2e2e !important;} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks.promo-half:nth-child(2n-1){margin-top: 13px;} #page-content .body-wrapper #static-page-content .page-builder .promo-half hr{top: 0px !important;position: relative;} #page-content .body-wrapper #static-page-content .page-builder .promo-half .half:nth-child(2n+1) > a figure img{margin-right: 10px !important;} #page-content .body-wrapper #static-page-content .page-builder .promo-half .half:nth-child(2n) > a figure img{margin-left: 10px !important;} #page-content .body-wrapper #static-page-content .page-builder .promo-code{display: inline-block;padding: 10px 20px;background-color: #d31716; margin: 10px 10px 0 0;} #page-content .body-wrapper #static-page-content .page-builder .promo-code p{color:#ffffff !important;} #page-content .body-wrapper #static-page-content .page-builder .promo-code p b{color:#ffffff !important;} #page-content .body-wrapper #static-page-content .page-builder /*Centrally align an element inside another*/ .element-center{position:relative; left:50%; transform:translateX(-50%);} #page-content .body-wrapper #static-page-content .page-builder /*Range review captioned carousel style*/ .carousel-captioned .pagebuilder-bxslider h2.h2-intext{font-size: 30px;z-index: 9;width: 75%;color: #fff;padding: 0 15px;margin: 0;line-height: 42px;} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h3.h3-intext{font-size: 24px;z-index: 9;width: 75%;color: #fff;padding: 0 15px 10px;margin: 0; line-height: 30px; font-weight: 400;} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned li a{color: #ffffff; text-decoration: none;} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .bx-wrapper .bx-pager{background: #fff; background: rgba(0,0,0,0.0);} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .bx-wrapper .bx-pager.bx-default-pager a.active{background: #d31716;} #page-content .body-wrapper #static-page-content .page-builder /*Positioning*/ .margin-top-0{margin-top:0;} #page-content .body-wrapper #static-page-content .page-builder .margin-top-5{margin-top:5px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top-10{margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top-20{margin-top:20px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top-30{margin-top:30px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top-40{margin-top:40px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--5{margin-top:-5px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--10{margin-top:-10px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--20{margin-top:-20px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--30{margin-top:-30px;} #page-content .body-wrapper #static-page-content .page-builder .margin-top--40{margin-top:-40px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-0{margin-bottom:0;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-5{margin-bottom:5px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-10{margin-bottom:10px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-20{margin-bottom:20px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-30{margin-bottom:30px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-40{margin-bottom:40px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--5{margin-bottom:-5px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--10{margin-bottom:-10px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--20{margin-bottom:-20px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--30{margin-bottom:-30px;} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--40{margin-bottom:-40px;} #page-content .body-wrapper #static-page-content .page-builder /*Superscript Fix*/ sup{vertical-align: super;} #page-content .body-wrapper #static-page-content .page-builder /*Image Frame/Rotate*/ img.frame{box-shadow: 0 2px 5px rgba(0,0,0,0.3);} #page-content .body-wrapper #static-page-content .page-builder img.tilt-left{-ms-transform: rotate(-3deg);-webkit-transform: rotate(-3deg);transform: rotate(-3deg); transition: 0.3s ease-in-out 0s !important;} #page-content .body-wrapper #static-page-content .page-builder img.tilt-right{-ms-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg); transition: 0.3s ease-in-out 0s !important;} #page-content .body-wrapper #static-page-content .page-builder /*Accordion Tables*/ .accordion-table table{margin-bottom: 20px; margin-top: 10px; width: calc(100% - 2px);} #page-content .body-wrapper #static-page-content .page-builder small.accordion-click-to-expand{color: #d31716; float: right; margin-right: 30px; margin-top: 5px;} #page-content .body-wrapper #static-page-content .page-builder .accordion-content.accordion-header.accordion-table{display: block; max-height: 0px; padding-top: 0px; padding-bottom: 0px; overflow-x:auto;/*Changed from scroll*/} #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion-table td:first-child{font-weight: bold; position: sticky; left: 0; background-color: #333; border-bottom: 1px solid #333} #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-table td:first-child p{color: #fff;} #page-content .body-wrapper #static-page-content .page-builder .accordion-table table tr:first-child td:first-child{/*border-radius: 6px 0 0 0;*/ border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion-table table tr:last-child td:first-child{/*border-radius: 0 0 0 6px;*/ border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder .accordion-table > p{font-size: 1em;} #page-content .body-wrapper #static-page-content .page-builder .accordion-table tr:first-child p{font-weight: bold;} #page-content .body-wrapper #static-page-content .page-builder /*Size Charts - PB Preview*/ table.resp-size-guide-wrapper{border:0;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-container{min-height:200px; display: table; width: 100%;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-header{min-height:50px; padding: 5px 25px 5px 0; vertical-align:middle;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-row{max-width:100%;min-height:40px; display: table-row;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-row:nth-child(2n){background: #f5f5f5;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-label{/*width:9%;*/ float: left; text-align: left; padding: 0 0 0 1%; width: 80px;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{float: left;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{float: left;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{float: left;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{float: left; height: 40px;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{float: left; height: 40px;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{float: left; height: 40px;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{background: #d31716; height: 10px; position: relative; top: 50%; transform: translateY(-50%); border-radius: 5px; width: 20%;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{width: 40%;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{width: 40%;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-wrap{float: left; height: 40px; vertical-align: middle; position: relative;width: calc(49% - 80px);} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-label{display: table-cell;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-wrap{display: table-cell;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{display: table-cell;} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{display: table-cell;} #page-content .body-wrapper #static-page-content .page-builder /*Brands Page - Back To Top Arrow*/ .brand-card-logo{margin:5px auto 30px auto; max-width:160px; width:100%; height:auto;} #page-content .body-wrapper #static-page-content .page-builder .brand-card-logo img{display:block; margin:0 auto;} #page-content .body-wrapper #static-page-content .page-builder .brand-card-logo a.btn-primary{margin:15px 0 10px 0;} #page-content .body-wrapper #static-page-content .page-builder .brand-card-intro p.line-clamp-4{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin:10px 0 0 0; height:89px;} #page-content .body-wrapper #static-page-content .page-builder .brand-card{background-color:#f5f5f5; padding:20px; border-style:solid; border-color:#d5d5d5; border-width:1px; height:auto; margin-bottom:10px; margin-top:10px;} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter{margin-bottom:20px;} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter ul{background-color:#fff; border-bottom:1px solid #f5f5f5; padding:0;} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter li{border-bottom:3px solid #fff; color:#2e2e2e; display:inline-block; font-size:1.2em; font-weight:bold; margin:0 !important; padding:15px 10px;} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter li:hover{background-color:rgba(211,23,22,0.03); border-bottom:3px solid #d31716 !important;} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow .animation{-webkit-animation-name:bounce-vertical; animation-name:bounce-vertical; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:normal; animation-direction:normal; -webkit-animation-fill-mode:none; animation-fill-mode:none; -webkit-animation-play-state:running; animation-play-state:running;} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow{display:inline-block; width:110px; position:relative; top:10px;} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow span{ width:30px; height:30px; padding:0; background-image:url(../../assets/images/svg/catalouge-page.svg); background-image:url(../../assets/images/svg/catalouge-page.png)\9; background-repeat:no-repeat; background-position:-2px -673px; transform:rotate(-90deg); display:block; float:left; position:relative; top:-2px; left:1px;} #page-content .body-wrapper #static-page-content .page-builder /*Cannondale App link for range reviews*/ a.cannondale-app{color: #d31716; text-decoration: underline; display: inline-block; padding-top: 10px; font-weight:bold;} #page-content .body-wrapper #static-page-content .page-builder a.icon-link.cannondale-app::before{content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-right: 45px; margin-top: -8px;} #page-content .body-wrapper #static-page-content .page-builder /*MC - Accordion Overrides*/ .accordion-table-header{background-color:#f5f5f5 !important;} #page-content .body-wrapper #static-page-content .page-builder /*Full Width Headers*/ .static-page-banner.full-width-header{width: calc(100% + 22px); margin-left: -10px;} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner.full-width-header img{width: 100%;} #page-content .body-wrapper #static-page-content .page-builder /*Xmas TEMPORARY*/ .xmas-treat-temp{display:none;} #page-content .body-wrapper #static-page-content .page-builder /*Guides-Reviews Cards*/ .guide-card{box-shadow: 0 2px 5px rgba(0,0,0,0.25); margin-bottom: 20px; margin-top: 0; padding-bottom: 20px; padding-left: 0; padding-right: 0; background-color: #f5f5f5; display: inline-block;} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a{font-weight:bolder; line-height: 1; text-decoration:none; display: block; padding: 9px 10px 10px 10px;color: #4e4e4e;} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a.nav-highlight{color: #d31716;} #page-content .body-wrapper #static-page-content .page-builder .guide-card p{color: #4e4e4e; font-weight: bolder; padding: 0;} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a:hover{background-color: rgb(242, 222, 223); background-color: rgba(211,23,22,.1); transition: 500ms;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figcaption{padding: 5px 15px 0 15px;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figcaption.guide-half{float: left; width: calc(50% - 34.3px);} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure{border-bottom:4px solid #d31716; display: block;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure img{display: block; margin:0; width:100%;} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2.guide-card-cta{display: inline-block; line-height: 1.2; padding: 15px 25px 15px 0; position: relative;} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2.guide-card-cta:after{background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/cta-chevron-red-white.png) no-repeat center center; content: ""; display: inline-block; height: 100%; position: absolute; right: -5px; top: 0; vertical-align: middle; width: 30px;} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2:hover{opacity:0.8; transition: 500ms;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a{opacity: 1; transition: 0.4s; -webkit-transition:0.4s; display: block; padding-top: 0; padding-bottom: 0;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a:hover{opacity: 0.5; transition: 0.4s; -webkit-transition:0.4s; display: block; padding-top: 0; padding-bottom: 0;} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a:not(:hover){opacity: 1; transition: 0.4s; -webkit-transition:0.4s; display: block; padding-top: 0; padding-bottom: 0;} #page-content .body-wrapper #static-page-content .page-builder div[data-ga-category="Static Pages Navigation"]{margin-top: 20px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .guide-card h2.guide-card-cta{font-size: 1.4em;} #page-content .body-wrapper #static-page-content .page-builder /*Model Chooser*/ .h2-wrapper{position: relative;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container{position: absolute; vertical-align: middle; margin-top: -4px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container-left::before{content: ""; display: inline-block; float: left; border-left: solid 0 transparent; border-right: solid 25px rgba(255,255,255,.5); border-top: solid 25px transparent; border-bottom: solid 25px transparent; display: table-cell; position: absolute; left: -25px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container-right::after{content: ""; display: inline-block; float: right; border-left: solid 25px rgba(255,255,255,.5); border-right: solid 0 transparent; border-top: solid 25px transparent; border-bottom: solid 25px transparent; display: table-cell; position: absolute; right: -25px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range{line-height: 1; float: left; background: rgba(255,255,255,.5); color: #2e2e2e; padding: 5px 20px 0 20px; height: 40px; overflow: visible; height: 45px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range::before{background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #fff; width: 70px; height: 40px; display: inline-block; float: left; position: relative; left: -15px; top: -5px; border: 5px solid #f5f5f5; box-shadow: 0 2px 5px rgba(0,0,0,0.3); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range .range-label{font-family: 'Zilla Slab','Source Sans Pro',sans-serif; font-style: italic; font-weight: 700; font-size: 1.3em;} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table{border-radius:0; border-width:0;} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table td{border-radius:0; border-width:0;} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table th{border-radius:0; border-width:0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th{background-color:#2e2e2e; color:#fff; vertical-align: top; padding: 10px 20px; width: 20%;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th h3{color:#ffffff; font-size:24px; margin-bottom:10px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th p{font-weight: normal; color:#ffffff; font-size:16px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table td{border-bottom: 1px solid #c0c0c0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td{padding:10px 15px 30px 15px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td:nth-child(odd){background-color:#e9e9e9; vertical-align: top;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td:nth-child(even){background-color:#d5d5d5; vertical-align: top;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1{width:200px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2{width:240px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3{width:280px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4{width:320px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-5{width:360px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-6{width:400px;} #page-content .body-wrapper #static-page-content .page-builder#style-update h2{text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; color: #2e2e2e; font-size: 2.2em;} #page-content .body-wrapper #static-page-content .page-builder#style-update h3{text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; color: #2e2e2e; font-size: 1.8em; line-height:1;} #page-content .body-wrapper #static-page-content .page-builder#style-update p.quote{font-weight:bolder; font-style:italic; font-family:'Zilla Slab',sans-serif; font-size: 2em; line-height:1.4;} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner{width: calc(100% + 22px); margin-left: -10px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img{width: 100%;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary{display: inline-block; border-radius: 0; background-color: rgb(211,23,22); padding: 10px 50px 10px 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; color: #ffffff; text-align: left; line-height: 1.3;position: relative;white-space:initial;margin-top: 5px;margin-right: 10px;margin-bottom: 10px;margin-left: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary:after{content: ""; background: url(https://marketing-tredz.azureedge.net/assets/images/userpages/general/cta-chevron-white.png) no-repeat center center; height: 100%; width: 50px; display: inline-block; position: absolute; top: 0; right: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary:hover{color: #fff; background-color: #d44d4d; border-color: #d44d4d;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default{display: inline-block; border-radius: 0; background-color: #d3d3d3; padding: 10px 50px 10px 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; color: #333; text-align: left; line-height: 1.3; position: relative;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default:after{content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-grey-20.png) no-repeat center center; height: 100%; width: 50px; display: inline-block; position: absolute; top: 9px; top: 0; right: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default:hover{color: #333; background-color: #e3e3e3; border-color: #e3e3e3;} #page-content .body-wrapper #static-page-content .page-builder#style-update .checkbox:before{content: "";background: url(https://tredz.azureedge.net/assets/images/userpages/content-images/about-tredz/useful-info/bike-build/ico-tick.png) no-repeat center center;height: 100%;width: 130px;position: absolute;top: 0;left: 0; display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -60px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .checkbox{display: block;overflow: hidden;position: relative;padding: 10px 20px 10px 70px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .callout-dialogue{background-color: #ebebeb; padding: 0 30px 20px 30px;} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext{font-family:'Zilla Slab','Source Sans Pro',sans-serif; font-style:italic; font-weight:700; line-height:.9; padding-top:50px; padding-left:30px; padding-right: 40%;font-size: 4em;} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo{font-size: 6em;padding-right: 30px;} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:before{content: ""; margin-top: 30px; display: block;} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub{ background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); -left: 30px; padding-right: 30px;} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub::before{content: ""; top: -20px; display: block; left: 50%; margin-top: 10px; transform: translateX(-50%);} #page-content .body-wrapper #static-page-content .page-builder#style-update .h1-wrapper h1{background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); height:calc(100% - 50px); background: none; text-shadow: 8px 8px 15px rgb(0,0,0,1), 6px 0 7px rgba(0,0,0,0.65);} #page-content .body-wrapper #static-page-content .page-builder /*Range Reveiws*/ &#style-update .brand-model-chart table thead tr th h3{color:#fff;} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th p{color:#fff;} #page-content .body-wrapper #static-page-content .page-builder#style-update .intext{position: absolute; z-index: 8; width: auto; padding: 0 15px; margin: 0; bottom: 0; left: 0; right: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update h2.intext{font-family: 'Zilla Slab','Source Sans Pro',sans-serif; font-style: italic; font-weight: 700; line-height: .9; padding-top: 50px; padding-left: 30px; padding-right: 30px; font-size: 3.6em; letter-spacing: 0px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .h2-wrapper h2{background: linear-gradient(90deg,rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); height: calc(100% - 50px); color: #fff; text-transform: none;} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h2.h2-intext{color: #fff;} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h3.h3-intext{color: #fff;} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .section-buttons{width: 25%;} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay{background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,.6) 60%,rgba(0,0,0,0) 100%);} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="review"] .h1-wrapper h1.h1-intext{padding-top: 30px; padding-left: 30px; padding-right: 60%;font-size: 4em; position: absolute; padding-bottom: 0;display: inline; top: 0;background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);} #page-content .body-wrapper #static-page-content .page-builder /*Nav Blocks*/ &#style-update{} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block h2{color: #fff;font-weight: bold;font-style: italic; font-family: "Zilla Slab","Source Sans",sans-serif; text-transform: none; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block-btn .nav-block h2{position: absolute; top: 45%; left: 50%; transform: translateX(-50%) translateY(-100%);} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block span{font-weight: bold;font-style: italic;font-family: "Zilla Slab","Source Sans",sans-serif; text-transform: none;} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block img{margin-top: 0; margin-bottom: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block-btn a.btn{position: relative; bottom: 80px; margin-bottom: -30px;} #page-content .body-wrapper #static-page-content .page-builder /*Buttons - Inline Dynamic Price*/ &#style-update{} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline #product-cards .search-results .product:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline #product-cards .search-results .product{width:auto; height:auto; border:0; margin-left:0; margin-bottom:0; position:relative; text-align:initial; float:none; top:-38px; display:inline-block;} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline #product-cards .search-results .product .pricing{position:relative; bottom:0; height:auto; width:auto; padding:0; display:inline-block; overflow:hidden;} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline #product-cards .search-results .product .pricing .sales-price{text-align:initial; display:inline; border-radius:0; background-color:transparent; text-transform:uppercase; letter-spacing:2px; font-weight:bolder; color:#ffffff; position:relative; white-space:initial; left:-42px;} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline::before{content: "\A"; white-space: pre;} #page-content .body-wrapper #static-page-content .page-builder .product-card-price-inline{margin-top: -1.5em;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.btn-from-price{padding-bottom: 2em;} #page-content .body-wrapper #static-page-content .page-builder /*General Table Style Update*/ &#style-update{} #page-content .body-wrapper #static-page-content .page-builder#style-update table{border: 1px solid #d5d5d5;border-radius: 0;width: calc(100% - 2px);overflow-wrap: anywhere;} #page-content .body-wrapper #static-page-content .page-builder#style-update table th{background-color: #ececec;border-radius: 0; color: #6e6e6e; font-size: 18px; padding: 9px;} #page-content .body-wrapper #static-page-content .page-builder#style-update table th:first-child{border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table th:last-child{border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr:last-child td:first-child{border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr:last-child td:last-child{border-radius: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr td:first-child{font-weight: bold;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th{border-bottom: 1px solid #d5d5d5;background-color: #ececec; color: #6e6e6e; font-size: 18px;padding: 4px 9px;line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th p{color: #6e6e6e; font-size: 18px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th b{color: #6e6e6e; font-size: 18px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th strong{color: #6e6e6e; font-size: 18px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th li{color: #6e6e6e; font-size: 18px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th span{color: #6e6e6e; font-size: 18px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th a{font-size: 16px; padding: 0; line-height: 1; margin:0 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td{border-bottom: 1px solid #d5d5d5; color: #6e6e6e; font-size: 16px; padding: 14px 9px; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td p{color: #6e6e6e; font-size: 16px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td b{color: #6e6e6e; font-size: 16px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td strong{color: #6e6e6e; font-size: 16px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td li{color: #6e6e6e; font-size: 16px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td span{color: #6e6e6e; font-size: 16px;padding: 0; line-height: 1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td a{font-size: 16px;padding: 0; line-height: 1; margin:0 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr:last-child td{border-bottom: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update a.btn-table{font-weight:bold; color: #d31716; text-decoration: underline; display: block; text-align: center;} #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper{overflow: auto;} #page-content .body-wrapper #static-page-content .page-builder /*2020-07 Range Review - New Style*/ &#style-update{} #page-content .body-wrapper #static-page-content .page-builder .no-margin{margin:0} #page-content .body-wrapper #static-page-content .page-builder .no-padding{padding:0} #page-content .body-wrapper #static-page-content .page-builder .grey-chevron::after{content:url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-black-22.png);width:22px;height:22px;position:relative;left:5px;top:3px} #page-content .body-wrapper #static-page-content .page-builder .column.column-vertical-middle{vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .rr-2020 h1{font-size:4em;font-family:'Zilla Slab','Source Sans Pro',sans-serif;font-weight:700;font-style:italic;line-height:1.2;text-transform:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 h2{font-size:2.5em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 h3{font-size:2em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 p{font-size:1.5em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020{background-color:#222;display:inline-block;margin-top:-20px;color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020-text{padding:0 80px;direction: ltr;} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h1{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h2{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h3{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 p{color:#fff;} #page-content .body-wrapper #static-page-content .page-builder .rr-header-2020-padding{padding:0 200px} #page-content .body-wrapper #static-page-content .page-builder .rr-header-2020-padding.rr-header-2020-padding-thin{padding:0 90px} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020.rr-header-2020-text-bottom figcaption{position:absolute;top:95%;transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020.rr-header-2020-text-top figcaption{position:absolute;top:0;transform:translate(-50%,20px);-webkit-transform:translate(-50%,20px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h1{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h2{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h3{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 p{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 b{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h1.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h2.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h3.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 p.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 b.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .section-related-guides figure.nav-block h2{text-shadow:8px 8px 15px rgb(0,0,0,1), 6px 0 7px rgba(0,0,0,0.65);} #page-content .body-wrapper #static-page-content .page-builder .section-related-guides .column{padding-left:7.5px;padding-right:7.5px} #page-content .body-wrapper #static-page-content .page-builder .section-related-guides figure.nav-block::before{background:transparent} #page-content .body-wrapper #static-page-content .page-builder /*Groupset Tables*/ &#style-update{} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color: #30ace2;} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-sram{background-color: #ee1b22;} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-campag{background-color: #000; color:#fff;} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 tbody tr td{padding: 9px; vertical-align: middle;} #page-content .body-wrapper #static-page-content .page-builder .groupset-table-2 .table-circle{height: 40px; width: 40px; border-radius: 50%; line-height: 40px; background-color: #d31716; text-align: center; color: #fff; position: relative; margin: 0 10px 10px 20px; display: inline-block; font-size: 1.2em; font-weight: bold; top: 4px; vertical-align: top;} #page-content .body-wrapper #static-page-content .page-builder .groupset-table-2 img{max-height: 40px;} #page-content .body-wrapper #static-page-content .page-builder.brands{ display:none; } .ismobile #page-content #timer a .timer{ left: 46%; top: calc(100% - 62px);} .ismobile #page-content #timer a .timer .timer-segment{ width: 30% !important;} .ismobile #page-content #timer a .timer .timer-segment .timer-data{ color: #000; font-size: 16px; line-height: 36px; font-weight: bold;} .ismobile #page-content #timer a .timer .timer-segment .timer-display{ color: #000; font-size: 12px;} .ismobile #page-content #timer span.timer-display{ bottom: -4px !important;} .ismobile #page-content #timer .dropdown{ background-image: none; height: auto;} .ismobile #page-content #timer .timer-slide-down{ -webkit-backface-visibility: hidden; /*Fixes flickering effect on Chrome*/} .ismobile #page-content #timer /* .timer-segment::after{ content: ":"; color: #fff;} .ismobile #page-content #timer .timer-segment:last-child::after{ content: "";}