body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #666; font-size: 14px; line-height: 1.5em; } .black { color: #000000 !important; } .white { color: #FFFFFF !important; } .grey { color: #777777 !important; } .blue { color: #064C6C !important; } .orange { color: #FC6500 !important; } .highlight { color: #FC6500; } h1, h2, h3, h4, h5, h6 { color: #444; } /* default font size */ .fa { font-size: 14px; } /* Override the bootstrap defaults */ h1 { font-size: 36px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 18px; } h5 { font-size: 16px; font-weight: bold; color: #064C6C; } h6 { font-size: 10.2px; } a { color: #FC6500; } a:hover { text-decoration: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #064C6C; text-decoration: none; } ul { list-style: square; margin: 0px 0px 20px 30px; padding: 0px; } ul li { margin: 3px 0px; } legend { font-size: 18px; padding: 7px 0px } label { font-size: 14px; margin: 0px; font-weight: normal; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 14px; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 14px; } .input-group .input-group-addon { font-size: 14px; height: 30px; } @media (max-width: 767px) { select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 16px; } .input-group .input-group-btn { } .input-group .input-group-btn button, .input-group .input-group-btn input[type=button], .input-group .input-group-btn input[type=submit] { font-size: 14px; height: 34px; } } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { list-style: none; padding: 0px; margin: 0px 0px 15px; border-bottom: 1px solid #DDD; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li + li { margin-left: 5px; } .nav-tabs > li.active { } .nav-tabs > li > a, .nav-tabs > li > a:hover { margin: 0px; font-size: 18px; line-height: 1.5em; color: #666; background: #EEE; border: 1px solid #DDD; border-radius: 0px; -webkit-border-radius: 0px; } .nav-tabs > li.active > a { background: #FFF; border-bottom-color: #FFF; } div.required .control-label:after { content: ' *'; color: #F00; font-weight: bold; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover { text-decoration: none; color: #FFF; background-color: #235E7C; } header { } header > .container { padding-top: 10px; padding-bottom: 10px; } header .row { margin-left: -6px; margin-right: -6px; } header .row > div[class*=col-] { padding-left: 6px; padding-right: 6px; } /* logo */ #logo { margin: 5px 0px; } /* top links */ #top-links { } #top-links ul { margin: 0px; } #top-links li, #top-links li > a { font-size: 14px; line-height: 25px; color: #777; text-transform: uppercase; text-decoration: none; } #top-links li { display: inline-block; vertical-align: top; padding: 0px 0px 0px 20px; } #top-links li.cart { margin: 0px -10px; } #top-links li > a { display: block; } #top-links li > a:hover { color: #444; } #top-links li > a.btn { padding-top: 0px; padding-bottom: 0px; } #top-links .dropdown-menu a { } #top-links .dropdown-menu a:hover { } @media (min-width: 992px) and (max-width: 1200px) { #top-links li { margin: 0px; padding-left: 10px; } #cart .dropdown-toggle { margin-top: -3px; } } @media (min-width: 768px) and (max-width: 991px) { #top-links { margin-top: 6px; } #top-links li { margin: 0px; padding-left: 10px; } #top-links li.checkout { display: none; } #cart .dropdown-toggle { margin-top: -3px; } } @media (max-width: 767px) { } /* search */ .search { margin-bottom: 10px; } .search .input-lg { height: 40px; line-height: 20px; padding: 0 10px; } .search .btn-lg { font-size: 15px; line-height: 18px; padding: 10px 35px; text-shadow: 0 1px 0 #FFF; } /* cart */ #cart { position: relative; height: 25px !important; } #cart .dropdown-toggle { display: block; position: relative; background: url('../image/icon-basket.png') 10px 6px no-repeat #FFF; padding: 3px 10px 4px 32px; cursor: pointer; z-index: 1002; } /* #cart.open .dropdown-toggle { padding-bottom: 5px; border: 1px solid #DDD; border-bottom: none; padding: 2px 9px 5px 31px; background-position: 9px 5px; } */ #cart-total .itemtitle { color: #777; } #cart-total .itemcount { color: #064C6C; } #cart-total .itemsep { display: none; } #cart-total .itemtotal { display: none; } /* #cart .dropdown-menu { top: 30px; background: #FFF; z-index: 1001; min-width: 250px; border-radius: 4px 0px 4px 4px; -webkit-border-radius: 4px 0px 4px 4px; max-height: 80vh; overflow-y: auto; } #cart .dropdown-menu li { padding: 15px 15px 0px; } #cart .dropdown-menu li > div { min-width: 427px; padding: 0 10px; } #cart .dropdown-menu li p { margin: 5px 0px 20px; } #cart .dropdown-menu table { margin: 0px; } #cart .dropdown-menu table td { vertical-align: middle; padding: 15px 0px 15px 15px; border: none; border-bottom: 1px solid #DDD; } #cart .dropdown-menu table tr:first-child td { padding-top: 0px; } #cart .dropdown-menu table td:first-child { padding-left: 0px; } #cart .dropdown-menu .img-thumbnail { border: 3px solid #DDD; padding: 0px; border-radius: 0px; } #cart .dropdown-menu table td a { color: #000; } #cart .dropdown-menu table td small { display: block; margin-left: 5px; font-size: 12px; line-height: 1.5em; color: #666; text-transform: none; } #cart .dropdown-menu table td.quantity { white-space: nowrap; } #cart .dropdown-menu table td.total { font-size: 16px; } #cart .dropdown-menu table td.remove img { cursor: pointer; } #cart .dropdown-menu table.totals { } #cart .dropdown-menu table.totals td { border: none; padding: 2px 0px; color: #666; } #cart .dropdown-menu table.totals td.total { width: 110px; white-space: nowrap; } */ header #cart .hd_body { position: fixed; display: block; top: 0px; bottom: 0px; left: auto; right: -420px; width: 420px; border: none; border-radius: 0px; background: #FFF; z-index: 9999998; padding: 30px 24px; text-align: left; overflow-y: auto; border-left: 1px solid #EEE; font-size: 16px; line-height: 1.5em; transition: right 0.5s; } header #cart .hd_body_fade { position: fixed; display: block; top: 0px; left: 0px; right: 0px; opacity: 0; content: ''; background: rgba(0, 0, 0, 0.4); transition: opacity 0.5s; z-index: 9999997; } header #cart .hd_body .cart_close_wrapper { } header #cart .hd_body .cart_close_wrapper:after { display: block; content: ''; clear: both; } header #cart .hd_body .cart_close { display: block; float: right; font-size: 14px; line-height: 20px; color: #064C6C; font-weight: 400; cursor: pointer; border: 1px solid #064C6C; border-radius: 16px; padding: 2px 8px; } header #cart .hd_body .cart_close:after { display: inline-block; vertical-align: text-bottom; width: 16px; height: 20px; background: url('/image/catalog/core/icon-close.svg') center no-repeat; content: ''; margin-left: 4px; } header #cart .hd_body .empty { text-align: center; margin: 0px; padding: 40px 0px; font-weight: 400; } header #cart .hd_body .prods_wrapper { } header #cart .hd_body .prods_title { font-size: 21px; line-height: 1.33em; font-weight: 500; color: #064C6C; margin: 24px 0px 18px; } header #cart .hd_body table { width: 100%; border-spacing: 0px; border-collapse: collapse; } header #cart .hd_body table.prods { border-bottom: 1px solid #DDD; } header #cart .hd_body table tbody { } header #cart .hd_body table.prods tbody { border-top: 1px solid #DDD; } header #cart .hd_body table tr { } header #cart .hd_body table tr.upper { } header #cart .hd_body table tr.lower { } header #cart .hd_body table td { padding: 18px 0px; vertical-align: middle; } header #cart .hd_body table tr.upper td { vertical-align: top; } header #cart .hd_body table tr.lower td { padding-top: 8px; vertical-align: bottom; } header #cart .hd_body table td.image { padding-right: 18px; width: 128px; } header #cart .hd_body table td.image a { display: block; margin: 0px; padding: 0px; } header #cart .hd_body table td.image a img { display: block; margin: 0px; padding: 0px; border: 1px solid #EEE; } header #cart .hd_body table td.info { padding-bottom: 0px; } header #cart .hd_body table td.info a { color: #222; font-weight: 400; } header #cart .hd_body table td.info a:hover { color: #064C6C; } header #cart .hd_body table td.info a.remove { float: right; margin-left: 8px; cursor: pointer; } header #cart .hd_body table td.info small { display: block; font-size: 12px; line-height: 1.5em; font-weight: 400; } header #cart .hd_body table td.info small strong { } header #cart .hd_body table td.qty { font-size: 13px; line-height: 1.5em; } header #cart .hd_body table td.qty span, header #cart .hd_body table td.qty input { display: inline-block !important; vertical-align: top; width: 30px; height: 30px; text-align: center; border: 1px solid #DDD; } header #cart .hd_body table td.qty span img { display: block; width: 12px; margin: 0px auto; } header #cart .hd_body table td.qty .qty-dec { padding-top: 13px; cursor: pointer; } header #cart .hd_body table td.qty input[type=text] { width: 36px; padding: 2px 2px; } header #cart .hd_body table td.qty .qty-inc { padding-top: 8px; cursor: pointer; } header #cart .hd_body table td.total { text-align: right; font-size: 18px; line-height: 30px; font-weight: 400; color: #999; text-transform: none; } header #cart .hd_body table.totals { margin: 18px 0px 18px; } /* header #cart .hd_body table.totals tr { display: none; } header #cart .hd_body table.totals tr.subtotal { display: table-row; } */ header #cart .hd_body table.totals td { padding: 0px 0px 3px; vertical-align: baseline; } header #cart .hd_body table.totals .total td { font-size: 24px; line-height: 1.33em; font-weight: 500; color: #064C6C; border-top: 1px solid #DDD; } header #cart .hd_body table.totals td.tot_title { } header #cart .hd_body table.totals td.tot_price { text-align: right; } header #cart .hd_body .links { margin: 18px -6px 36px; } header #cart .hd_body .links > div[class*=col-] { padding-left: 6px; padding-right: 6px; } header #cart .hd_body .links a { } header #cart .hd_body .links a + a { } body.cart-open { overflow: hidden; } body.cart-open header #cart .hd_body { right: 0px; } body.cart-open header #cart .hd_body_fade { bottom: 0px; opacity: 1; } body.cart-open #sidetabs { z-index: 999997; } #talk_to_us { color: #064C6C; font-size: 15px; background: url('../image/icon-phone.png') 0px 3px no-repeat; padding-left: 21px; margin: 5px 0px 0px; } #talk_to_us a { color: inherit; font-weight: bold; } #talk_to_us a:hover, #talk_to_us a:focus, #talk_to_us a:active { color: #FC6500; } #talk_to_us span { font-size: 14px; } @media (min-width: 768px) { } @media (min-width: 992px) and (max-width: 1199px) { #talk_to_us { font-size: 12px; } } @media (min-width: 768px) and (max-width: 991px) { #talk_to_us { display: none; } } @media (max-width: 767px) { } /* menu */ #menu { background-color: #064C6C; min-height: 60px; border-radius: 0px; -webkit-border-radius: 0px; } #menu .nav { } #menu .nav > li { } #menu .nav > li:last-child .dropdown-menu { left: auto; right: 0px; } #menu .nav > li > a { font-size: 14px; line-height: 20px; color: #FFF; font-weight: 600; padding: 20px 8px; min-height: 40px; background-color: transparent; text-transform: uppercase; } #menu .nav > li > a:hover, #menu .nav > li:hover > a, #menu .nav > li.open > a { background-color: #235E7C; } #menu .nav > li.offers > a, #menu .nav > li.specialoffers > a { background-color: #FC6500; } #menu .dropdown-menu { float: none; padding-bottom: 0px; z-index: 9999999; } #menu .dropdown-inner { display: table; width: 100%; } #menu .dropdown-inner ul { display: table-cell; margin: 0px; } #menu .dropdown-inner a { min-width: 160px; display: block; padding: 5px 15px; clear: both; color: #000; font-size: 14px; line-height: 20px; } #menu .dropdown-inner li a:hover { color: #FFFFFF; } #menu .see-all { display: block; margin-top: 0.5em; border-top: 1px solid #DDD; padding: 3px 15px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; font-size: 12px; color: #FC6500; } #menu .see-all:hover, #menu .see-all:focus { text-decoration: none; color: #FFF; background-color: #235E7C; } #menu #category { float: left; padding-left: 15px; font-size: 16px; font-weight: 700; line-height: 40px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #ffffff; background-color: #229ac8; } @media (min-width: 768px) { #menu { margin: 0px; } #menu .navbar-collapse { padding: 0px; } #menu .dropdown:hover .dropdown-menu { display: block; } #menu .nav { display: table; width: 100%; margin: 0px; border: none; border-spacing: 0px; border-collapse: collapse; } #menu .nav > li { display: table-cell; float: none; } #menu .nav > li > a { display: block; text-align: center; } } @media (min-width: 992px) and (max-width: 1199px) { #menu .nav > li > a { font-size: 12px; line-height: 20px; padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) and (max-width: 991px) { #menu { min-height: 0px; } #menu .nav > li > a { font-size: 12px; line-height: 16px; min-height: 46px; padding: 5px 7px; } } @media (max-width: 767px) { #menu { border-radius: 4px; min-height: 0px; margin: 0px; } #menu div.dropdown-inner > ul.list-unstyled { display: block; } #menu div.dropdown-menu { margin-left: 0 !important; padding-bottom: 10px; background-color: rgba(0, 0, 0, 0.1); } #menu .dropdown-inner { display: block; } #menu .dropdown-inner a { width: 100%; color: #fff; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover { background: rgba(0, 0, 0, 0.1); } #menu .nav > li > a { font-size: 12px; line-height: 20px; padding-left: 7px; padding-right: 7px; min-height: 0px; } #menu .see-all { margin-top: 0; border: none; border-radius: 0; color: #fff; } } /* FIXED HEADER CHANGES */ @media (min-width: 768px) { /* body { padding-top: 140px; } */ header { background: #FFF; position: sticky; top: 0px; left: 0px; right: 0px; z-index: 999999; } } @media (min-width: 992px) and (max-width: 1199px) { /* body { padding-top: 133px; } */ } @media (min-width: 768px) and (max-width: 991px) { /* body { padding-top: 133px; } */ } @media (max-width: 767px) { } /* FIXED HEADER CHANGES */ #headersearch { background: url('../image/searchbg.jpg') bottom no-repeat #DDD; position: sticky; top: 0px; left: 0px; right: 0px; z-index: 999999; border-bottom: 2px solid #064C6C; margin-bottom: -2px; } #headersearch .search { margin: 0px; padding: 20px 0px; position: relative; width: 100%; } #headersearch .search .form-control { display: block; float: none; margin: 0px; padding: 5px 15px; font-size: 13px; line-height: 20px; height: 40px; border: 5px solid #064C6C; border-radius: 20px; -webkit-border-radius: 20px; } #headersearch .search .btn-search { position: absolute; right: 5px; top: 25px; display: block; float: none; width: 41px; height: 30px; padding: 7px 14px 7px 10px; border: none; background: none; border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border-left: 2px solid #064C6C; } #headersearch .search .iSearchBoxWrapper .btn-search { top: 5px; } #headersearch .search .btn-search img { display: block; } #headersearch #freefastdel { font-size: 24px; line-height: 1.1em; min-height: 80px; font-weight: bold; color: #064C6C; text-transform: uppercase; padding-top: 9px; padding-bottom: 9px; } #headersearch #freefastdel span { display: block; font-size: 14px; line-height: 18px; color: #777; font-weight: normal; text-transform: none; } #headersearch #freefastdel span.exclusions { font-size: 12px; line-height: 18px; } @media (max-width: 767px) { #headersearch #freefastdel { text-align: center; padding-top: 0px; min-height: 0px; } } #headdel { background: #DDD; border-top: 2px solid #064C6C; border-bottom: 1px solid #064C6C; margin: 0px 0px !important; } #headdel .container { padding-top: 12px; padding-bottom: 12px; text-align: center; font-size: 16px; line-height: 1.5em; font-weight: bold; color: #064C6C; } #headdel .container p { margin: 12px 0px 0px; } #headdel .container > :first-child { margin-top: 0px !important; } #headdel .container > :last-child { margin-bottom: 0px !important; } /* 2021 Mobile Updates */ @media (max-width: 767px) { header { position: relative; margin: 0px 0px 12px; } header #logo-mobile { text-align: center; padding: 10px 0px 4px; } header #logo-mobile a { display: inline-block; height: 48px; } header #logo-mobile a img { display: block; height: 100%; width: auto; } #menu { position: absolute; top: 0px; left: 0px; background: none; border: none; border-radius: 0px; } #menu .container { display: block; width: 100%; margin: 0px; padding: 0px; border: none; } #menu .container .row { display: block; margin: 0px; padding: 0px; } #menu .container .row > div[class*=col-] { display: block; margin: 0px; padding: 0px; min-height: 0px; } #menu .navbar-header { position: absolute; top: 20px; left: 12px; margin: 0px; padding: 0px; } #menu .navbar-header button { float: none; border: none; background: none; padding: 0px; margin: 0px; font-size: 24px; line-height: 1em; color: #004C6E !important; font-stretch: none; } #menu .navbar-header button i { font-size: inherit; line-height: inherit; } #menu .navbar-collapse { position: absolute; top: 0px; left: 0px; width: 100vw; min-height: 100vh; background: none; color: #444; font-size: 14px; line-height: 20px; z-index: 999999; margin: 0px; padding: 0px; max-height: none; border: none; box-shadow: none; } #menu .nav { display: block; width: 90%; margin: 0px; padding: 14px 0px 0px; background: #FFF; border: solid #004C6E; border-width: 0px 3px 3px 0px; } #menu .nav li { margin: 0px; padding: 0px; } #menu .nav li a { font: inherit; line-height: inherit; color: inherit; padding: 8px 12px; } #menu .nav > li { } #menu .nav > li + li { border-top: 1px solid #DDD; } #menu .nav > li > a { font-weight: bold; } #menu .nav > li > a:after { display: block; float: right; width: 20px; height: 20px; margin-left: 8px; content: ''; background: url('/image/catalog/2021_mobile/arrow-menu-right.svg') center no-repeat; } #menu .nav > li.home > a { } #menu .nav > li.home > a:after { display: none !important; } #menu .nav > li.home > .close { position: relative; display: block; float: right; margin: 0px; padding: 10px 12px; font-size: 20px; line-height: 20px; color: #004C6E; text-shadow: none; opacity: 1; background: none; border: none; z-index: 1; } #menu .nav > li.home > .close img { display: block; } #menu .nav > li.offers > a, #menu .nav > li.specialoffers > a { background-color: #FB6500; color: #FFF;} #menu .nav > li.offers > a:after, #menu .nav > li.specialoffers > a:after { background-image: url('/image/catalog/2021_mobile/arrow-menu-right-white.svg') } #menu .nav > li > a:hover, #menu .nav > li:hover > a { background: none; } #menu .nav > li.open > a { background: #FB6500; color: #FFF; } #menu .nav > li.open > a:after { background-image: url('/image/catalog/2021_mobile/arrow-menu-down.svg'); } #menu .nav div.dropdown-menu { background: #F5F5F5; padding: 8px 0px; } #menu .nav div.dropdown-inner { } #menu .nav div.dropdown-menu ul { margin: 0px; } #menu .nav div.dropdown-menu ul li { } #menu .nav div.dropdown-menu ul li a { padding: 6px 12px; } #links-mobile { position: absolute; top: 20px; right: 12px; text-align: right; } #links-mobile .search { position: initial; display: inline-block; margin: 0px; padding: 0px; } #links-mobile .search .popsearch { } #links-mobile .search .popsearch img { } #links-mobile .search .searchbox { position: absolute; display: none; top: calc(100% + 26px); right: -12px; width: 100vw; background: #E0E0E0; padding: 8px 8px; } #links-mobile .search .searchbox input[name=search] { display: block; float: left; width: calc(100% - 32px); height: 32px; border: 2px solid #004C6E; border-radius: 6px 0px 0px 6px; box-shadow: none; } #links-mobile .search .searchbox .btn-search { display: block; float: left; width: 32px; height: 32px; background: #FFF; border: 2px solid #004C6E; border-left: none; padding: 0px; font-size: 14px; line-height: 1em; border-radius: 0px 6px 6px 0px; } #links-mobile .search .iSearchBoxWrapper { } #links-mobile .search .iSearchBoxWrapper:after { display: block; clear: both; content: ''; } #links-mobile .search .iSearchBoxWrapper .iSearchBox { text-align: left; top: calc(100% - 3px); padding: 3px 0px 0px; border-width: 2px; } #links-mobile .search .iSearchBoxWrapper .iSearchBox li.iSearchHeading { padding: 8px 8px; } #links-mobile .search .iSearchBoxWrapper .iSearchBox li > div.iSearchImage { width: 42px; } #links-mobile a { display: inline-block; margin-left: 8px; } header.search-open { margin-bottom: 48px; } header.search-open #links-mobile .search .searchbox { display: block; } header #storeemail { background: #DDD; padding: 6px 12px; text-align: center; font-size: 14px; line-height: 20px; font-weight: bold; } header #storeemail a { color: #444; } header #storeemail a:hover { color: #FC6500; } } /* 2021 Mobile Updates */ /* content */ #content { min-height: 300px; } /* footer */ #upperfooter { background: #E6E6E6; margin: 30px 0px 0px; } #upperfooter .datenow { text-align: right; font-size: 14px; line-height: 30px; color: #000; } footer { padding: 30px 0px; background: #F2F2F2; font-size: 14px; line-height: 1.5em; color: #777; } footer ul { margin: 0px; } footer ul li { padding: 2px 0px; } footer h5 { text-transform: uppercase; font-weight: 600; color: #000; } footer a { color: #777; } #footernl { } #footernl .form-control { margin-bottom: 5px; font-size: 14px; line-height: 20px; padding: 5px 10px; height: 30px; border: 1px solid #E6E6E6; border-radius: 15px; } #footernl .btn { padding-top: 4px; padding-bottom: 4px; font-weight: normal; text-transform: uppercase; } .socialimgs { } .socialimgs a { } .socialimgs a img { max-height: 32px; } #branding { background: #F2F2F2; border-top: 1px solid #E6E6E6; padding-top: 30px; padding-bottom: 45px; } #branding a { color: inherit; } #branding .cards { } #branding .cards img { display: inline-block; margin: 5px 2px; } #branding .branding { text-align: right; } @media (max-width: 767px) { #upperfooter { margin-top: 16px; } footer { padding: 16px 0px 24px; } footer .row > div[class*=col-] { margin-top: 20px; } #footernl .form-control { margin-bottom: 8px; font-size: 16px; line-height: 24px; padding: 4px 12px; height: 32px; border-radius: 16px; } #footernl .btn { padding: 6px 12px; border-radius: 16px; } #branding { padding: 8px 0px 24px; } #branding .cards { } #branding .cards img { margin: 5px 0px; max-height: 20px; } #branding .cards img.secure { margin-right: 6px; } #branding .branding { text-align: left; font-size: 12px; line-height: 1.5em; margin-top: 8px; } } #latestoffers { } #latestoffers .form-control { margin-bottom: 5px; font-size: 14px; line-height: 20px; padding: 5px 10px; height: 30px; border: 1px solid #E6E6E6; border-radius: 15px; } #latestoffers .btn { padding-top: 4px; padding-bottom: 4px; font-weight: normal; text-transform: uppercase; } @media (max-width: 767px) { #latestoffers { text-align: center; } } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { display: inline-block; margin: 0px 0px 10px; padding: 0px 8px 0px 0px; border: none; overflow: auto; min-height: 24px; background: url('../image/crumbend.png') right no-repeat; } .breadcrumb > li { display: block; float: left; margin: 0px; padding: 0px 0px 0px 9px; position: relative; white-space: nowrap; text-align: center; background: url('../image/crumbsep.png') left no-repeat #064C6C; } .breadcrumb > li:first-child { background-image: none; padding-left: 0px; } .breadcrumb > li:last-child { background: url('../image/crumbseplast.png') left no-repeat #FF6500; } .breadcrumb > li + li:before { content: ''; padding: 0px; } .breadcrumb > li a { display: block; color: #FFF; font-size: 13px; line-height: 24px; height: 24px; margin: 0px; padding: 0px 8px 0px 5px; } .breadcrumb > li a:first-child { border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; padding-left: 9px; padding-right: 7px; } .breadcrumb > li a img { display: inline-block; margin: -2px 0px 0px; padding: 0px; } @media (max-width: 767px) { .breadcrumb { display: none; } } .pagination { margin: 0; } /* buttons */ .buttons { margin: 1em 0; overflow: auto; } .btn { padding: 4px 12px; font-size: 14px; font-weight: 600; color: #FFF !important; border: none; background: #FC6500; cursor: pointer; border-radius: 12px; text-transform: uppercase; } .btn + .btn { margin-left: 5px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 11px; } .btn-lg { padding: 8px 25px; font-size: 16px; border-radius: 20px; } .btn-blue { background-color: #004B6E; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-default { background: #DDD; color: #000 !important; } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #1f90bb; background-position: 0 -15px; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x;border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #23A1D1; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } .input-group-btn > .btn { height: 34px; } /* list group */ .list-group a { color: #000; padding: 5px 10px; margin: 3px 0px; border: none; font-size: 14px; line-height: 20px; background: url('../image/arrow-sidebarlist.png') 242px 50% no-repeat #EEE; } .list-group a.active, .list-group a.active:hover { background: url('../image/arrow-sidebarlistactive.png') 240px 50% no-repeat #FC6500; color: #FFF; } .list-group a:hover { background-color: #DDD; } .list-group a.list-group-child-item { background: none; margin-left: 10px; } .list-group a.list-group-child-item.active { background: none; color: #FC6500; font-weight: bold; } /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } .pagetitle { } .pagetitle h1 { font-size: 48px; line-height: 1.1em; margin: 0px 0px 20px; color: #777; } /* Category intro */ .catdesc { } .catdesc > :first-child { margin-top: 0px; } .catdesc > :last-child { margin-bottom: 0px; } /* Sub Category Lists */ .catdesc + .category-list { margin-top: 30px; } .category-list { } .category-list > div { margin: 0px 0px 30px; } .category-list > div a { display: block; margin: 0px; padding: 0px; text-align: center; } .category-list > div img { margin: 0px; width: 100%; } .category-list > div a.name { font-size: 14px; line-height: 20px; text-transform: uppercase; color: #111; padding: 15px 15px 20px; } a.overlay_parent { position: relative; display: block; z-index: 1; } td a.overlay_parent { display: inline-block; } a.overlay_parent picture { display: block; } a.overlay_parent .overlay { position: absolute; z-index: 41; width: 25%; max-width: 25%; height: auto !important; border: none !important; } a.overlay_parent .overlay_tl { top: 1%; left: 1%; } a.overlay_parent .overlay_tr { top: 1%; right: 1%; } a.overlay_parent .overlay_bl { bottom: 1%; left: 1%; } a.overlay_parent .overlay_br { bottom: 1%; right: 1%; } a.overlay_parent .overlay img { display: block; width: 100% !important; height: auto !important; border: none !important; } .thumbnails > a.overlay_parent .overlay { width: 20%; max-width: 20%; } .prodfilters { margin: 0px 0px 30px; padding: 8px 0px; background: #EEE; } .prodfilters a { color: #FC6500; } .prodfilters label { color: #111; } /* Product Lists / Grids */ /* These styles affect ALL product listings (grid and list view, in main content and sidebars) */ .product-thumb { margin: 0px 0px 30px; overflow: auto; } .product-thumb .image { text-align: center; } .product-thumb .image a { display: block; margin: 0px; padding: 0px; } .product-thumb .image a:hover { opacity: 0.8; } .product-thumb .image img { margin: 0px; width: 100%; } .product-thumb .flash { background: #074C6C; color: #FFF; text-align: center; padding: 3px 5px; text-transform: uppercase; } .product-thumb .caption { display: block; text-align: center; margin: 0px; padding: 10px 0px; min-height: 130px; } .product-thumb .caption h4 { font-size: 16px; line-height: 20px; color: #777; font-weight: normal; margin: 0px 0px 5px; } .product-thumb .caption h4 a { font: inherit; line-height: inherit; color: inherit; } .product-thumb .caption .desc { display: none; font-size: 14px; line-height: 1.5em; } .product-thumb .caption .price { font-size: 14px; line-height: 1.5em; color: #777; font-weight: normal; margin: 5px 0px; } .product-thumb .caption .price > span, .product-thumb .caption .specialprice > span { display: block; line-height: 20px; } .product-thumb .caption .price .incvat { } .product-thumb .caption .price .exvat { display: none; } .product-thumb .caption .price .taxprice { } .product-thumb .caption .price .tax { font-size: 18px; font-weight: 600; } .product-thumb .caption .specialprice { } .product-thumb .caption .specialprice .taxprice { color: #FC6500; } .product-thumb .caption .price .poaprice { font-weight: bold; color: #FC6500; } .product-thumb .caption .price .normalprice { } .product-thumb .caption .price .normal { } .product-thumb .caption .price .oldprice { } .product-thumb .caption .price .oldprice .was { text-decoration: none; } .product-thumb .caption .price .oldprice .old { text-decoration: line-through; } .product-thumb .caption .price .newprice { } .product-thumb .caption .price .newprice .now { } .product-thumb .caption .price .newprice .special { font-weight: 600; } .product-thumb .rating { line-height: 15px; } .rating span { display: inline-block; vertical-align: baseline; width: auto; height: auto; margin: 0px; padding: 0px; } .rating span + span { margin-left: 0px; } .rating span i { position: initial; left: auto; width: auto; display: block; font-size: inherit; line-height: 1em; margin: 0px; padding: 0px; } .rating span i + i { display: none; } /* .rating .fa-star-o { background: url('../image/star_empty.png') center no-repeat; } .rating .fa-star { background: url('../image/star_full.png') center no-repeat; } .rating .fa-star:before, .rating .fa-star-o:before { content: ''; } */ .product-thumb .button-group { display: none; border: 1px solid #DDD; overflow: auto; } .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background: none; color: #777; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #444; background-color: #ddd; text-decoration: none; cursor: pointer; } /* List view only */ .product-list .product-thumb .caption { margin-left: 253px; padding: 0px 0px 10px; text-align: left; } .product-list .product-thumb .caption h4 { font-weight: 600; } .product-list .product-thumb .caption .desc { display: block; } /* Sidebar only - all screen sizes */ .sidebar > div { margin: 30px 0px 0px; } .sidebar > div:first-child { margin-top: 0px; } .sidebar .product-thumb .caption { min-height: 0px; } .sidebar .product-thumb .caption .price { margin: 0px; } .sidebar .product-thumb .caption .price .oldprice { display: inline-block; margin-right: 3px; } .sidebar .product-thumb .caption .price .was { display: none; } .sidebar .product-thumb .caption .price .newprice { display: inline-block; } .sidebar .product-thumb .caption .price .now { display: none; } /* Responsive changes */ @media (min-width: 768px) { .product-list .product-thumb .image { float: left; padding: 0px 15px 0px 0px; } .product-list .product-thumb .caption { text-align: left; } } @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .row.prodgrid { margin-left: -12px; margin-right: -12px; } .row.prodgrid > div[class*=col-] { padding-left: 12px; padding-right: 12px; } .product-thumb { margin-bottom: 20px; } .product-thumb .caption { min-height: 0px; } .product-thumb .caption h4 { font-size: 14px; line-height: 20px; } .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } .product-list .product-thumb .caption { min-height: 0px; margin-left: 0px; padding: 10px; text-align: center; } .product-list .product-thumb .caption .desc { display: none; } } /* Sidebar styles - only alter them for the biggest screens */ @media (min-width: 1200px) { .sidebar .product-thumb { margin: 0px 0px 15px; } .sidebar .product-thumb .image { max-width: 30%; float: left; margin: 0px 3% 0px 0px; } .sidebar .product-thumb .image img { border-width: 1px; } .sidebar .product-thumb .caption { display: inline-block; width: 67%; min-height: 0px; margin: 0px; padding: 0px; text-align: left; } .sidebar .product-thumb .caption h4 { margin: 0px; } .sidebar .product-thumb .caption .rating { clear: left; } .sidebar .product-thumb .button-group { display: none; } } /* Pagination */ .paging { border-top: 1px solid #DDD; padding: 15px 0px 0px; } .paging .results { font-size: 14px; line-height: 30px; color: #777; } .paging .pagelinks { border: none; background: none; margin: 0px; padding: 0px; height: 30px; } .paging .pagelinks ul { overflow: auto; border-radius: 0px; -webkit-border-radius: 0px; margin: 0px; } .paging .pagelinks ul li { display: block; float: left; margin: 0px; padding: 0px; } .paging .pagelinks ul li + li { margin-left: 3px; } .paging .pagelinks ul li a, .paging .pagelinks ul li span { display: block; float: none; width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; background: center no-repeat #EEE !important; font-size: 14px; line-height: 30px; color: #777 !important; border: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; } .paging .pagelinks ul li.active a { background: #777; color: #FFF; } .paging .pagelinks ul li.pagenav a { font-size: 0px; color: transparent; text-indent: -50000px; } .paging .pagelinks ul li.first { display: none; } .paging .pagelinks ul li.prev a { background-image: url('../image/paging-prev.png') !important; } .paging .pagelinks ul li.next a { background-image: url('../image/paging-next.png') !important; } .paging .pagelinks ul li.last { display: none; } /* Product Page */ .product-info { margin-bottom: 30px; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0px; margin: 0px; } .thumbnails li { margin: 0px; padding: 0px; } .thumbnails li a { display: block; margin: 0px; padding: 0px; border: none; } .thumbnails li img { width: 100%; height: auto; border: 1px solid #DDD; } .thumbnails li.main-image { margin-bottom: 10px; } .thumbnails li.main-image img { border-width: 5px; } .thumbnails li.main-image .flash { background: #074C6C; color: #FFF; text-align: center; padding: 3px 5px; text-transform: uppercase; } .thumbnails li.image-additional { float: left; width: 23.5%; margin: 2% 0px 0px 2%; } .thumbnails li.image-additional:nth-child(4n + 2) { margin-left: 0px; } .proddls { background: #EEE; margin-top: 30px; } .proddls .wrapper { padding: 15px 20px 20px; } .proddls h2 { color: #FC6500; margin: 0px 0px 15px; } .proddls ul { margin: 0px; padding: 0px; list-style: none; } .proddls ul li { color: #666; margin: 0px; padding: 0px; } .proddls ul li + li { padding-top: 5px; } .proddls ul li a { display: block; font: inherit; line-height: inherit; color: inherit; padding-left: 30px; min-height: 26px; line-height: 26px; background: url('../image/icon-pdf.png') top left no-repeat; } .proddls ul li a span { } .product-info .details { } .product-info h1 { font-size: 32px; line-height: 1.25em; color: #777; font-weight: normal; margin: 0px 0px 15px; } .details .rating { font-size: 16px; line-height: 18px; background: #EEE; padding: 4px 6px; } .details .rating span, .details .rating a { display: inline-block; vertical-align: baseline; font-size: 15px; line-height: 20px; } .details .rating span { } .details .rating span i { line-height: 1em; } .details .rating a { margin: 0px 5px; } .details .rating span + a { margin-left: 10px; } .details .rating .fa-star-o { color: #FFF; } .details .rating .fa-star { color: #FFCC00; } .details .use_icons { margin: 15px 0px 15px; } .details .use_icons img { display: inline-block; vertical-align: top; margin: 10px 0px 0px; padding: 0px; } .details .use_icons img + img { margin-left: 7px; } .details .description { margin-top: 20px; font-size: 16px; line-height: 1.5em; } .details .description * { font: inherit; line-height: inherit; } .details .description table { width: 100% !important; } .specifics { } .specifics .specsinner { background: #EEE; padding: 15px; } .specifics .price { margin: 0px; } .specifics .price span { display: inline-block; } .specifics .price .vat { font-size: 16px; font-weight: normal; } .specifics .price li { font-size: 13px; line-height: 1.5em; color: #777; } .specifics .price li.normal { font-size: 21px; line-height: 1.33em; color: #FC6500; } .specifics .price li.oldprice { font-size: 16px; line-height: 1.5em; } .specifics .price li.oldprice .was { } .specifics .price li.oldprice .old { text-decoration: line-through; } .specifics .price li.newprice { font-size: 21px; line-height: 1.33em; color: #FC6500; } .specifics .price li.newprice .special { font-weight: bold; line-height: inherit; } .specifics .price li.tax { font-size: 32px; line-height: 1.1em; color: #FC6500; font-weight: bold; } .specifics .price li.reward { margin-top: 5px; } .specifics .price li.discount_title { border-top: 1px solid #DDD; margin-top: 10px; padding-top: 10px; text-transform: uppercase; color: #111; font-weight: bold; } .specifics .price li.discount { font-size: 14px; line-height: 1.5em; color: #333; } .specifics hr { margin: 10px 0px; border-color: #DDD; } .specifics #options label { color: #000; } .specifics #input-quantity { width: 50px; height: 28px; text-align: center; border-radius: 14px; -webkit-border-radius: 14px; border: none; } .specifics #button-cart { position: relative; margin: 10px 0px 0px; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; padding-left: 10px; padding-right: 10px; max-width: 320px; } .specifics #button-cart img { position: relative; margin-right: 5px; top: -1px; } .specifics .prodquote { font-size: 13px; line-height: 1.5em; text-align: center; margin: 5px 0px 0px; } .specifics .addto { display: block; text-align: center; max-width: 320px; } .specifics .addto span { display: inline-block; background: left no-repeat; cursor: pointer; color: #777; font-size: 14px; line-height: 1.5em; } .specifics .addto span:before { display: inline-block; vertical-align: bottom; width: 13px; height: 20px; background: center no-repeat; margin-right: 4px; content: ''; } .specifics .addto span + span { margin-left: 18px; } .specifics .addto span.enquire:before { display: none; } .specifics .addto span.wishlist:before { background-image: url('../image/icon-wishlist.png'); } .specifics .addto span.compare:before { background-image: url('../image/icon-compare.png'); } .specifics .addto a { color: inherit; } .specifics .addto a i { color: #CCC; margin-right: 2px; } #options { } #options .form-group { } #options .form-group .optname { display: block; position: relative; } #options .form-group .optname:after { display: block; clear: both; content: ''; } #options .form-group .optname img { display: block; float: left; margin-right: 8px; max-width: 20%; height: auto !important; } #options .form-group .optname label { } #options .form-group label { display: block; position: relative; } #options .form-group.hasimages { } #options .form-group.hasimages .radio, #options .form-group.hasimages .checkbox { margin: 5px -3px; padding-left: 0px; } #options .form-group.hasimages .radio label, #options .form-group.hasimages .checkbox label { border: 1px solid transparent; padding: 2px; } #options .form-group.hasimages .radio.checked label, #options .form-group.hasimages .checkbox.checked label { border-color: #FC6500; } #options .form-group.hasimages .radio label:after, #options .form-group.hasimages .checkbox label:after { display: block; content: ''; clear: both; } #options .form-group.hasimages input[type=radio], #options .form-group.hasimages input[type=checkbox] { position: absolute; top: 3px; left: 3px; z-index: -1; float: none; margin-left: 0px; } #options .form-group.hasimages span { font-size: 14px; line-height: 18px; } #options .form-group.hasimages span.no_image { display: inline-block; width: 54px; } #options .form-group.hasimages span.no_image, #options .form-group.hasimages img { float: left; margin-right: 6px; padding: 1px; max-width: 50px; } .prodtabs { margin: 30px 0px; } #tab-specification { } #tab-specification table { } #tab-specification table th, #tab-specification table td { font-weight: normal; border: none; padding: 7px 15px; font-size: 16px; line-height: 1.5em; } #tab-specification table th { width: 170px; border-right: 1px solid #DDD; color: #000; } #tab-specification table td { } .vtabs { display: block; border-bottom: 1px solid #DDD; } .vtabs .vtab { display: block; border-top: 1px solid #DDD; } .vtabs .vtab + .vtab { } .vtabs .vtab .vtab_head { font-size: 18px; line-height: 24px; padding: 8px 2px; } .vtabs .vtab .vtab_head:after { display: block; float: right; width: 12px; height: 12px; content: ''; background: url('/image/catalog/2021_mobile/arrow-menu-right.svg') center no-repeat; background-size: contain; margin: 6px 0px 8px 8px; transition: transform 0.5s; } .vtabs .vtab.active .vtab_head:after { transform: rotate(90deg); } .vtabs .vtab .vtab_body { display: none; } .review { font-size: 16px; line-height: 1.5em; } .review + .review { margin-top: 30px; } .review .rating { display: block; position: relative; float: left; margin-right: 10px; } .review .rating > span { top: -3px; } .review .author { color: #000; font-weight: bold; text-transform: uppercase; } .review .authdate { margin-left: 5px; } .review .text { margin: 5px 0px 0px; } @media (max-width: 767px) { .product-info h1 { font-size: 21px; line-height: 1.33em; margin: 0px 0px 18px; } .thumbnails { margin-bottom: 18px; } .thumbnails li.main-image img { border: none; } .specifics .price { margin: 0px 0px 18px; } .details .use_icons { margin: 12px 0px; } .details .use_icons img { } .details .use_icons img + img { margin-left: 3px; } .specifics hr { margin: 16px 0px; } .proddls { margin: 20px 0px; } .specifics .addto span { display: block; } .specifics .addto span + span { margin-left: 0px; } .details .description table { width: auto !important; border-bottom: 1px solid #DDD; } .details .description table td { width: 50% !important; text-align: left !important; border-top: 1px solid #DDD; padding: 3px 0px; vertical-align: top; } .details .description table td:first-child { padding-right: 8px; } } .mobilecart { margin-top: 20px; padding-top: 20px; border-top: 1px solid #DDD; } #collapse-checkout-confirm .mobilecart { margin-top: 0px; padding-top: 0px; border-top: none; } .mobilecart .cartitem { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DDD; } .mobilecart .cartitem:after { display: block; content: ''; clear: both; } .mobilecart .cartitem + .cartitem { } .mobilecart .cartitem > div { display: block; margin: 6px 0px 0px; } .mobilecart .cartimg { float: right; margin: 0px 0px 6px 12px !important; } .mobilecart .cartimg a { display: block; } .mobilecart .cartimg a img { display: block; padding: 0px; border-radius: 0px; } .mobilecart .cartname { margin-top: 0px !important; } .mobilecart .cartname a { display: block; font-size: 16px; line-height: 1.5em; margin: 0px 0px 0px; } .mobilecart .cartname small { display: block; font-size: 12px; line-height: 1.5em; margin: 3px 0px 0px; } .mobilecart .cartmodel { } .mobilecart .cartpriceqty { clear: right; float: left; } .mobilecart .cartpriceqty > span { display: inline-block; vertical-align: top; line-height: 34px; margin: 0px; } .mobilecart .cartpriceqty .cartprice { font-size: 16px; font-weight: 600; } .mobilecart .cartpriceqty .cart-x { } .mobilecart .cartpriceqty .cartqty { } .mobilecart .cartpriceqty .cartqty input[type=text] { padding: 6px 6px; text-align: center; } .mobilecart .carttotal { float: right; font-size: 18px; line-height: 34px; font-weight: 700; } .carttotals { margin: 0px !important; } .carttotals td { padding: 4px 6px !important; } body#home .slideshow { display: block; box-shadow: none; border: none; margin: 0px; padding: 0px; width: 100%; max-width: 100%; } .slideshow .slides img { width: inherit; } .slideshow .owl-pagination { bottom: 0px; right: 15px; background: #FFF; width: auto; padding: 5px 5px 0px; height: 13px; } .slideshow .owl-pagination div { margin: 0px; padding: 0px; width: 8px; height: 8px; background: #064C6C; } .slideshow .owl-pagination div + div { margin-left: 5px; } .slideshow .owl-pagination div.active { background: #FC6500; } .slides { padding: 0; margin:0; list-style: none; } .slides li { text-align: center; } .slides li img { text-align: center; } .flex-direction-nav a:before { line-height: 40px; } @media (max-width: 767px) { body#home .slideshow { margin-bottom: 20px; } } .html.productoffers { } .html.productoffers .row { margin-top: -12px; } .html.productoffers .row > div[class*=col-] { margin-top: 12px; } .html.productoffers .row > div[class*=col-] { } .html.productoffers a { display: block; } .html.productoffers a img { display: block; max-width: 100%; height: auto !important; } .html.homeoffers { display: block; margin: 0px 0px 30px; max-width: 100%; } .html.homeoffers > p { margin: 0px 0px 14px; } .html.homeoffers > p a, .html.homeoffers > p img { display: block; margin: 0px; padding: 0px; max-width: 100%; } .html.homeoffers .homedeliverybox { border: 5px solid #DDD; padding: 10px; } .html.homeoffers .homedeliverybox table { width: 100%; } .html.homeoffers .homedeliverybox table td { padding: 6px 0px; } .html.homeoffers .homedeliverybox table tr + tr td { border-top: 1px solid #DDD; } .html.homeoffers .homedeliverybox table tr:first-child td { padding-top: 0px; } .html.homeoffers .homedeliverybox table tr:last-child td { padding-bottom: 0px; } .html.homeoffers .homedeliverybox table td img { float: left; margin: 2px 10px 0px 0px; } .html.homeoffers .homedeliverybox table td h3 { background: none; text-align: left; margin: 0px; font-size: 18px; line-height: 20px; color: #064C6C; font-weight: bold; padding: 0px; } .html.homeoffers .homedeliverybox table td p { margin: 0px; font-size: 12px; line-height: 1.5em; } .html.homeoffers .homedeliverybox table td h3 + p { margin-left: 43px; } .html.homedeals { clear: both; } .html.homedeals img { max-width: 100%; } @media (min-width: 768px) { .html.homeoffers > p > a, .html.homeoffers > p > img { margin-top: 14px; } .html.homeoffers > p > :first-child { margin-top: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .html.homeoffers { background: #023A56; min-height: 337px; } } @media (max-width: 767px) { .html.homeoffers > p { text-align: center; } .html.homeoffers > p img + img { margin: 5px; } .html.homedeals img { margin: 5px; } .homeoffers img { width: 100%; } } .html h3, .prodmod h3 { display: block; text-align: center; background: #064C6C; color: #FFF; text-transform: uppercase; font-size: 14px; line-height: 20px; margin: 40px 0px 20px; padding: 5px 15px; } .prodmod.special h3 { background: #FC6500; } .prodmod.related h3 { text-align: left; } @media (max-width: 767px) { .prodmod.related h3 { text-align: center; } } .prodmod.featured.featspecials h3 { background: #FC6500; } .html .deliverycontent h3 { color: #064c6c; font-size: 18px; font-weight: 700; background: transparent; margin: 10px auto; } .html .deliverycontent { text-align: center; } .html .deliverycontent p { color: #777; font-size: 13px; } .html.homefaq { } .html.homefaq table { border: none; } .html.homefaq table td { width: 32%; padding: 0px; border: none; } .html.homefaq table td + td { padding-left: 2%; } .html.homefaq table td h4 { color: #064C6C; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 1.5em; } .html.homefaq table td ul { } .html.homefaq table td ul li { } .html.sideoffers .homedeliverybox { border: 5px solid #DDD; padding: 10px; } .html.sideoffers .homedeliverybox table { } .html.sideoffers .homedeliverybox table td { padding: 6px 0px; } .html.sideoffers .homedeliverybox table tr + tr td { border-top: 1px solid #DDD; } .html.sideoffers .homedeliverybox table tr:first-child td { padding-top: 0px; } .html.sideoffers .homedeliverybox table tr:last-child td { padding-bottom: 0px; } .html.sideoffers .homedeliverybox table td img { float: left; margin: 2px 10px 0px 0px; } .html.sideoffers .homedeliverybox table td h3 { background: none; text-align: left; margin: 0px; font-size: 18px; line-height: 20px; color: #064C6C; font-weight: bold; padding: 0px; } .html.sideoffers .homedeliverybox table td p { margin: 0px; font-size: 12px; line-height: 1.5em; } .html.sideoffers .homedeliverybox table td h3 + p { margin-left: 43px; } .freedel { padding: 20px 0; margin-bottom: 30px;float: left;width: 100%; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } .freedel .deliverycontent > div { border-left: 1px solid #f4f4f4; } .freedel .deliverycontent > div:first-child { border: none; } .html.sidebanners { display: block; margin: 30px 0px 0px; } .html.sidebanners > p { display: block; margin: 0px; } .html.sidebanners > p img { display: block; margin: 0px; padding: 0px; width: 100% !important; height: auto !important; } .html.sidebanners > p img + img { margin-top: 5px; } .sidebar > div.mfilter-box { margin-top: 0px; } .mfilter-box .box-heading { display: none; } .basketdel { background: url('/image/catalog/banners/banner-bg-striped.png') right no-repeat #FC6500; text-align: center; color: #FFF; font-size: 21px; line-height: 28px; margin: 20px 0px; padding: 6px 16px; } .basketdel p { margin: 0px; } .basketdel strong { font-weight: 600; } @media (max-width: 767px) { .basketdel { font-size: 18px; line-height: 1.33em; } } .homesubcats { clear:both; } .homesubcats .row { margin-top: -24px !important; } .homesubcats .row > div[class*=col-] { margin-top: -10px; margin-bottom: 20px; } .homesubcats .subcat-wrapper { background: #f16001; min-height: 475px; } .homesubcats h3 { display: block; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #fff; margin: 0px; padding: 0px; background: #f16001; } .homesubcats h3 a { display: block; font: inherit; color: inherit; padding: 24px 10px; } .homesubcats > a { display: block; } .homesubcats img { display: block; margin: 0 auto; } .homesubcats ul { display: block; margin: 0px; padding: 0px 15px; list-style: none; } .homesubcats ul li { display: block; margin: 0px; padding: 12px 0px; background: none; } .homesubcats ul li + li { border-top: 1px solid #ff8422; } .homesubcats ul li a { color: #fff; } @media (max-width: 767px) { .homesubcats .row { margin-top: 0px !important; } .homesubcats .row > div[class*=col-] { margin-top: 0px; margin-bottom: 0px; } .homesubcats .row > div[class*=col-] + div[class*=col-] { margin-top: 12px; } .homesubcats .subcat-wrapper { min-height: 0px; } .homesubcats h3 a { padding: 12px 8px; } .homesubcats img { max-width: 200px; } .homesubcats ul li { padding: 8px 0px; text-align: center; } } .contactinfo { font-size: 16px; line-height: 1.5em; } .contactinfo p { margin: 25px 0px 0px; } .contactinfo p:first-child { margin-top: 0px; } .contactinfo p strong { text-transform: uppercase; color: #000; } .contactinfo p.comment { color: #000; } .featured-category { margin: 0px; } .featured-category h3 { display: none; } .featured-category .catwrapper { margin-top: 30px; } .featured-category .cat { display: block; width: 100%; } .featured-category .cat a { display: block; } .featured-category .cat .image { } .featured-category .cat .image img { width: 100%; } .featured-category .cat .name { text-align: center; padding: 15px 10px; text-transform: uppercase; } .featured-category .cat .name a { color: #111; } #quoteform { } #quoteform .form-control { margin-top: 10px; height: 30px; border-radius: 3px; border-color: #E8E8E8; box-shadow: none; } #quoteform textarea.form-control { height: 6em; } #quoteform select.form-control { margin-top: 0px; } #quoteform label { display: block; margin: 10px 0px 2px; font-size: 13px; line-height: 1.5em; } #quoteform label + select { } #quoteform .error { display: block; color: #F33; font-size: 13px; line-height: 1.5em; } #quoteform .button-group { margin: 15px 0px 0px; } #quoteform button { font-weight: normal; } .proddelbanner { position: relative; display: block; margin: 12px 10px; padding: 6px 0px; font-size: 18px; line-height: 24px; color: #FFF; text-transform: uppercase; text-align: center; background: #FC6500; font-weight: 600; } .proddelbanner:before, .proddelbanner:after { position: absolute; display: block; top: 0px; width: 10px; height: 100%; content: ''; } .proddelbanner:before { right: calc(100% - 1px); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 80% 50%); } .proddelbanner:after { left: calc(100% - 1px); clip-path: polygon(0% 0%, 100% 0%, 20% 50%, 100% 100%, 0% 100%); } .proddelbanner.pdb1, .proddelbanner.pdb1:before, .proddelbanner.pdb1:after { background: #FC6500; } .proddelbanner.pdb2, .proddelbanner.pdb2:before, .proddelbanner.pdb2:after { background: #064C6C; } @media (max-width: 767px) { .proddelbanner { } } #nl_lists { display: none; margin-top: 12px; } #nl_lists .lists { display: block; width: 250px; } #nl_lists .lists .checkbox { display: block; padding-top: 2px; min-height: 0px; } #nl_lists .lists .checkbox:after { display: block; content: ''; clear: both; } #nl_lists .lists .checkbox input[type=checkbox] { } .blogartdisclaimer { border-top: 1px solid #999; margin-top: 36px; padding-top: 24px; font-style: italic; } .blogartdisclaimer p { margin: 20px 0px 0px; } .blogartdisclaimer > :first-child { margin-top: 0px; } .tradelogo { margin-bottom: 16px; } .tradeform { display: block; width: 600px; max-width: 100%; margin: 36px auto 0px !important; padding: 24px 24px; background: #EEE; } .tradeform > p { text-align: center; margin: 0px 0px 20px; } .tradeform fieldset { } .tradeform fieldset .row { margin-left: -8px; margin-right: -8px; } .tradeform fieldset .row > div[class*=col-] { padding-left: 8px; padding-right: 8px; } .tradeform .form-group { margin-bottom: 16px; } .tradeform .buttons { margin-bottom: 0px; text-align: center; } .tradesectors { border: 5px solid #DDD; padding: 10px 10px; } .tradesectors h3 { text-align: left; background: none; color: #064C6C; text-transform: none; font-size: 24px; line-height: 1em; font-size: bold; margin: 0px 0px 12px; padding: 0px; } .tradesectors ul { display: block; margin: 0px 0px 0px 16px; padding: 0px; list-style: none; font-size: 16px; line-height: 1.5em; } .tradesectors ul li { display: block; margin: 0px; padding: 0px; } .tradesectors ul li:before { display: inline-block; content: '-'; margin-right: 5px; } .tradesectors ul li + li { margin-top: 2px; } .tradesectors ul li a { color: #064C6C; } .tradesectors ul li a:hover, .tradesectors ul li a:focus { color: #FC6500; } .covid { border: 2px solid #064C6C; background: #DDD; text-align: center; margin: 0px 0px 18px; padding: 12px 18px; color: #000; font-weight: 600; font-size: 16px; line-height: 1.33em; } .covid p { margin: 0px; } .amazonbanner { display: block; margin: 16px 0px; background: #000; color: #FFF; padding: 8px 12px; } .amazonbanner p { margin: 0px; padding: 0px; font-size: 16px; line-height: 20px; } .amazonbanner img { position: relative; display: inline-block; vertical-align: top; height: 24px !important; width: auto !important; margin-right: 6px; top: 3px; } .screwfixbanner { display: block; margin: 16px 0px; background: #FFF; color: #004995; padding: 8px 12px; border: 3px solid #004995; } .screwfixbanner p { margin: 0px; padding: 0px; font-size: 16px; line-height: 20px; } .screwfixbanner strong { color: #E20714; } .screwfixbanner img { position: relative; display: inline-block; vertical-align: top; height: 24px !important; width: auto !important; margin-right: 6px; top: 3px; } /* Styles for the homepage banners */ .banner_grid { display: grid; gap: 4px; grid-template-columns: repeat(2, 1fr); margin-bottom: 20px; } .banner_grid__item { display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 10px; aspect-ratio: 1 / 1; } .banner_grid__item:hover { transform: translateY(-1px); } .banner_grid__image { width: 80%; } .banner_grid__title { color: white; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; } .banner_grid_orange .banner_grid__item { background-color: #f16101; } .banner_grid_blue .banner_grid__item { background-color: #204b69; } @media (min-width: 768px) { .banner_grid { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 992px) { .banner_grid__title { font-size: 15px; } .banner_grid__item { padding: 15px; } .banner_grid__image { width: 88%; } } @media (min-width: 1200px) { .banner_grid__title { font-size: 18px; } .banner_grid__item { padding: 20px; } .banner_grid__image { width: 90%; } } /* Styles for the multi-slideshow used for the homepage logos */ .multi_slideshow.owl-carousel { box-shadow: none; margin-bottom: 20px; } .multi_slideshow__title { display: block; text-align: center; text-transform: uppercase; font-weight: 600; } .multi_slideshow__item { padding-left: 20px; padding-right: 20px; } .multi_slideshow__image { margin-left: auto; margin-right: auto; } .multi_slideshow .owl-controls { margin-top: 20px; } .multi_slideshow .owl-pagination { top: 0; } .multi_slideshow .owl-controls .owl-page span { background-color: #dddddd; } .multi_slideshow .owl-controls .owl-page.active span { background-color: #204b69; } @media (min-width: 992px) { .multi_slideshow__item { padding-left: 30px; padding-right: 30px; } }