/* Base Styles */ /* Clear Elements */ .group:before, .group:after { content: ""; display: table;} .group:after { clear: both;} .group { zoom: 1;} /* Set up REM style */ /* html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; background: #fff;} h1 { font-size: 24px; font-size: 2.4rem; } */ /* Older browsers */ html { font-size: 12px; background: #fff;} @media screen and (min-width: 320px) { html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); } } @media screen and (min-width: 800px) { html { font-size: 16px; } } /* Border Box */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Font Styles */ h1 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 30px; font-size: 1.875em; color: #0074d9; line-height: 1.4; margin: 0px; } h2 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 25px; font-size: 1.5625em; color: #0074d9; line-height: 1.4; margin: 0px; } h3 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 20px; font-size: 1.25em; color: #0074d9; line-height: 1.4; margin: 0px; } h4 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; color: #0074d9; line-height: 1.4; margin: 0px; } h5 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1.0em; color: #0074d9; line-height: 1.4; margin: 0px; } h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; font-size: 0.875em; color: #0074d9; line-height: 1.4; } p { color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 20px; font-weight: normal; font-style: normal; } a { color: #333333; font-family: 'Open Sans', sans-serif; line-height: 20px; text-decoration: none; font-weight: normal; font-style: normal; } ul li, ol li, li { color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 20px; font-weight: normal; font-style: normal; } em { color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 20px; font-weight: normal; font-style: italic; } .row { background: #fff;} .row.no-bg { background: none;} /* Header Bar */ .header-logo-top { margin-bottom: 25px;} .header-bar-top-kits { width: 100%; padding: 5px 0; background: #d00a11;} .header-kit-inner h4 { color: #fff; text-align: center; font-size: 14px; font-size: 0.875em;} .header-kit-inner a { color: #fff; font-weight: bold;} .header-top { background: #222222; padding: 10px 0;} .header-top .trade-signup { text-align: right;} .header-top .trade-signup a { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 13px; font-size: 0.8125em; color: #fff; } .navigation-bar ul { padding: 0px; margin: 0px;} .navigation-bar li:not(:last-child) { margin-right: 8px;} .navigation-bar li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.75); padding-right: 8px; margin-right: 8px; } .navigation-bar li { display: inline-block; font-size: 13px; } .navigation-bar li a { color: #fff;} .navigation-bar .hikvision-seller { padding-left: 1.5rem; position: relative;} .navigation-bar .hikvision-seller:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; background-image: url("/hiwatchbyhikvision-co-uk/_img/img/hikvision-icon.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;} .navigation-bar .best-price { padding-left: 1.5rem; position: relative;} .navigation-bar .best-price:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; background-image: url("/hiwatchbyhikvision-co-uk/_img/img/price-icon.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;} /* Navigation */ #primary { margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px; text-align: left; } #primary>li { display: inline-block; vertical-align: middle; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0 10px; border-right: 1px solid #fff;} #primary>li:hover { } #primary>li>a { transition: all 0.5s ease 0s; display: block; vertical-align: middle; transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 14px; font-size: 0.875em; color: #fff; /*height: 40px; line-height: 40px; */ position: relative; text-decoration: none; } #primary>li>a:hover { color: #680d14;} #primary>li:last-of-type>a { border-right: 0px;} .menu>li>a.linkActive, #primary>li.liLinkActive a { color: #680d14;} /* Dropdown LV1 */ #primary>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} #primary>li:hover>ul { display: block; position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; } #primary>li>ul>li { padding: 7px 10px !important; text-align: left; } #primary>li>ul>li:hover { background: #68b32d;} #primary>li>ul>li>a { height: auto; display: block; border: none; font-size: 16px !important; font-size: 1em !important; line-height: 20px !important; color: #024b8f; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 600; padding: 0px; } #primary>li>ul>li>a:hover { text-decoration: none;} #primary li>ul>li { position: relative;} /* Dropdown LV2 */ #primary>li>ul>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} #primary>li>ul>li:hover>ul { display: block; position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; } #primary>li>ul>li>ul>li { padding: 7px 10px !important; text-align: left; } #primary>li>ul>li>ul>li:hover { background: #68b32d;} #primary>li>ul>li>ul>li a { height: auto; display: block; border: none; font-size: 16px !important; font-size: 1em !important; line-height: 20px !important; color: #024b8f; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 600; padding: 0px; } #primary>li>ul>li>ul>li a:hover { text-decoration: none;} #primary li>ul>li>ul>li { position: relative;} /* Dropdown LV3 */ #primary>li>ul>li>ul>li>ul { display: none; white-space: nowrap; list-style: none; text-decoration: none; margin: 0px;} #primary>li>ul>li>ul>li:hover>ul { display: block; position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; } #primary>li>ul>li>ul>li>ul>li { padding: 7px 10px !important; text-align: left; } #primary>li>ul>li>ul>li>ul>li:hover { background: #68b32d;} #primary>li>ul>li>ul>li>ul>li a { height: auto; display: block; border: none; font-size: 16px !important; font-size: 1em !important; line-height: 20px !important; color: #024b8f; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 600; padding: 0px; } #primary>li>ul>li>ul>li>ul>li a:hover { text-decoration: none;} #primary li>ul>li>ul>li>ul>li { position: relative;} .mobile-trigger { display: none !important; height: 100%; position: relative; z-index: 150;} body.menu-open { color: black; } body.menu-open > .nav-overlay { opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .nav-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; height: 100%; width: 100%; backface-visibility: hidden; opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 0; background-color: slategrey; } .nav-overlay ul { width: 50%; display: block; margin: 0 auto; padding: 54px 0; } .nav-overlay ul li { list-style: none; font-size: 240%; margin-bottom: 24px; animation-duration: 249ms; animation-name: slideInLeft; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-fill-mode: backwards; -webkit-animation-delay: 120ms; animation-delay: 120ms; } .nav-overlay ul li a { text-decoration: none; color: black; } .nav-overlay ul li a:hover { color: orange; } .burger-contain { width: 50px; height: 45px; margin: 00px auto; cursor: pointer; z-index: 20; } .burger { width: 60%; height: 2px; background: #fff; position: relative; margin: 0 auto; top: 20px; transition: 0.3s all cubic-bezier(0.27, 0.67, 0.1, 1.12); transform-origin: 100% 0%; } .burger:before { content: ''; width: 100%; height: 2px; background: #fff; position: relative; display: block; top: -8px; transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); } .burger:after { content: ''; width: 100%; height: 2px; background: #fff; position: relative; display: block; top: 6px; transition: 0.3s all cubic-bezier(0.17, 0.87, 0.1, 1.13); } .burger.active { transform: scale(1.5); border-radius: 200%; height: 25px; width: 25px; background: none; border: 2px solid #fff; transform-origin: 50% 0%; top: 0px; padding-top: 7px; padding-left: 0px; transition: 0.3s all cubic-bezier(0.87, 0.87, 0.1, 1.63); } .burger.active:before { transform: rotate(45deg) scale(0.8); transform-origin: 50% 50%; top: 3px; opacity: 1; transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); background: #fff; width: 20px; } .burger.active:after { transform: rotate(-45deg) scale(0.8); transform-origin: 50% 50%; top: 1px; opacity: 1; transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); background: #fff; width: 20px; } /*.menu-open .bottom-header { position: static;}*/ .menu-open { position: relative;} .menu-open .mobile-trigger { } .menu-open .down-btn { z-index: 0;} @keyframes slideInLeft { 0% { transform: translateX(-100%); visibility: visible; } 100% { transform: translateX(0); } } .slideInLeft { animation-name: slideInLeft; } .mobile { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; overflow: auto; background: #707273; } .mobile #mobile-nav { margin: 0; padding: 6em 1.24732em; display: block; } .mobile ul#mobile-nav.menu li a { transition: all 0.5s ease 0s; font-family: 'Droid Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; text-decoration: none; color: #fff; } .mobile ul#mobile-nav.menu li a:hover, .mobile ul#mobile-nav.menu li a:active { color: #28357a;} .mobile #mobile-nav > li { } .mobile #mobile-nav li { list-style: none; margin-bottom: 0.49012em; padding-bottom: 1em; width: 80%; margin-left: auto; margin-right: auto;} /*.mobile #mobile-nav li.has-dropdown > a:after { font-family: 'icomoon'; content: "\e606"; color: #FFFFFF; font-size: 0.75em; margin-left: 0.625em; vertical-align: 1px; }*/ .mobile #mobile-nav li.dropdown-open { padding-bottom: 0; } .mobile #mobile-nav li.dropdown-open > a:after { font-family: 'icomoon'; content: "\e607"; color: #FFFFFF; font-size: 0.75em; margin-left: 0.625em; vertical-align: 1px; } .mobile #mobile-nav li.dropdown-open ul { display: block; font-weight: normal; background-color: rgba(226, 200, 162, 0.1); } .mobile #mobile-nav li.dropdown-open ul > li { border-bottom: 1px solid #e2c8a2; } .mobile #mobile-nav li.dropdown-open ul > li:first-child { border-top: 1px solid #e2c8a2; padding-top: 0.79012em; margin-top: 0.79012em; } .mobile #mobile-nav li.dropdown-open ul > li:last-child { margin-bottom: 0; } .mobile #mobile-nav li a { display: block; color: #FFFFFF; font-size: 1.60181em; } .mobile #mobile-nav li ul { display: none; } .mobile-trigger { text-align: right;} .header-main { background: url("/hiwatchbyhikvision-co-uk/_img/img/header-bg2.png") no-repeat; background-color: #0074d9; background-position: 70% center; padding: 2% 0; } .logo-box img { width: 240px;} .translate-wrap { width: 100%; display: block;} .goog-te-banner-frame.skiptranslate { display: none !important; } #google_translate_element { display: none;} body { top: 0px !important;} .goog-tooltip { display: none !important; } .goog-tooltip:hover { display: none !important; } .goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; } .language-btn { text-align: right; margin-bottom: 20px;} .translation-links { text-align: right; padding: 0px;} .translation-links li { list-style-type: none; display: inline-block;} .top-contact-buttons { width: 25%; float: left; } .tel-btn { text-align: center; float: left; width: 50%; } .tel-btn img { height: 35px;} .tel-btn a { color: #fff; font-size: 14px; font-size: 0.875em; display: block; font-weight: 700; } .email-btn { text-align: center; float: left; width: 50%; } .email-btn img { height: 35px;} .email-btn h3 { color: #fff; font-size: 14px; font-size: 0.875em; } .search-box { width: 49%; float: left;} .search-account-wrap { width: 100%; display: block;} .search-account-wrap form input { width: 80%; float: left; padding: 10px; border: 0px;} .search-account-wrap form a.ecommerceSearchBtn { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out; width: 20%; float: left; background: #004b8d; padding: 9px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .search-account-wrap form a.ecommerceSearchBtn:hover { opacity: 0.8;} .ecommerceSearchControlsCategory { display: none;} .top-account-buttons { width: 26%; float: left; } .register-btn { text-align: center; float: left; width: 33.33%; } .register-btn img { height: 35px;} .register-btn h3 { color: #fff; font-size: 14px; font-size: 0.875em; } .account-btn { text-align: center; float: left; width: 33.33%; } .account-btn img { height: 35px;} .account-btn h3 { color: #fff; font-size: 14px; font-size: 0.875em; } .basket-btn { text-align: center; float: left; width: 33.33%; } .basket-btn img { height: 35px;} .basket-btn h3 { color: #fff; font-size: 14px; font-size: 0.875em; } .header-category-link { background: #222222;} .contact-number { text-align: right;} .contact-number img { display: inline-block; width: 28px; vertical-align: middle; margin-right: 10px;} .contact-number p { display: inline-block; color: #707273;} body { background-attachment: fixed; background-color: #f6f6f6; background-image: url("/hiwatchbyhikvision-co-uk/_img/img/hikvision-bg3.png"); background-position: top 10% center; background-repeat: no-repeat; } .why-choose-wrapper { width: 100%; background: #f6f6f6; margin: 0 0 20px 0;} .key-points { width: 100%; padding: 1%; } .key-point-item { width: 25%; float: left; text-align: center; border-right: 1px dashed #242424; display: table;} .key-point-item h5 { font-size: 20px; font-size: 1.25em; color: #292929; text-transform: uppercase; margin: 0px;} .key-point-item:last-of-type h5 { font-size: 14px; font-size: 0.875em; color: #292929; text-transform: uppercase;} .key-point-item p { margin: 0px; color: #0074d9; font-size: 12px; font-size: 0.75em; text-transform: uppercase;} .key-point-img { float: left; width: 20%; display: table;} .key-point-img img { height: 42px;} .key-point-text { float: left; width: 80%; display: table;} .key-point-text h5 { color: #707273; font-size: 14px; font-size: 0.875em;} .inner-position { vertical-align: middle; display: table-cell; width: 100%;} .slide-wrapper { width: 100%; padding-top: 6.5%;} .link-box { float: left; width: 33.33%; padding: 0.5% 0.5% 0.5% 0;} .link-box:last-of-type {padding-right: 0;} .latest-products { margin-bottom: 10px;} .latest-products h2 { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #909090; color: #0074d9; font-size: 18px; font-size: 1.125em; text-transform: uppercase;} .link-box-products { margin-bottom: 10px;} .featured-products { margin-bottom: 10px;} .featured-products h2 { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #909090; color: #0074d9; font-size: 18px; font-size: 1.125em; text-transform: uppercase;} .product_tag { margin-bottom: 25px;} .product_item { width: 19%; float: left; margin: 0 0.5%; border: 1px solid #cbcbcb; padding: 15px; margin-bottom: 20px;} .productCat { display: none;} .productDesc { display: none;} .productName { text-align: center; margin-top: 15px; margin-bottom: 15px;} .productName a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875em; color: #0074d9; text-align: center;} .productPrice { font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; font-size: 32px; font-size: 2em; color: #333333;} .productPriceVat { font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; font-size: 16px; font-size: 1em; color: #333333;} .product_view_btn a { display: none;} .detailProductPrice { margin-bottom: 15px;} .detailProductPrice:first-of-type { font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; font-size: 36px; font-size: 2.25em; color: #ff0000; margin: 0px; margin-bottom: 0px;} .detailProductPrice:last-of-type { font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; font-size: 16px; font-size: 1em; color: #0074d9; margin: 0px; margin-bottom: 20px;} .ecommerceSummaryReviewsItem { width: 100%; display: block; float: left; text-align: center; margin-top: 15px;} .ecommerceStar, .ecommerceNoStar { display: inline-block; margin-right: 5px;} .ecommerceStar { width: 20px; height: 20px; background: url("/hiwatchbyhikvision-co-uk/_img/img/star.png");} .ecommerceNoStar { width: 20px; height: 20px; background: url("/hiwatchbyhikvision-co-uk/_img/img/no-star.png");} .grey-row { background: #0074d9;} .featured-videos { margin: 20px 0;} .featured-videos h2 { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #fff; color: #fff; font-size: 18px; font-size: 1.125em; text-transform: uppercase;} .footer { background: #222222; text-align: center; padding: 25px 0;} .footer p { font-size: 12px; font-size: 0.75em;} .footer p, .footer a { color: #b6b6b6;} .footer ul li { float: left; padding: 0 1.1rem; width: auto; display: inline-block; padding: 0 1rem; border-right: 1px solid rgba(255, 255, 255, 0.3);} .footer ul li a { color: #fff; display: block; font-size: 0.75rem; opacity: 0.6;} .featured-videos .featured-videos__item { padding: 5px;} .featured-videos .prev-arrow { width: 5%; float: left; text-align: center; height: 100%; margin-top: 7%;} .featured-videos .slick-list { width: 90%; float: left;} .featured-videos .next-arrow { width: 5%; float: left; text-align: center; height: 100%; margin-top: 7%;} .featured-videos__carousel .prev-arrow, .featured-videos__carousel .next-arrow { cursor: pointer;} .featured-videos__title p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; font-size: 14px; font-size: 0.875em; } .inner-content { padding: 2% 20px;} .side-bar-main { padding: 20px; background: #0074d9;} .side-bar-main h2 { color: #fff; font-size: 20px; font-size: 1.25em; border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 10px;} .side-bar-main .categoryItem { margin-bottom: 10px;} .side-bar-main .categoryItem a { color: #fff;} .shop-products .product_item { width: 24%; margin-bottom: 20px;} .category-desc-wrapper { padding: 25px; background: #0074d9; } .category-desc-wrapper h2 { color: #fff; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 15px; } .category-desc-wrapper p { color: #fff;}.category-desc-wrapper img {width: 100%; } .category__filter { padding: 20px; background: #f6f6f6;}} .category__filter__sort__label { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #333; font-size: 18px; font-size: 1.125em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px;} .category__filter__header { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #333; font-size: 18px; font-size: 1.125em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px;} .category__filter__options { margin-bottom: 15px;} .category__filter__options__item { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #333;} .category__filter__options__item a { font-size: 14px; font-size: 0.875em;} .category__filter__sort__input { margin-bottom: 15px;} .category__filter__sort__input select#ecommerceSort { width: 100%; border: 1px solid #333; padding: 8px;} .category__filter__options__selected { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875em; padding: 8px 0px 8px 15px; color: #0074d9; border-bottom: 1px dotted #0074d9;} .category__filter__options__selected:before { content: "?"; margin-right: 10px;} .product-info-side { padding: 20px; border: 1px solid #dddddd;} /*.product-side .product-info-side .price-wrap .detailProductPrice p { text-align: center; font-size: 35px; font-size: 2.1875em; margin: 0px;}*/ .detailProductQuantityLabel { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 10px;} .detailProductQuantityInput { margin-bottom: 15px;} .detailProductQuantityInput input { padding: 10px; border: 1px solid #ddd; width: 100%;} .detailProductBuyButton { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #0074d9; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .detailProductBuyButton:hover { opacity: 0.8;} .side-points ul { padding: 0px;} .side-points ul li { list-style-type: none; padding: 8px; border: 1px solid #ddd; text-transform: uppercase;} /*.detailProductPrice { padding: 10px; color: #0074d9; margin-bottom: 25px;} .detailProductPrice p { color: #0074d9;}*/ .page-content .inner-content { padding: 0px 20px 40px 20px;} .product-img { margin-bottom: 20px; } .product-title { margin-bottom: 10px; border-bottom: 1px solid #909090; margin-bottom: 10px; padding-bottom: 10px;} .product-title h1 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 25px; font-size: 1.5625em; text-transform: none; margin: 0px;} .detailProductCat { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; font-size: 1em; margin: 10px 0;} .detailProductImage { *zoom: 1; } .detailProductImage:before, .detailProductImage:after { content: " "; display: table; } .detailProductImage:after { clear: both; } .detailProductImage #ecom_zoom { width: 80%; display: block; margin: 0 auto; /* Set your desired dimensions */ /* height: 450px; */ overflow: hidden; margin-bottom: 10px; /* important if you want to use image positioning jQuery */ position: relative; } .detailProductImage #ecom_zoom .cycle-slide { width: 100%; /* set your height */ padding-top: 100%; } .detailProductImage #ecom_zoom .cycle-slide img { width: 100%; /* this cancels out any max-width you might have set on 'img' element */ max-width: initial; height: auto; } .product__detail { *zoom: 1; } .product__detail:before, .product__detail:after { content: " "; display: table; } .product__detail:after { clear: both; } .product__detail .detailProductFeat { margin-bottom: 20px; } .product__detail .ecommerceProductOptions { margin-bottom: 20px; *zoom: 1; display: none; } .product__detail .ecommerceProductOptions:before, .product__detail .ecommerceProductOptions:after { content: " "; display: table; } .product__detail .ecommerceProductOptions:after { clear: both; } .product__detail .ecommerceProductOptions .productOptions { *zoom: 1; } .product__detail .ecommerceProductOptions .productOptions:before, .product__detail .ecommerceProductOptions .productOptions:after { content: " "; display: table; } .product__detail .ecommerceProductOptions .productOptions:after { clear: both; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerTitle { font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerLabel { display: block; float: left; /* you may need to tweak this dependant on length of option label */ width: 30%; margin-bottom: 5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown { display: block; float: left; /* you may need to tweak this dependant on length of option label */ width: 70%; margin-bottom: 5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown select { width: 100%; } .product__detail .detailProductPrice { /* extended from heading 4 styles */ } .product__detail .productHide { /* hide unnecessary output - you will alway want this in place */ display: none; } #carousel { /* clear as a precaution */ *zoom: 1; position: relative; padding: 0 24px; } #carousel:before, #carousel:after { content: " "; display: table; } #carousel:after { clear: both; } #carousel .cycle-slide { /* set your thumbnail dimensions */ width: 100px; height: 100px; /* basics */ display: block; overflow: hidden; position: relative; /* optional - if we set a border the same color as background it looks like margin */ border: 3px solid #cccccc; margin-right: 5px; } #carousel .cycle-slide.cycle-slide-active { /* we can then change the active thumbnail border-color to help highlight which is currently in view */ border-color: #333; } #carousel .cycle-slide img { /* if you have max-width: 100%; in your css globally, this can break the resize function. In order to stop this, the follow CSS will cancel out the max-width and prevent breakage */ max-width: initial; } #carousel .cycle-prev { /* hides text */ text-indent: -9999px; /* positions them absolute to the carousel cotainer */ position: absolute; left: 0; top: 50%; /* gets rid of dotted outline on click */ outline: 0; margin-top: -12px; width: 24px; display: block; height: 24px; /* remember, as a background image, svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image: url("/patternlibrary-co-uk/_img/arrow-left.svg"); background-position: center center; background-repeat: no-repeat; /* when you just can't scroll anymore, lets give the user some feedback */ } #carousel .cycle-prev.disabled { opacity: 0.5; } #carousel .cycle-next { /* hides text */ text-indent: -9999px; /* positions them absolute to the carousel cotainer */ position: absolute; right: 0; top: 50%; /* gets rid of dotted outline on click */ outline: 0; margin-top: -12px; width: 24px; display: block; height: 24px; /* remember, as a background image, svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image: url("/patternlibrary-co-uk/_img/arrow-right.svg"); background-position: center center; background-repeat: no-repeat; /* when you just can't scroll anymore, lets give the user some feedback */ } #carousel .cycle-next.disabled { opacity: 0.5; } #custom-pager { display: none; *zoom: 1; /* usually hidden - if used we add padding to push away from edge to match carousel */ padding: 0 24px; margin-top: 10px; } #custom-pager:before, #custom-pager:after { content: " "; display: table; } #custom-pager:after { clear: both; } #custom-pager span { display: inline-block; vertical-align: top; margin-right: 8px; } #custom-pager span a { text-decoration: none; outline: 0; } .side-points { float: left; width: 100%;} .side-points ul { padding-left: 0px;} .side-points ul li { list-style-type: none; font-size: 13px; color: #222; margin-bottom: 5px;} .side-points ul li img { margin-right: 5px; vertical-align: -3px;} .product-description-wrap { padding: 20px; background: #f6f6f6; margin-bottom: 20px;} .product-description-wrap h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .detailProductDesc p { color: #333; } .product-item__videos { padding: 20px; background: #f6f6f6; margin-bottom: 20px;} .product-item__videos h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .product-spec { padding: 20px; background: #f6f6f6; margin-bottom: 20px;} .product-spec h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .product-features-wrap { padding: 20px; background: #f6f6f6; margin-bottom: 20px;} .product-features-wrap h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .product-quantity-discount { padding: 20px; background: #f6f6f6; margin-bottom: 20px;} .product-quantity-discount h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; display: table-caption; text-align: left !important;} .product-related { margin-bottom: 20px; float: left; width: 100%; display: block;} .product-related #similarProducts.similarProducts h2 { color: #3B3B3B; font-size: 18px;} .similarProductWrap { background: #fff none repeat scroll 0 0; border: 1px solid #d2d2d2; float: left; margin-bottom: 20px; margin-right: 1%; padding: 17px; text-align: center; width: 24%; cursor: pointer;} .similarProductWrap:hover { border: 1px solid #333; } .similarProductTitle { margin-top: 15px; font-size: 14px; line-height: 18px; color: #133452;} .similarProductImage { padding-top: 80%;} .discount__table { display: table; table-layout: fixed; width: 100%;} .disTblRow { display: table-row; width: 100%;} .disTblCol { display: table-cell; width: auto;} .disTblCol { /*width: 16.6%; */ font-size: 12px; text-align: center;} .disTblRow { background: #e6e6e6; color: #575757;} .disTblRow .disTblCol { vertical-align: middle; padding: 10px; border-right: 1px solid #6b6b6b;} .disTblRow .disTblCol:last-of-type { border-right: 0px;} .disTblRow:first-of-type .disTblCol, .disTblRow:last-of-type .disTblCol { border-bottom: 0px;} .disTblRow1 { background: #3b3b3b; } .disTblRow2 { background: #e6e6e6; color: #3b3b3b;} .disTblRow3 { background: #dcdcdc; color: #3b3b3b;} .disTblRow4 { background: #b8b8b8; color: #3b3b3b;} .disTblRow1 .disTblCol { color: #fff; vertical-align: middle; padding: 10px; border-right: 1px solid #6b6b6b;} #checkoutMessage p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; text-align: center;} #checkoutMessage a#checkoutAddMore { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #707273; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em; margin-bottom: 15px; } #checkoutMessage a#checkoutAddMore:hover { opacity: 0.8;} #checkoutMessage a#checkoutGo { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #0074d9; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #checkoutMessage a#checkoutGo:hover { opacity: 0.8;} .product-reviews { margin-bottom: 20px; float: left; width: 100%; display: block; float: left;} .ecommerceReviewsItem { padding: 20px; border: 1px solid #ddd; margin-bottom: 20px;} .ecommerceReviewsTitle h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .ecommerceReviewsItemName { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 15px;} .ecommerceReviewsItemStar { margin-bottom: 20px;} .ecommerceReviewsItemComment { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em;} .ecommerceReviewsFormWrap { padding: 20px; background: #f6f6f6;} .ecommerceReviewsFormWrap h2 { color: #0074d9; font-size: 25px; font-size: 1.5625em; border-bottom: 2px solid #0074d9; padding-bottom: 10px; margin-bottom: 15px; } .ecommerceReviewsLabelName { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 10px;} .ecommerceReviewsInputName input { width: 100%; padding: 10px; margin-bottom: 10px;} .ecommerceReviewsLabelEmail { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 10px;} .ecommerceReviewsInputEmail input { width: 100%; padding: 10px; margin-bottom: 10px;} .ecommerceReviewsLabelStar { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 10px;} .ecommerceReviewsInputStar select { width: 100%; padding: 10px; margin-bottom: 10px;} .ecommerceReviewsLabelComment { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; margin-bottom: 10px;} .ecommerceReviewsInputComment textarea { width: 100%; padding: 10px; margin-bottom: 10px;} .ecommerceReviewsPost a.ecommerceReviewsPostButton { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out; width: 20%; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .ecommerceReviewsPost a.ecommerceReviewsPostButton:hover { opacity: 0.8;} .ecommerceReviewsError { padding: 10px; border-radius: 5px; color: #fff; background: #ff0000; margin-bottom: 20px;}.error { padding: 10px; border-radius: 5px; color: #fff; background: #ff0000; margin-bottom: 20px;} /* Wizard */ .wizard-wrapper { background: #e2e2e2; padding: 5% 0;} #wizard-search-question-1:before, #wizard-search-question-2:before, #wizard-search-question-3:before, #wizard-search-question-4:before, #wizard-search-question-5:before, #wizard-search-question-1:after, #wizard-search-question-2:after, #wizard-search-question-3:after, #wizard-search-question-4:after, #wizard-search-question-5:after { content: ""; display: table;} #wizard-search-question-1:after, #wizard-search-question-2:after, #wizard-search-question-3:after, #wizard-search-question-4:after, #wizard-search-question-5:after { clear: both;} #wizard-search-question-1, #wizard-search-question-2, #wizard-search-question-3, #wizard-search-question-4, #wizard-search-question-5 { zoom: 1;} #wizard-search-question-1, #wizard-search-question-2, #wizard-search-question-3, #wizard-search-question-4, #wizard-search-question-5 { width: 100%; background: #fff; box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.1); margin-bottom: 25px; display: table;} #wizard-search-question-5 { margin-bottom: 40px; } #wizard-search-question-block-1 { width: 4%; padding: 33px 1%; float: left; background: #0074d9; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 700; font-style: normal; color: #fff;} #wizard-search-question-block-2 { width: 39%; padding: 41px 1%; float: left; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; font-style: normal; color: #1d1d1d; text-transform: uppercase;} #wizard-search-question-block-3 { width: 48%; padding: 36px 0; float: left;} #wizard-search-question-block-3 select { width: 100%; padding: 10px; border: 1px solid #c6c6c6; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;} #wizard-search-question-block-4 { width: 9%; padding: 36px 0; float: left; text-align: center; } #wizard-search-question-block-4 a { width: 35px; height: 35px; background: url("/hiwatchbyhikvision-co-uk/_img/img/question.jpg"); display: inline-block;} .wizard-search-submit-help { box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.1); width: 60%; float: left; margin-right: 2%; padding: 2%; background: #fff; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; font-size: 1.25em; font-style: normal; color: #1d1d1d; text-transform: uppercase;} .wizard-search-submit-button { width: 38%; float: left;} .wizard-search-submit-button a { transition: all .2s ease-in-out; width: 100%; height: 100%; padding: 5.8% 0; display: block; background: #0074d9; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; font-size: 1.25em; font-style: normal; text-transform: uppercase; text-align: center; text-decoration: none;} .wizard-search-submit-button a:hover { opacity: 0.8;} .wizard-error { width: 100%; padding: 15px; border: 1px solid #a40000; background: #bd1818; border-radius: 5px; margin-bottom: 15px; color: #fff; text-align: center; float: left;} .wizard-popup { padding: 5%; background: #fff;} .wizard-popup h2 { color: #1d1d1d;} .mfp-iframe-scaler iframe { background: #fff;} .wizard-search-mini { width: 30%; margin-right: 2%; float: left; margin-bottom: 25px;} .wizard-search-mini #wizard-search-question-block-1, .wizard-search-mini #wizard-search-question-block-4 { display: none;} .wizard-search-mini #wizard-search-question-1, .wizard-search-mini #wizard-search-question-2, .wizard-search-mini #wizard-search-question-3, .wizard-search-mini #wizard-search-question-4, .wizard-search-mini #wizard-search-question-5 { padding: 3%;} .wizard-search-mini #wizard-search-question-block-2 { width: 100%; text-align: center; padding: 1%; font-size: 15px;} .wizard-search-mini #wizard-search-question-block-3 { width: 100%; padding: 1%;} .wizard-search-mini .wizard-search-submit-button { width: 100%;} .wizard-search-results { width: 68%; float: left; } .wizard-search-results .product_tag { background: #fff; padding: 2%; margin-bottom: 30px;} .wizard-search-results .wizard-search-submit-help { width: 100%; } /*#wizard-search-wrap .wizard-search-results .productName { height: auto !important;} #wizard-search-wrap .wizard-search-results .productDesc { height: auto !important;}*/ .wizard-search-results .product_tag .product_item .product_img a .product_slide { height: auto; padding-top: 100%;} .wizard-chk-wrap { font-family: 'Open Sans'; font-style: normal; font-weight: 400;} .wizard-chk-list input, .wizard-chk-wrap input { margin-right: 10px; } a.check-selector { float: left; transition: all .2s ease-in-out; padding: 10px 20px; background: #0074d9; color: #fff; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 14px; text-transform: uppercase; text-align: center; text-decoration: none;} a.check-selector:hover { opacity: 0.8;} .wizard-btn { float: left; transition: all .2s ease-in-out; padding: 8px 15px; background: #fff; color: #ff5f45 !important; text-decoration: none; border-radius: 5px; margin-right: 10px;} .wizard-btn:hover { opacity: 0.8;} @font-face { font-family: 'icomoon'; src: url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.eot?5s88q'); src: url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.eot?5s88q#iefix') format('embedded-opentype'), url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.ttf?5s88q') format('truetype'), url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.woff?5s88q') format('woff'), url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.svg?5s88q#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cameras:before { content: "\e902"; } .icon-dvrs:before { content: "\e903"; } .icon-extras:before { content: "\e904"; } .tool ul.tabs { width: 25%; float: right; box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.06); background: #202020; padding: 0px; margin: 0px;} .tool ul.tabs li { transition: all 0.5s ease 0s; padding: 5%; border-left: 4px solid #797979; text-align: center; list-style-type: none; border-bottom: 1px solid #585858; width: 100%;} .tool ul.tabs li#tab1, .tool ul.tabs li#tab2, .tool ul.tabs li#tab3 {} .tool ul.tabs li.active, .tool ul.tabs li:hover { border-left: 4px solid #0074d9; background: #0b0b0b;} .tool ul.tabs li a { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 20px; color: #d2d2d2; text-transform: uppercase; text-decoration: none; display: block; } .tool ul.tabs li#tab1 { padding: 12% 5%;} .tool ul.tabs li#tab1 a:before { font-family: 'icomoon' !important; content: "\e903"; font-size: 22px ; line-height: 52px; display: block; width: 100%;} .tool ul.tabs li#tab2 a:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 50px ; line-height: 80px; display: block; width: 100%;} .tool ul.tabs li#tab3 a:before { font-family: 'icomoon' !important; content: "\e904"; font-size: 50px ; line-height: 80px; display: block; width: 100%;} .tool ul.tabs li#tab4 { padding: 0px; } .totalPriceBtn { transition: all 0.5s ease 0s; width: 100%; background: #0074d9; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 18px; text-transform: uppercase; color: #fff; padding: 10px 0px;} .totalPriceBtn:hover { background: #0358a3; } .totalPrice { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 38px; padding-top: 20px; min-height: 60px;} .totalPriceIncVat { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; } #section4 .toolCel3 { padding: 10px;} #section4 .toolCel3 form { transition: all 0.5s ease 0s; width: 100%; background: #0074d9; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 18px; text-transform: uppercase; color: #fff; padding: 10px 0px;} #section4 .toolCel3 form:hover { background: #0358a3; } #section4 .toolCel3 form a { color: #fff; display: block;} .totalPriceNote { margin-bottom: 15px;} .tool ul.tabs li.active a, .tool ul.tabs li.active a:before { color: #0074d9;} .sections { width: 75%; float: left; box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.06);} .sections .toolHead { width: 100%; background: #0074d9; padding: 15px;} .sections .toolHead .toolCel { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 13px; color: #fff; text-transform: uppercase;} .section { background: #fafafa; padding: 3%; display: none;} .active { display: block;} .toolRow { display: table; padding: 3%; border: 2px solid #fff; transition: all 0.5s ease 0s; width: 100%; background: #fff; float: left; margin-bottom: 15px; box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.1); } .toolRow:hover { border: 2px solid #016ac6;} .toolCel { display: table-cell; /*height: 100%; */ vertical-align: middle;} .toolCel1 { width: 16%; margin-right: 1%;} .toolCel2 { width: 50%; padding-left: 2%; } .toolCel3 { width: 16%; text-align: center; border-left: 1px solid #cdcdcd;} .toolCel3 div:first-of-type { height: 30px;} .toolCel3 select { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; color: #999999; width: 58px; height: 35px; border: 1px solid #c6c6c6; text-align: center; } .toolCel4 { width: 16%; text-align: center; border-left: 1px solid #cdcdcd;} .toolCel4 div:first-of-type { height: 30px;} .toolCel4 div:last-of-type { font-size: 0;} /* hide checkbox and radio inputs from modern browsers */ .toolCel4 div input.toolFormField { opacity: 0; position: absolute; } .toolCel4 div { position: relative;} /* set default styles for the checkboxes and radio buttons */ .toolCel4 .checkbox { width: 35px; height: 35px; border: 1px solid #c6c6c6; display: inline-block; cursor: pointer; position: relative; } .toolCel4 div input.toolFormField + label { font-size: 0;} .toolCel4 div input.toolFormField + label span.checkbox { background: #fff; } .toolCel4 div input.toolFormField:checked + label span.checkbox { background: #0074d9;} .toolCel4 div input.toolFormField:checked + label span.checkbox:after { content: ""; position: absolute; bottom: 7px; left: 9px; width: 5px; height: 13px; background: #fff; z-index: 1; -webkit-transform: rotate(-44deg); -moz-transform: rotate(-44deg); transform: rotate(-44deg); border-radius: 2px; } .toolCel4 div input.toolFormField:checked + label span.checkbox:before { content: ""; position: absolute; top: 7px; right: 11px; width: 5px; height: 20px; background: #fff; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border-radius: 2px; } .toolRow .toolCel a { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; color: #222222; text-transform: uppercase; text-decoration: none;} .toolRow .toolCel div { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 13px; color: #999999; } #section4 { display: block;} .sectionError { padding: 10px; background: #d10101; border-radius: 5px; text-align: center; color: #fff; margin-bottom: 20px;} /* Checkout Basket */ .basketOutput { margin-bottom: 20px;} .basketHead { background: #fafafa; border: 1px solid #cccccc;} .basketHead th { padding: 15px; font-family: 'Open Sans', sans-serif; color: #0074d9;} .basketOdd { border: 1px solid #cccccc;} .basketOdd td { padding: 15px; text-align: center;} .basketEven { border: 1px solid #cccccc;} .basketEven td { padding: 15px; text-align: center;} .basketOdd td:first-of-type, .basketEven td:first-of-type { text-align: left;} .basketSummarySub { border: 1px solid #cccccc ; margin-bottom: 20px; border-top: 0px; width: 100%;} .basketSummarySub td {padding: 20px; font-family: 'Open Sans', sans-serif;}.basketSummary {display: block;} .icon-close { background: url("/hiwatchbyhikvision-co-uk/_img/img/remove.png"); width: 30px; height: 30px; display: block; margin: 0 auto; } .icon-newspaper { background: url("/hiwatchbyhikvision-co-uk/_img/img/product.png"); width: 30px; height: 30px; display: block; margin: 0 auto; } #editirFullBasket .basketSummary a { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out; width: 20%; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #editirFullBasket .basketSummary a:hover { opacity: 0.8;} p.checkoutSummary { width: 100%; padding: 15px; text-align: center; color: #fff; background: #ff0000; border-radius: 5px;} #pnlStart tr { padding-bottom: 5px;} #pnlStart tr td:nth-of-type(1) { width: 30%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;} #pnlStart tr td:nth-of-type(2) { width: 70%;} #pnlStart tr td:nth-of-type(2) input { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #333;} #pnlStart tr td:nth-of-type(2) select { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #333;} #pnlStart tr td:nth-of-type(2) #theCheckbox { width: 20px; padding: 10px;} #pnlStart form p input#button { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out; width: 20%; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStart form p input#button:hover { opacity: 0.8;} #pnlStepSuccess { text-align: center; padding: 5% 0;} #pnlStepSuccess form { display: inline-block; margin-top: 30px;} #pnlStepSuccess form a.btnSagePay { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; transition: all .2s ease-in-out; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStepSuccess form a.btnSagePay:hover { opacity: 0.8;} #pnlStepSuccess form a.btnPayPal { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; transition: all .2s ease-in-out; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} #pnlStepSuccess form a.btnPayPal:hover { opacity: 0.8;} .ecommerceLogin, .ecommercePassword { width: 100%; padding: 15px; background: #f6f6f6;} .ecommerceLoginIntro, .ecommercePasswordIntro { width: 100%; background: #0074d9; padding: 20px; border-radius: 5px; color: #fff;} .ecommerceForm, .ecommerceForm tbody tr td , .ecommerceForm tbody tr {border: 0px !important; } .ecommerceForm tbody tr td:nth-of-type(1) { width: 30%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;} .ecommerceForm tbody tr td:nth-of-type(2) { width: 70%; } .ecommerceForm tbody tr td:nth-of-type(2) input { width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #333;} .ecommercePasswordFormBtn { border: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; transition: all .2s ease-in-out; background: #0074d9; padding: 8px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .ecommercePasswordFormBtn:hover { opacity: 0.8;} .ecommercePasswordLink a { color: #0074d9; text-decoration: underline;} /* Categories Nav */ .category-navigation-bar { padding: 15px 0;} .main-nav { width: 100%;} .main-nav .categoriesDesktop { width: 100%;} .main-nav .categoriesDesktop > ul { padding: 0px; margin: 0px; width: 100%;} .account-side { padding: 20px; background: #f6f6f6; } .account-side h2 { color: #333; font-size: 20px; font-size: 1.25em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; } .account-side .sidenavL1 { margin-bottom: 10px;} .ecommerceEditDetailsIntro { width: 100%; padding: 20px; background: #a3a3a3; color: #fff; text-align: center; } .ecommerceAccountForm tr td:first-of-type { width: 40%; } .ecommerceAccountForm tr td:first-of-type { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #333; font-size: 14px; font-size: 0.875em;} .ecommerceAccountForm tr td:first-of-type a { font-size: inherit;} .ecommerceAccountForm tr td:last-of-type { width: 60%; } .ecommerceAccountForm tr td:last-of-type input { width: 100%; padding: 10px; } .ecommerceAccountForm tr td:last-of-type select { width: 100%; padding: 10px; } .ecommerceAccountFormBtn { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #0074d9; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .ecommerceAccountFormBtn:hover { opacity: 0.8;} .ecommerceOrderTable tbody tr.tableheadingR { background: #212121;} .ecommerceOrderTable tbody tr td.tableheading { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 20px; color: #fff; font-weight: 600; font-size: 14px; font-size: 0.875em;} .ecommerceOrderTable .tablerowR td { padding: 20px; border: 1px solid #d9d9d9; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #fff; font-weight: 600; color: #333; font-size: 16px; font-size: 1em;} .ecommerceOrderTable.stacktable.small-only { display: none;} @media (min-width: 37.5em) { .main-nav { display: block; } } .main-nav .categoriesDesktop { position: relative; width: 100%; line-height: 0; } .main-nav .categoriesDesktop > ul { display: -ms-flexbox; display: flex; } .main-nav .categoriesDesktop > ul > li { -ms-flex-positive: 1; flex-grow: 1; float: left; list-style: none; padding: 20px 0.75em; line-height: 1; border-left: 1px solid rgba(185, 185, 185, 0.35); text-align: center; } .main-nav .categoriesDesktop > ul > li:first-of-type { border-left: 0px;} .main-nav .categoriesDesktop > ul > li > a { text-decoration: none; text-align: center; color: #fff; display: block; padding: 1em 0em; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 16px; position: relative; } @media (min-width: 52.5em) { .main-nav .categoriesDesktop > ul > li > a { padding: 0em 0em; } } .main-nav .categoriesDesktop > ul > li svg { height: 1em; width: auto; fill: #fff; display: block; margin: auto; } .main-nav .categoriesDesktop > ul > li.liLinkActive { background-color: #7fba23; } .main-nav .categoriesDesktop > ul > li.liLinkActive > a { color: #696969; } .main-nav .categoriesDesktop > ul > li.liLinkActive:hover { } .main-nav .categoriesDesktop > ul > li.liLinkActive:hover > a { color: #696969; } .main-nav .categoriesDesktop > ul > li.trade-link { background-color: #222; } .main-nav .categoriesDesktop > ul > li.trade-link div[class*="dropdown-promo"] { width: 100%; } .main-nav .categoriesDesktop > ul > li:hover { } .main-nav .categoriesDesktop > ul > li:hover .ecommMenuItems { opacity: 1; display: block; } .main-nav .categoriesDesktop > ul > li:hover > a { color: #fff; } .no-cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul { display: block; } .cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul { visibility: visible; animation: fade-in-down 300ms ease-out forwards; } .main-nav .categoriesDesktop > ul > li > ul { position: absolute; top: 100%; padding: 1rem 0.5rem; min-width: 10em; background-color: rgba(80, 80, 80, 0.95); box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); left: 0; text-align: left; } .no-cssanimations .main-nav .categoriesDesktop > ul > li > ul { display: none; } .cssanimations .main-nav .categoriesDesktop > ul > li > ul { opacity: 0; visibility: hidden; -ms-transform: translateY(-100%); transform: translateY(-100%); } .main-nav .categoriesDesktop > ul > li > ul > li { display: block; } .main-nav .categoriesDesktop > ul > li > ul > li a { display: block; white-space: nowrap; padding: 0.5em 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; } .main-nav .categoriesDesktop > ul > li > ul > li:hover a { color: #7fba23; } .main-nav .ecommMenuItems { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 200; top: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 8px 30px 0 rgba(0, 0, 0, 0.25); padding: 2em; text-align: left; display: none; opacity: 0; } .main-nav .overview-link { margin-bottom: 1em; } .main-nav .overview-link a { color: #222; font-size: 15px; font-weight: 700; } .main-nav .ecommMenuItem { display: inline-block; vertical-align: top; width: 24%; margin-bottom: 2em; padding-right: 1em; } @media (min-width: 37.5em) { .main-nav .ecommMenuItem { width: 32%; } } @media (min-width: 52.5em) { .main-nav .ecommMenuItem { width: 24%; } } .main-nav .ecommMenuItem h3 { font-size: 15px; font-weight: 700; } .main-nav .ecommMenuItem a { font-size: 14px; color: #333; } .main-nav .ecommMenuItem li:not(:last-child) { margin-bottom: 5px; } .main-nav .ecommMenuItem li a:hover { color: #303a6d; } .main-nav .ecommMenuItem .category-link { width: 100%; margin-bottom: 0.75em; display: inline-block; } .main-nav .ecommMenuItem .category-link:hover .category-title { color: #303a6d; } .main-nav .ecommMenuItem .category-icon { width: 1.5em; height: 1.5em; display: inline-block; /*display: none; */ vertical-align: middle; } .main-nav .ecommMenuItem .category-title { font-size: 15px; font-weight: 700; width: calc(100% - 2em); padding-left: 0.75em; display: inline-block; vertical-align: middle; text-align: left !important;} .main-nav .dropdown-promo { width: 100%; } .main-nav .dropdown-promo:before, .main-nav .dropdown-promo:after { content: ""; display: table; } .main-nav .dropdown-promo:after { clear: both; } .main-nav .dropdown-promo > div[class*="dropdown-promo"] { float: left; display: inline-block; } .main-nav .dropdown-promo .dropdown-promo__main { width: 49%; } .main-nav .dropdown-promo div[class*="promo__sub"] { width: 25%; margin-left: 0.5%; } .main-nav .dropdown-promo img { width: 100% !important;} .main-nav #AccessControl p { display: inline-block; width: 74%; } @media (min-width: 37.5em) { .main-nav #AccessControl p { width: 65%; } } @media (min-width: 52.5em) { .main-nav #AccessControl p { width: 74%; } } .main-nav div.categoriesDesktop ul li a img { width: 20px;} .main-nav .categoriesDesktop ul li .ecommMenuItem ul { margin: 0; padding: 0;} .ecommMenuItems p { margin: 0px; float: right;} #mobile-nav li .ecommMenuItems { display: none;} .dropdown-trigger.close-icon .ecommMenuItems {} .productId { display: none;} .category__list { background: #222; } .category__list ul { margin: 0; padding: 0; display: block; width: 100%; } .category__list ul li { list-style-type: none; display: block; width: 100%; } #navCategory ul li a { width: 100%; display: block;} #navCategory > ul > li > a { padding: 15px; background: #0074d9; color: #fff; border-bottom: 1px solid #6c060d;} #navCategory > ul > li > ul { padding: 10px 0; display: none;} #navCategory ul li ul li a { transition: all 0.5s ease 0s; padding: 5px 15px; font-size: 14px; font-size: 0.875em; color: #fff; } #navCategory ul li ul li a:hover { color: #0074d9;} .categoryImageItem { width: 32.33%; float: left; margin: 0.5% 0.5%; border: 1px solid #cbcbcb; padding: 15px;} .categoryImageItemImage a { padding-top: 100%; } .categoryImageItemText { text-align: center; margin-top: 20px;} .categoryImageItemTextLink { display: block; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875em; color: #0074d9; text-align: center;} .featured-videos__item { width: 24%; float: left;/* margin-right: 1%;*/ margin-bottom: 20px;} .featured-videos__item:nth-of-type(4n) { margin-right: 0px;} .featured-videos__item a { width: 100%; } .featured-videos__item a img { width: 100%; } .product_slide { padding-top: 100%;} .testimonial-headings h2 { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #909090; color: #0074d9; font-size: 18px; font-size: 1.125em; text-transform: uppercase;} .testimonial-intro { width: 18%; float: left; margin-right: 2%; text-align: center;} .testimonial-intro h2 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 27px; font-size: 1.6875em; color: #191919; text-transform: uppercase;} .testimonial-intro p { color: #a3a3a3; font-size: 12px; font-size: 0.75em;} .testimonials-output-inner { width: 80%; float: left; } .testimonial-heading { margin-top: 10px; margin-bottom: 10px;} .testimonial-heading h3 { color: #191919; font-size: 14px; font-size: 0.875em;} .testimonials-items li { padding: 0 10px;} .testimonial-summary-text { margin-bottom: 10px;} .testimonial-summary-text p { font-size: 13px; font-size: 0.8125em; color: #191919; margin: 0px;} .testimonial-name p { color: #a3a3a3; font-size: 12px; font-size: 0.75em; margin: 0px;} .testimonial-intro { display: table;} .white-popup { position: relative; background: #FFF;/* padding: 20px;*/ width: auto; max-width: 800px; margin: 20px auto; border: 5px solid #0074d9; }.popup-heading {padding: 10px; background: #0074d9; color: #fff;}.popup-heading h3 {color: #fff;}.mfp-close-btn-in .mfp-close {color: #fff;}.popup-content {padding: 10px; }.popup-content p span.float--left {float: left; margin-right: 20px; margin-bottom: 20px; width: 30%;} .group-wrapper h1 { text-align: center; margin-bottom: 30px;} .group-wrapper .category-link { width: 31.33%; float: left; margin-right: 3%; margin-bottom: 20px; border: 1px solid #cbcbcb; padding: 15px; background: #fff; text-align: center;} .group-wrapper .category-title { width: 100%; text-align: center; color: #333; display: block; margin-bottom: 20px; font-weight: 600; font-size: 21px; font-size: 1.3125em;} .group-wrapper .category-button { margin: 0 auto 20px auto; display: inline-block; border: 0px; transition: all .2s ease-in-out; background: #0074d9; padding: 0.4em 1.75em; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .group-wrapper .category-button:hover { opacity: 0.8;} .group-wrapper .category-icon {} .why-choose-item { width: 100%; display: block;} .why-choose-item:nth-of-type(odd) .why-choose-img { width: 50%; float: left;} .why-choose-item:nth-of-type(odd) .why-choose-text { width: 50%; float: right; padding: 25px; background: #f1f2f2;} .why-choose-item:nth-of-type(even) .why-choose-img { width: 50%; float: right;} .why-choose-item:nth-of-type(even) .why-choose-text { width: 50%; float: left; padding: 25px; background: #f1f2f2;} .why-choose-text p { font-size: 14px; font-size: 0.875em; line-height: 1.7;} .trade-link { float: right; } #displayLogin { float: right; margin-right: 10px;} .discountCodeBox { color: white; text-align: center; padding: 1em 1em 0.25em; background: #1371c7; line-height: 1.2; } .discountCodeBox_title { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 26px; } .discountCodeBox_discount { display: block; margin: 0.5em auto 0; width: 240px; border: 2px dotted white; height: 2.25em; overflow: hidden; position: relative; } .discountCodeBox_text {font-size: 18px;} .discountCodeBox_discount textarea { max-width: 100%;} .discountCodeBox_code { display: block; border: none; outline: none; box-shadow: none; overflow: auto; font-size: 1.65em; background: none; color: inherit; resize: none; text-align: center; line-height: 1em; height: 2em; padding: 3px 0.25em; font-weight: bold; } .discountCodeBox_copy { position: absolute; top: 0.15em; left: auto; right: 0.15em; bottom: auto; width: 25px; cursor: pointer; } .no-clipboard .discountCodeBox_copy { display: none; } .discountCodeBox_copy_inner { width: 100%; position: relative; } .discountCodeBox_copy_inner::after { content: ""; display: block; padding-bottom: 100%; } .discountCodeBox_copy_inner svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .discount_success { padding-top: 0.25em; line-height: 1; opacity: 0; font-size: 0.83333em; transition: opacity 0.5s; } .discount_success-visible { opacity: 1; } .discount_close { position: absolute; top: 0.5em; right: 0.5em; color: white; font-size: 2em; cursor: pointer; } .ecommercePag { width: 100%; font-family: 'Open Sans', sans-serif; } .ecommercePag > a, .ecommercePag .pagItemOn { display: inline-block; font-size: 0.8125rem; border: 1px solid #aaa; line-height: 1; padding: 0.5rem; color: #727272; margin-top: 5px; } .ecommercePag > a:hover, .ecommercePag .pagItemOn:hover { color: #222; border-color: #222; } .ecommercePag .pagItemOn { padding: 0.5rem; border-color: #0074d9; color: #0074d9; font-weight: 700; box-shadow: inset 0 0 0 1px #0074d9; } .ecommercePag .pagItemOn:hover { border-color: #0074d9; } .EcommerceSortLabel { font-size: 0.8125rem; font-weight: 700; color: #727272; font-family: 'Open Sans', sans-serif; } .pag-wrap { width: 80%; float: left; } .dropdown-wrap { width: 20%; float: left; } #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput { margin-top: 10px;} #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput select { width: 100%; padding: 10px;} .ecommerceSearchItem { width: 32.33%; margin-bottom: 20px; float: left; margin: 0 0.5%; margin-bottom: 20px; border: 1px solid #cbcbcb; padding: 15px;} .ecommerceSearchImage a { padding-top: 100%; display: block;} .ecommerceSearchTitle { text-align: center;} .ecommerceSearchTitle a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875em; color: #0074d9; text-align: center;} .ecommerceSearchDescription { display: none;} .ecommerceSearchPrice { font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; font-size: 20px; font-size: 1.25em; color: #333333; margin: 10px 0;}/* .ecommerceSearchPrice { font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; font-size: 16px; font-size: 1em; color: #909090;}*/ .ecommerceSearchPrice { font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; font-size: 20px; font-size: 1.25em; color: #333333;} .ecommerceSearchPriceVat { font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; font-size: 20px; font-size: 1.25em; color: #333333; display: none;} .ecommerceSearchUrl a { display: none;} .ecommerceSearchUrl { text-align: center;} .ecommerceSearchUrl a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875em; color: #909090; text-align: center;} .product-description-wrap .brand-logo a { text-align: center; display: block; width: 100%;} .contact-form .defaultForm { padding: 25px; background: #0074d9; } .contact-form .defaultForm .inputset label { color: #fff; } .contact-form .defaultForm .form_submit .fbElementButton { background: #333; color: #fff; padding: 20px 0; font-weight: bold;} .defaultForm { width: 100%; *zoom: 1; } .defaultForm:before, .defaultForm:after { content: " "; display: table; } .defaultForm:after { clear: both; } .defaultForm .inputset { display: block; width: 100%; position: relative; margin-bottom: 0.625em; } .defaultForm .inputset .form_error_specific { position: absolute; top: 0; right: 0; color: Tomato; } .defaultForm .inputset label { display: block; width: 100%; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; } .defaultForm .inputset label.label { display: inline-block; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; } .defaultForm .inputset label.label input { width: initial; display: inline-block; margin-left: 0.625em; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1em; } .defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select { display: block; width: 100%; padding: 0.625em; width: 100%; } .defaultForm .inputset textarea { height: 10.625em; } .inputset.inputsetcheck label:first-of-type { margin-bottom: 0.3125em; padding-bottom: 0.3125em; border-bottom: 1px solid #cccccc; } .inputset label.form_header { font-weight: bold; font-size: 18px; } .defaultForm .form_submit { text-align: right; } .defaultForm .form_submit .fbElementButton { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #0074d9; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;} .defaultForm .form_submit .fbElementButton:hover { opacity: 0.8;} .defaultForm form#myformNew div#form_wrap label.label.inline { color: #333; display: inline-block;} .pagination { width: 100%; font-family: 'Open Sans', sans-serif; } .pagination ul { padding: 0px;} .pagination ul li { display: inline-block;} .pagination ul li a { display: block; font-size: 0.8125rem; border: 1px solid #aaa; line-height: 1; padding: 0.5rem; color: #727272; margin-top: 5px; } .pagination ul li a:hover { color: #222; border-color: #222; } .active, .p_active { padding: 0.5rem; border-color: #0074d9; color: #0074d9; font-weight: 700; box-shadow: inset 0 0 0 1px #0074d9; } .active:hover, .p_active:hover { border-color: #0074d9; } .inner-page-testimonial { margin-bottom: 45px; padding: 25px; background: #f6f6f6; position: relative; } .inner-page-testimonial:before { content: " “ "; width: 50px; height: 50px; font-size: 78px; font-size: 4.875em; color: #fff; background: #a3a3a3; border-radius: 50%; text-align: center; vertical-align: middle; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .content-bar p { font-size: 14px; font-size: 0.875em;} .request-left .defaultForm { padding: 20px; border: 1px solid #f6f6f6;} .request-side { width: 100%; background: #f6f6f6; margin-bottom: 20px;} .request-image { width: 30%; float: left; } .request-text { width: 70%; float: left; padding: 25px; }/* .ecommHidePrice .productPriceVat { display: none;}*//* .productPrice a:before {content:"Trade - "; display: inline-block; margin-right: 5px;}*/ .productPrice a, .formProductLogin1 a { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #0074d9; padding: 12px 0px; text-align: center; color: #ffffff; font-size: 25px;} .productPrice a:hover, .formProductLogin1 a:hover { opacity: 0.8;} .buy__controls form { margin-bottom: 0px;} .side-points ul { margin-top: 5px; margin-bottom: 0px;} .inner-videos .featured-videos__item { width: 23%; margin-right: 2%; vertical-align: top; margin-bottom: 20px; padding: 10px; background: #f6f6f6; transition: all .2s ease-in-out;} .inner-videos .featured-videos__item:hover { background: #222222;} .inner-videos .featured-videos__title p { color: #333;} .inner-videos .featured-videos__item:hover .featured-videos__title p { color: #fff;} .video-section h3 { width: 100%; padding: 10px; background: #0074d9; color: #fff;}.documents-wrapper ul {padding: 0px; margin: 0px; }.documents-wrapper ul li {margin-bottom: 10px; width: 50%; float: left; list-style-type: none;}.documents-wrapper ul li img {vertical-align: middle;}.contact-bar-side {padding: 20px; background: #f6f6f6;}.category-bg {background: url("/hiwatchbyhikvision-co-uk/_img/img/category-bg.jpg"); background-size: cover; background-position: center center;}.request-banners img {width: 32.33%;}.inner-content .content-bar table {border: 1px solid #333;}.inner-content .content-bar table tr {border: 1px solid #333;}.inner-content .content-bar table td {border: 1px solid #333;}.request-left .inputset label {font-weight: bold;}.main-nav .categoriesDesktop ul li .ecommMenuItems p {width: 100%; display: block;}.main-nav .categoriesDesktop ul li .ecommMenuItems p img {width: 32.33%; margin-right: 1%;}.wizard-search-submit-help a { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 0px; font-size: 0em; transition: all .2s ease-in-out;display: block;width: 50%; background: #004b8d; padding: 20px 20px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em; margin: 20px auto 0 auto;}.wizard-search-submit-help a:hover { opacity: 0.8;}.whitePopup .code { margin-bottom: 0.75em; padding: 0.71429em 2.5em; border: 2px solid #004b8c; font-size: 17px; display: none;}.mfp-wrap { z-index: 99999;}.site_leaver { z-index: 9999; position: fixed; height: 4px; top: 0; left: 0; right: 0; bottom: auto;}.whitePopup.siteLeavePopup { max-width: 720px; text-align: left; background-color: #0074d9; background-image: url("/cctv-tek-co-uk/_img/footer-bg.png"); background-position: 50% 50%; background-repeat: no-repeat; color: white; position: relative;padding: 20px; border: 5px solid #fff; margin: 0 auto;}.whitePopup.siteLeavePopup p { font-size: 16px; text-transform: none; color: #fff;}.whitePopup.siteLeavePopup p.large { font-size: 18px; font-weight: bold; color: #fff;}.whitePopup.siteLeavePopup .popUpLogo { padding: 2em; display: none; position: absolute; max-width: 33%; right: 0; left: 67%; bottom: 0;}.whitePopup.siteLeavePopup h1 { color: white;}.whitePopup.siteLeavePopup a,.whitePopup.siteLeavePopup a:hover{ color: white;}.bottom-bar-image {width: 32.33%; float: left; margin-right: 1%;}.faq { display: inline-block; font-size: 17px; width: 100%; background: white; position: relative; margin-bottom: 1em; text-align: left; border-bottom: 1px solid #ccc; transition: transform 0.3s; -ms-transform: scale(0.98); transform: scale(0.98); } .faq_header { font-size: 1.2em; font-weight: bold; padding: 1em; color: #FFFFFF; background: #0074d9; margin-bottom: 0.83333em; } .faq_wrap { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 0 1em; } .faq_wrap:after { content: " "; display: block; clear: both; } .faq.open { -ms-transform: scale(1); transform: scale(1); } .faq_question { position: relative; font-size: 1em; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 600; padding: 1em; cursor: pointer; transition: background 0.3s, color 0.3s; opacity: 0.85; z-index: 2; } .faq_question:hover { opacity: 1; } .faq_answer { display: none; font-size: 0.83333em; padding: 0.66em 1em 1em; } .faq_answer ul { padding-left: 1em; list-style-position: inside; } .faq_answer ul li { list-style-type: disc; } .faq_answer p { margin-bottom: 0; } .faqsWrap-wide .faq_answer p { margin-bottom: 0.5em; } .faq_answer h3 { margin-top: 0.5em; margin-bottom: 0.5em; } .faq_button { position: absolute; top: 1em; -ms-transform-origin: center center; transform-origin: center center; -ms-transform: rotate(0deg); transform: rotate(0deg); right: 0.6em; z-index: 3; transition: transform 0.3s; cursor: pointer; height: 18px; width: 18px; } .faq_button::after { display: block; border-radius: 1px; content: ""; position: absolute; left: 7.2px; width: 3.6px; top: 0; height: 18px; background: #0074d9; } .faq_button::before { display: block; border-radius: 1px; content: ""; position: absolute; left: 0; width: 18px; top: 7.2px; height: 3.6px; background: #0074d9; } .faq.open .faq_button { -ms-transform: rotate(405deg); transform: rotate(405deg); } .group-wrapper .category-link:nth-of-type(3n) {margin-right: 0px !important;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center; background:url('/thegoldenhorse-com/_img/img/homebanner.jpg'); background-size: cover; position: relative;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{position: absolute; top: 0; right: 0; display: block; transition: all 0.5s ease 0s; display: inline-block; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; color: #293036; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #333 !important;}.close-btn a:hover {opacity: 0.8; color: #590c0c !important; background: #fff; }.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li {text-align: center !important; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s; width: 100%; padding: 7% 1% !important;}.pushy-navigation ul li a { font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 15px; font-size: 0.9375em; color: #fff; transition: all 0.5s ease 0s; }.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }.mobile-nav-btn {display: none;}.category-bg {background-position: top center;}.productHide {display: none;}.ecommerceProductOptionsInnerTitle {display: none;}/*.productOptions {display: none;}*/.ecommerceProductOptionsInnerLabel, .productOptionsLabel {font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px; color: #0074d9;}.ecommerceProductOptionsInnerDropdown, .productPayment.Method {margin-bottom: 20px;}.ecommerceProductOptionsInnerDropdown select, .productPayment.Method select {width: 100%; padding: 10px; border-radius: 0px; border: 1px solid #909090; font-size: 14px; font-size: 0.875em; }.link-box {font-size: 0; min-height: 30px;}.link-box:after {content:" "; display: block;}.bgPat {min-height: 20px;}#welcome-popup {text-align: center; padding: 40px;}.mfp-close-btn-in .mfp-close {color: #333 !important;}.account-btn {display: none;}#formTool .tool .sections .section:before, #formTool .tool .sections .section:after { content: ""; display: table;}#formTool .tool .sections .section:after { clear: both;}#formTool .tool .sections .section { zoom: 1;}/*.toolCel .productPrice {margin-top: 10px; text-align: left;}.toolCel .productPriceVat {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important;}.toolCel .productPrice a { color: #fff; width: 100%; max-width: 120px; font-size: 16px; font-size: 1em;}*/.toolCel .productPrice {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important; margin-top: 10px; }.toolCel .productPriceVat {display: none;}.toolCel .productPrice a {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important; margin-top: 10px; text-transform: none; padding: 0px; background: none;}.toolCel .productPrice a:hover {opacity: 1;}#s2809271 .kit-buttons, #s2809269 .kit-buttons {display: none;}.kit-buttons { position: fixed; top: 50%; right: 0%;}.kit-buttons a { display: block; border: 0px; transition: all .2s ease-in-out; width: 100%; background: #d00a11; padding: 12px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em; width: 90px; padding: 10px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; /* transform: translate(40%) rotate(-90deg);*/ -webkit-box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);-moz-box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);}.kit-buttons a:hover { opacity: 0.8;}.discount__table__mini__wrap {background: #f6f6f6; padding: 5px; margin-bottom: 10px;}.discount__table__mini {display: table; width: 100%; }.discount__table__mini__wrap h4 {margin-bottom: 10px; width: 100%; display: block; text-align: center; color: #ff0000; font-size: 22px; font-size: 1.375em;}.discount__table__mini__row {display: table-row; width: 100%; }.discount__table__mini__row .disTblCol {display: table-cell; text-align: left; padding: 5px; width: 50%; background: #0074d9; color: #fff; border-bottom: 1px solid #f6f6f6;}.discount__table__mini__row .disTblCol:first-of-type {font-weight: bold;}.div704 h4 {text-align: center; margin-bottom: 10px;}.basket-btn {position: relative; }.basketCount {font-size: 12px; position: absolute; top: -10px; padding: 5px 10px; border-radius: 50%; background: #ff0000; border: 2px solid #fff; color: #fff;}#wizard-search-wrap .product_tag .product_item {width: 49%;}.top-bar-new {text-align: center; padding: 10px 0; background: #51bd4c;}.top-bar-new .row {background: none;}.top-bar-new-inner p { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; color: #fff; line-height: 1.4; margin: 0px;}.tool ul.tabs li .kitBuilderNotLoggedIn .productPrice a {font-size: 18px; margin-bottom: 15px;}.tool ul.tabs li .kitBuilderNotLoggedIn .productPriceCall {margin-top: 15px;}.google-reviews-wrapper {width: 100%; background: #f6f6f6; padding: 55px 0;}.review-item {padding: 20px; background: #fff; border-radius: 5px; width: 100%; display: block; margin-right: 10px;}#map-plug {display: none;}.review-author {font-family: 'Source Sans Pro', sans-serif; color: #282726; font-size: 20px; font-size: 1.25em; font-weight: 700;}#google-reviews {display: block;}.review-stars ul {padding: 0px; margin: 10px 0;}.review-stars ul li {list-style-type: none; display: inline-block; margin-right: 5px;}.review-stars ul li:before{display: block;content: url("/naturalbeautybristolnew-com/_img/img/star1.svg");width: 15px;height: 15px;}.review-text {margin: 0px;}.review-btn {margin-top: 25px; text-align: center;}.review-text {color: #5c514b !important;}#google-reviews {margin-bottom: 20px;}.home-slider .slick-list .slick-track a.slide-wrapper {background-size: contain !important;} @media all and (max-width: 1000px) and (min-width: 0px) { .key-point-img { width: 18%; margin-right: 2%;} .key-point-text h5 { font-size: 12px; font-size: 0.75em;} } @media all and (max-width: 950px) and (min-width: 0px) { .shop-products .product_item { width: 49%; } } @media all and (max-width: 900px) and (min-width: 0px) { .product_item { width: 32.33%; margin-bottom: 20px;} } @media all and (max-width: 860px) and (min-width: 0px) { .key-point-item { width: 50%; margin-bottom: 10px;} .categoryImageItem { width: 49%; margin: 0.5% 0.5%;} .key-point-item { border-right: 0px;} .similarProductWrap { width: 49%;} } @media all and (max-width: 780px) and (min-width: 0px) { .header-bar .header-main .three.columns.logo-box { width: 100%; text-align: center;} .header-bar .header-main .nine.columns.header-main-right { width: 100%; margin-left: 0;} .translation-links { text-align: center;} .wizard-btn { float: right; margin-bottom: 10px;} .ecommerceOrderTable.stacktable.small-only { display: table;} .ecommerceOrderTable.stacktable.large-only { display: none;} .ecommerceOrderTable.stacktable.small-only tbody tr.tableheadingR th.st-head-row.st-head-row-main { padding: 20px; color: #fff;} .ecommerceOrderTable.stacktable.small-only tbody tr.tablerowR th.st-head-row { padding: 20px; color: #333; background: #b1b1b1;} .group-wrapper .category-link { width: 48%; float: left; margin-right: 2%; } .group-wrapper .category-link:nth-of-type(3n) {margin-right: 2% !important;} .why-choose-item:nth-of-type(odd) .why-choose-img { width: 100%; padding-top: 50%;} .why-choose-item:nth-of-type(odd) .why-choose-text { width: 100%;} .why-choose-item:nth-of-type(even) .why-choose-img { width: 100%; padding-top: 50%;} .why-choose-item:nth-of-type(even) .why-choose-text { width: 100%;} .tool ul.tabs { width: 100%; margin-top: 0px !important; } .sections { width: 100%; } } @media all and (max-width: 650px) and (min-width: 0px) { .mobile-trigger { display: block !important; }.mobile-nav-btn {display: block;}.menu-btn {border: 0px; padding: 15px 35px; width: 100%; text-align: center; display: inline-block; transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 20px; font-size: 1.25em; background: #222222; color: #fff; text-transform: uppercase;}.menu-btn:hover {background: #004b8d; }.pushy-navigation {margin-bottom: 20px; float: left; width: 100%;}.pushy-navigation h3 {text-align: center; }.pushy-navigation ul li .ecommMenuItems {display: none;}.pushy-navigation ul li a {padding: 0 !important;}.pushy-navigation ul li img {width: 20px;} .main-nav { display: none;} .menu-open .burger-contain { position: fixed; right: 0; top: 10px; } .menu-open .navigation-bar { position: absolute; right: 10px; top: 0;} #primary { text-align: center;} .header-top .trade-signup { text-align: center;} .search-box { width: 100%; margin-bottom: 20px;} .top-account-buttons { width: 100%;} .top-contact-buttons { width: 100%; margin-bottom: 20px;} .search-account-wrap { width: 100%; display: block;} .link-box { float: left; width: 100%;} .link-box img { width: 100%;} .product_item { width: 49%; } .side-bar-image img { width: 100%;} .product-info-side { margin-top: 0px !important;} #wizard-search-question-block-1 { width: 100%; padding: 4% 1%; font-size: 16px;} #wizard-search-question-block-2 { width: 100%; padding: 4% 1%; text-align: center; font-size: 16px;} #wizard-search-question-block-3 { width: 100%; padding: 2%;} #wizard-search-question-block-4 { width: 100%; padding: 2% 1%;} .wizard-search-submit-help { width: 100%; padding: 4%; margin-bottom: 30px;} .wizard-search-submit-button { width: 100%; } .wizard-search-submit-button a { width: 100%; padding: 3% 0;} .wizard-search-mini { width: 100%;} .wizard-search-results { width: 100%;} #pnlStart tr td:nth-of-type(1) { width: 100%; display: block;} #pnlStart tr td:nth-of-type(2) { width: 100%; display: block;} #pnlStart form p input#button { width: 100%;} .category__filter { margin-bottom: 20px;} .ecommerceSearchItem { width: 49%; } .toolHead { display: none;} .toolCel { height: auto !important;} .toolCel1 { width: 100%; display: block; text-align: center;} .toolCel2 { width: 100%; display: block; text-align: center; margin-bottom: 20px;} .toolCel3 { width: 49.5%; text-align: center; border-left: 1px solid #cdcdcd; display: inline-block; border-left: 0px;} .toolCel4 { width: 49.5%; text-align: center; border-left: 1px solid #cdcdcd; display: inline-block;} #section4 .toolCel3 { width: 100%;} .buy__controls { float: left;} .product-side { float: left;} .product-info-side { float: left;} .inner-videos .featured-videos__item { width: 48%;}.documents-wrapper ul li {width: 100%; }.header-top {display: none;}.account-btn {display: inline-block;}.kit-buttons a {padding: 5px 10px; font-size: 16px; font-size: 1em; width: auto; transform: translate(43%) rotate(-90deg); border-bottom-left-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; }.product-side {margin-bottom: 25px;} } @media all and (max-width: 500px) and (min-width: 0px) { .group-wrapper .category-link { width: 100%; float: left; margin-right: 0%; } .pag-wrap { width: 100%; float: left; } .dropdown-wrap { width: 100%; float: left; } .similarProductWrap { width: 100%; margin-right: 0;} } @media all and (max-width: 480px) and (min-width: 0px) { .key-point-item { width: 100%; text-align: center;} .product_item { width: 100%; border-right: 0px;} .featured-videos__carousel .prev-arrow, .featured-videos__carousel .next-arrow { display: none !important;} .featured-videos__carousel .slick-list { width: 100%;} .shop-products .product_item { width: 100%; } .wizard-btn { float: none; margin: 10px auto; display: block;} .detailProductImage #ecom_zoom { width: 100%; } .categoryImageItem { width: 100%; margin: 0.5% 0%;} .featured-videos__item { width: 49.5%;/* margin-right: 1%;*/ float: left;} .featured-videos__item:nth-of-type(2n) { margin-right: 0px;} .ecommerceSearchItem { width: 100%; } .disTblCol { font-size: 10px; font-size: 0.625em;} .inner-videos .featured-videos__item { width: 100%;}#wizard-search-wrap .product_tag .product_item {width: 99%;} } @media all and (max-width: 360px) and (min-width: 0px) { .featured-videos__item { width: 100%; margin-right: 0%; float: left;} }