body { font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-weight: 400; color: #3C3C3C; font-size: 16px; line-height: 1.5em; width: 100%; background: #FFF; } #sitewrapper { display: block; max-width: 100%; width: 1680px; margin: 0px auto; background: #FFF; } @media (min-width: 768px) and (max-width: 991px) { body { font-size: 14px; line-height: 1.5em; } } @media (max-width: 767px) { body { font-size: 14px; line-height: 1.5em; } } /* Colors for reference Black = #000; Grey (text) = #3C3C3C; White = #FFF; Blue = #1D23B4; Green = #06AC49; Yellow = #FFFF00; Red = #D0021B; */ /* default font size */ .fa { font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #3C3C3C; margin: 24px 0px 12px; } /* Override the bootstrap defaults */ h1 { font-size: 36px; line-height: 1.25em; margin: 0px 0px 30px; } h2 { font-size: 24px; line-height: 1.25em; margin: 0px 0px 20px; } h3 { font-size: 18px; line-height: 1.5em; } h4 { font-size: 16px; line-height: 1.5em; } h5 { font-size: 14px; line-height: 1.5em; } h6 { font-size: 12px; line-height: 1.5em; } p { margin: 20px 0px 0px; } ul, ol { margin-top: 20px; margin-bottom: 0px; } a:focus, img:focus { border: none; outline: none; } a { color: #1D23B4; } a:hover, a:focus { text-decoration: none; color: #06AC49; } a.arrow:after { display: inline-block; content: ''; width: 16px; height: 9px; background: url('../image/arrow-right-green.png') center no-repeat; margin-left: 6px; } a.grey-link { color: #3F3F3F; } a.grey-link:hover, a.grey-link:focus { text-decoration: none; color: #06AC49; } a.inverse { color: #06AC49; } a.inverse:hover, a.inverse:focus { text-decoration: none; color: #1D23B4; } a.hoverfade:hover:after { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); content: ''; z-index: 99; } a.arrow-link { padding-right: 14px; background: url('../image/arrow-link.png') right no-repeat; } a.arrow-link:hover, a.arrow-link:focus { background-image: url('../image/arrow-link-green.png'); } .highlight { color: #D0021B; } a.highlight { color: #D0021B; } a.highlight:hover, a.highlight:focus { text-decoration: none; color: #06AC49; } .img-caption { display: block; margin: 20px 0px; } .img-caption img { display: block; margin: 0px; padding: 0px; max-width: 100%; height: auto !important; } .img-caption .caption { display: block; font-size: 13px; line-height: 1.5em; color: #9B9B9B; margin: 6px 0px 0px; } @media (max-width: 767px) { .img-caption { text-align: center; } .img-caption img { margin: 0px auto; } } legend { font-size: 18px; padding: 7px 0px} label { font-size: 14px; font-weight: normal; } .checkbox label, .radio label { font-size: 13px; } .container:after { display: block; content: ''; clear: both; } .row { margin-left: -12px; margin-right: -12px; box-sizing: border-box; } /* .row */ .row > div[class*=col-] { padding-left: 12px; padding-right: 12px; box-sizing: border-box; } /* .col- */ /* Reset some bootstrap styles (because they look shit!) */ .dropdown-menu { float: none; padding: 0px; margin: 0px; border: none; background: none; font-size: inherit; line-height: inherit; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; } .bootstrap-datetimepicker-widget { background: #FFF; border: 1px solid #CCC; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175); } 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; border: 1px solid #DDD; border-radius: 0px; padding: 0px 8px; -webkit-border-radius: 0px; box-shadow: none; background: #FFF; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .input-group .input-group-addon { font-size: 14px; height: 30px; } .input-group .input-group-btn > .btn { height: 36px; box-shadow: none; border: 1px solid #DDD; } .input-group .input-group-btn > .btn:hover, .input-group .input-group-btn > .btn:focus, .input-group .input-group-btn > .btn:active { border: 1px solid #DDD !important; } div.required .control-label:after { content: ' *'; color: #1D23B4; font-weight: bold; } header { position: relative; background: #1D23B4; color: #FFF; z-index: 80003; } header .container { padding-top: 20px; padding-bottom: 20px; } header #logo { display: block; float: left; margin: 0px; padding: 0px; } header #logo a { display: block; margin: 0px; padding: 0px; } header #logo a img { display: block; margin: 0px; max-height: 100%; } header .search { display: block; float: left; width: 400px; position: relative; margin: 11px 0px 0px 40px; } header .search input[type=text] { display: block; width: 100%; border: none; height: 42px; padding: 0px 42px 0px 6px; font-size: 13px; line-height: 42px; border-radius: 5px; } header .search button { position: absolute; top: 0px; right: 0px; display: block; width: 42px; height: 42px; border: none; background: none; text-align: center; padding: 0px; box-shadow: none; } header .search button:hover { background: none; } header .search button img { display: inline-block; vertical-align: middle; } header .search .adsmart_container { } header .search .adsmart_search { width: auto !important; right: 0px !important; } header .links { display: block; text-align: right; margin-top: 10px; font-size: 14px; line-height: 1.5em; } header .links > div { display: inline-block; vertical-align: middle; } header .links > div + div { margin-left: 24px; } header .links > div > a { display: block; color: #FFF; } header .links > div > a:before { display: block; width: 24px; height: 20px; content: ''; margin: 0px auto 3px; background: center no-repeat; } header .links > div.contact > a:before { background-image: url('../image/icon-header-phone.png'); } header .links > div.account > a:before, header .links > div.login > a:before { background-image: url('../image/icon-header-account.png'); } header .links > div.tb_cart > a:before { background-image: url('../image/icon-header-basket.png'); } header #cart { display: inline-block; position: relative; z-index: 80015; } header #cart:after { display: block; content: ''; clear: both; } header #cart .hd_head { position: relative; z-index: 80015; cursor: pointer; } header #cart .hd_head:before { display: block; width: 24px; height: 20px; content: ''; margin: 0px auto; background: url('../image/icon-header-basket.png') center no-repeat; } header .tb_cart .cart-total { display: block; color: #FFF; white-space: nowrap; } header .tb_cart .cart-total span { display: inline-block; vertical-align: middle; line-height: inherit; } header .tb_cart .cart-total span + span { margin-left: 3px; } header .tb_cart .cart-total span.ct_title { } header .tb_cart .cart-total span.ct_items { } header .tb_cart .cart-total span.ct_sep { display: none; } header .tb_cart .cart-total span.ct_total { display: none; } header #cart .hd_body { width: 400px; z-index: 80014; padding: 15px; left: auto; top: calc(100% + 2px); right: 0px; background: #FBFBFB; color: #3C3C3C; border: 1px solid #E5E5E5; } header #cart.open .hd_head { } header #cart .prods_wrapper { max-height: 393px; overflow: auto; } header #cart table { width: 100%; } header #cart table.prods tbody { border-bottom: 1px solid #DDD; } header #cart table td { vertical-align: middle; padding: 5px; border: none; background: none; text-transform: none; } header #cart table tr.upper td { vertical-align: top; padding-top: 15px; } header #cart table tr.lower td { vertical-align: bottom; padding-bottom: 15px; } header #cart table td.image { width: 80px; padding: 15px 15px 15px 0px; } header #cart table td.image img { border: none; padding: 0px; } header #cart table td.info { width: auto; padding-right: 0px; } header #cart table td.info:after { display: block; content: ''; clear: both; } header #cart table td.info .remove { display: block; float: right; margin-left: 30px; } header #cart table td.info .remove img { display: block; cursor: pointer; } header #cart table td.info .name { font-size: 13px; line-height: 1.5em; color: #000; } header #cart table td.info small { font-size: 12px; line-height: 1.5em; color: #999; display: block; } header #cart table td.info small:before { display: inline-block; content: '\2013'; margin-right: 4px; } header #cart table td.qty { color: #999; font-size: 12px; line-height: 20px; } header #cart table td.total { font-size: 15px; line-height: 20px; padding-right: 0px; text-align: right; color: #666; font-weight: bold; } header #cart table.totals tr:first-child td { padding-top: 15px; } header #cart table .tot_title { text-align: right; padding: 5px 5px 0px 0px; font-weight: 400; width: 75%; } header #cart table .tot_price { text-align: right; padding: 5px 0px 0px 5px; color: #666; font-weight: 600; white-space: nowrap; font-size: 15px; } header #cart p { margin: 0px; padding: 0px; } header #cart p.links { display: block; text-align: right; margin: 15px 0px 0px; padding: 15px 0px 0px; border-top: 1px solid #DDD; } header #cart p.links:after { display: block; content: ''; clear: both; } header #cart p.links a { display: block; float: left; width: 49%; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 14px; line-height: 1.5em; } header #cart p.links a + a { margin-left: 2%; } header #cart p.empty { text-align: center; padding: 30px 0px; } @media (min-width: 992px) and (max-width: 1199px) { header .search { width: 320px; } } @media (min-width: 768px) and (max-width: 991px) { header #logo { width: 240px; } header .search { width: 240px; margin: 9px 0px 0px 20px; } header .search input[type=text] { height: 36px; padding: 0px 36px 0px 6px; } header .search button { width: 36px; height: 36px; } header .search button img { width: auto; height: 18px; } header .links { font-size: 13px; margin-top: 9px; } header .links > div { } header .links > div + div { margin-left: 8px; } header #cart .hd_head { font-size: 13px; } header .links > div > a:before, header #cart .hd_head:before { height: 18px; background-size: contain; margin: 0px auto 2px; } } @media (max-width: 767px) { header .container { padding: 0px; } header #logo { float: none; text-align: center; padding: 10px 10px; } header #logo a { display: inline-block; } header #logo img { height: 40px !important; width: auto !important; } header .links { margin: 0px; float: none; text-align: center; background: #FFF; color: #3C3C3C; } header .links:after { display: block; content: ''; clear: both; } header .links #menu, header .links > div { display: block; float: left; width: 33.33%; padding: 8px 10px; margin: 0px !important; } header .links > div a, header .links > div menu .navbar-header button { color: #3C3C3C !important; line-height: 20px; } header .links > div a:before { display: inline-block; vertical-align: top; margin: 0px 5px 0px 0px; } header .links > div.account > a:before, header .links > div.login > a:before { background-image: url('../image/icon-mobile-account.png'); width: 22px; } header .links > div.tb_cart > a:before { background-image: url('../image/icon-mobile-basket.png'); width: 19px; } header .links .contact { display: none; } header .tb_cart.visible-xs { display: inline-block !important; } header .search { float: none; width: 100%; margin: 2px 0px 0px; padding: 4px 8px; background: #F6F6F6; border-bottom: 1px solid #DDD; } header .search input[type=text] { font-size: 16px; height: 32px; padding: 0px 32px 0px 6px; border: 1px solid #DDD; } header .search button { top: 4px; right: 8px; width: 32px; height: 32px; } header .search button img { width: auto; height: 16px; margin: 8px 0px; } } /* Advanced Top Menu (Mod added by Luke!) */ /* #adv_menu_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 0px; opacity: 0; z-index: 80001; background: rgba(0, 0, 0, 0.4); transition: height 0s, opacity 0.25s ease-in-out; } #adv_menu.showmask + #adv_menu_mask { height: 100%; opacity: 1; } */ #adv_menu { position: relative; background: #FFF; border-bottom: 2px solid #1D23B4; margin: 0px; padding: 0px; height: auto !important; z-index: 80002; } #adv_menu > .container { position: relative; z-index: 80002; } #adv_menu ul { display: block; list-style: none; margin: 0px; padding: 0px; } #adv_menu ul > li { display: block; margin: 0px; padding: 0px; } #adv_menu ul > li > a, #adv_menu ul > li > span { display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; color: #3C3C3C; } #adv_menu ul > li > :first-child { margin-top: 0px !important; } #adv_menu ul > li > :last-child { margin-bottom: 0px !important; } #adv_menu ul.L1 { display: table; width: 100%; margin: 0px auto; border: 1px solid #EEE; border-top: none; border-bottom: none; border-collapse: collapse; } #adv_menu ul.L1 > li { display: table-cell; } #adv_menu ul.L1 > li + li { border-left: 1px solid #EEE; } #adv_menu ul.L1 > li > a, #adv_menu ul.L1 > li > span { padding: 14px 8px; font-weight: bold; text-transform: uppercase; text-align: center; } #adv_menu ul.L2 { display: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #FFF; border: 1px solid #E5E5E5; border-top: 2px solid #06AC49; padding: 24px 12px; } #adv_menu ul.L2:after { display: block; content: ''; clear: both; } #adv_menu ul.L2 > li { display: block; float: left; width: 25%; padding: 0px 12px; } #adv_menu ul.L2 > li > a { position: relative; display: block; margin: 16px 0px 0px; font-weight: 600; } #adv_menu ul.L2 > li > a:first-child { margin-top: 0px; } #adv_menu ul.L3 { margin-top: 12px; } #adv_menu ul.L3 > li { } #adv_menu ul.L3 > li + li { margin-top: 3px; } #adv_menu ul.L3 > li > a { } #adv_menu ul.L3 > li > a.img_link:before { display: none !important; } #adv_menu ul.L1 > li:hover > a, #adv_menu ul.L1 > li:hover > span { background: #06AC49; color: #FFF; } #adv_menu ul.L1 > li.has_kids:hover ul.L2 { display: block; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { #adv_menu ul.L1 > li > a, #adv_menu ul.L1 > li > span { padding: 8px 8px; font-size: 13px; } #adv_menu ul.L2 > li { width: 33.33%; } #adv_menu ul.L2 > li:nth-child(4) { display: none; } #adv_menu ul.L2 > li > a { margin-top: 18px; } #adv_menu ul.L3 { margin-top: 8px; } #adv_menu ul.L3 > li > a { font-size: 13px; line-height: 18px; } } @media (max-width: 767px) { #adv_menu { display: none !important; } } /* Mobile menu */ body.menu-xs-open { overflow: hidden; } #menu { background: #FFF; margin: 0px; height: auto !important; min-height: 0px; border-radius: 0px; border: none; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; z-index: 80000; } #menu button { color: #1F1F1F !important; margin: 0px; padding: 0px 15px 2px; text-transform: none; background: none; border: none; box-shadow: none; font-weight: normal; outline: none !important; } #menu button img { vertical-align: top; margin: 1px 2px 0px 0px; outline: none !important; } #menu .popout { display: none; position: fixed; top: 0px; right: 0px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.75); z-index: 999999; text-align: left; } #menu .popout .closemenu { position: absolute; top: 8px; right: 8px; padding: 4px; } #menu .popout .closemenu img { display: block; } #menu .popoutmenu { display: block; width: calc(100% - 40px); background: #FFF; overflow: auto; } #menu .popoutmenu .toplinks { display: block; margin: 0px; padding: 0px; } #menu .popoutmenu .toplinks:after { display: block; content: ''; clear: both; } #menu .popoutmenu .toplinks > div { display: block; float: left; width: 50%; background: #F6F6F6; border-bottom: 1px solid #DDD; } #menu .popoutmenu .toplinks > div:nth-child(2n) { border-left: 1px solid #DDD; } #menu .popoutmenu .toplinks > div a { display: block; color: #3C3C3C; font-size: 14px; line-height: 20px; text-align: center; padding: 14px 12px; } #menu .popoutmenu .toplinks > div a:before { display: inline-block; vertical-align: top; margin: 0px 5px 0px 0px; content: ''; height: 20px; background: center no-repeat; } #menu .popoutmenu .toplinks > div.account > a:before, #menu .popoutmenu .toplinks > div.login > a:before { background-image: url('../image/icon-mobile-account.png'); width: 22px; } #menu .popoutmenu .toplinks > div.cart > a:before { background-image: url('../image/icon-mobile-basket.png'); width: 19px; } #menu .popoutmenu ul { display: block; float: none; margin: 0px; padding: 0px; list-style: none; } #menu .popoutmenu ul li { display: block; } #menu .popoutmenu ul li span, #menu .popoutmenu ul li a { display: block; font-size: 14px; line-height: 20px; color: #3C3C3C; } #menu .popoutmenu ul li span img { display: block; float: right; margin: 3px; padding: 0px 4px; transition: all 0.5s; } #menu .popoutmenu ul li.dropdown.open span img { transform: rotate(90deg); } #menu .popoutmenu ul li.dropdown .submenu { display: none; } #menu .popoutmenu ul.L1 { height: calc(100vh - 49px); } #menu .popoutmenu ul.L1 > li { } #menu .popoutmenu ul.L1 > li > span, #menu .popoutmenu ul.L1 > li > a { text-transform: uppercase; font-weight: bold; padding: 10px 5px 10px 12px; border-bottom: 1px solid #DDD; } #menu .popoutmenu ul.L2 { border-bottom: 1px solid #DDD; padding: 8px 12px 8px 24px; } #menu .popoutmenu ul.L2 > li { } #menu .popoutmenu ul.L2 > li + li { margin-top: 4px; } #menu .popoutmenu ul.L2 > li > a { } @media (min-width: 768px) { #menu { display: none !important; } } @media (max-width: 767px) { } /* footer */ #social_footer { background: #F0F0F0; font-size: 14px; line-height: 1.5em; } #social_footer .container { text-align: center; padding-top: 20px; padding-bottom: 20px; } #social_footer span, #social_footer a { display: inline-block; vertical-align: middle; line-height: 36px; } #social_footer span { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-right: 12px; } #social_footer a { margin: 0px 1px; } #social_footer a img { display: block; margin: 0px; padding: 0px; } footer { background: #F0F0F0; border-top: 1px solid #DDD; font-size: 14px; line-height: 1.5em; } footer .container { padding-top: 36px; padding-bottom: 36px; } footer h5 { font-size: 16px; line-height: 1.5em; font-weight: bold; margin: 0px 0px 16px; } footer ul { list-style: none; margin: 16px 0px 0px; padding: 0px; } footer ul li { } footer ul li + li { margin-top: 8px; } footer p { margin: 16px 0px 0px; } footer a { color: #3F3F3F; } footer a:hover, footer a:focus { color: #06AC49; } footer a.btn-signup { background: url('../image/arrow-right-button.png') calc(100% - 8px) 50% no-repeat #FFFF00; padding-right: 24px; } #branding { background: #1D23B4; color: #FFF; font-size: 12px; line-height: 23px; } #branding .container { padding-top: 12px; padding-bottom: 12px; } #branding .container:after { display: block; content: ''; clear: both; } #branding a { color: #FFF; } #branding a:hover, #branding a:focus { color: #06AC49; } #branding .copyright { display: block; float: left; } #branding .copyright .sep { display: none; color: #DDD; font-size: 16px; margin: 0px 3px; } #branding .cards { display: block; float: right; } #branding .cards .secure { display: inline-block; vertical-align: middle; margin-right: 12px; } #branding .cards .secure:before { display: inline-block; vertical-align: bottom; margin-right: 6px; width: 10px; height: 23px; background: url('../image/icon-footer-secure.png') center no-repeat; content: ''; } #branding .cards img { display: inline-block; vertical-align: middle; margin: 0px; padding: 0px; } #branding .cards img + img { margin-left: 1px; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { #branding .copyright { line-height: 1.5em; } #branding .copyright .sep { display: block; font-size: 0px; line-height: 0px; color: transparent; text-indent: -50000px; } } @media (max-width: 767px) { footer { text-align: center; } footer .row { margin-top: -24px; } footer .row > div[class*=col-] { margin-top: 24px; } #branding { line-height: 1.5em; text-align: center; } #branding .copyright { float: none; } #branding .copyright .sep { display: block; font-size: 0px; line-height: 0px; color: transparent; text-indent: -50000px; } #branding .cards { float: none; margin-top: 6px; } #branding .cards .secure { display: block; margin: 0px 0px 6px; } } /* content */ #pagecontent { background: #F6F6F6; padding-bottom: 48px; } #pagecontent > div { } #pagecontent > div:nth-child(odd) { } #pagecontent > div:nth-child(even) { } #pagecontent > div.container { min-height: 400px; background: none; padding-bottom: 48px; } #pagecontent p { } #pagecontent p + .row { margin-top: 20px; } #pagecontent li { } #content { } #content img { max-width: 100%; height: auto !important; } body.home-page #pagecontent { padding-bottom: 0px; } @media (max-width: 767px) { body.product-page #content { padding-left: 6px; padding-right: 6px; } body.product-page #content .row { margin-left: -6px; margin-right: -6px; } body.product-page #content .row > div[class*=col-] { padding-left: 6px; padding-right: 6px; } #pagecontent { padding-bottom: 24px; } } /* mod_holder = column left / right, content top / bottom / above footer / below menu */ .mod_holder { } .mod_holder > div { margin-top: 36px; } .mod_holder > div > :first-child { margin-top: 0px; } .mod_holder > div > :last-child { margin-bottom: 0px; } .mod_holder p { margin: 20px 0px 0px; } #content-below-menu, #content-above-footer { background: #F6F6F6; } #content-below-menu > div:first-child, #content-above-footer > div:first-child { margin-top: 0px; } #content-below-menu > div:last-child, #content-above-footer > div:last-child { margin-bottom: 0px; } .sidebar > div { margin-top: 48px; } .sidebar > div:first-child { margin-top: 0px; } .sidebar > div:last-child { margin-bottom: 0px; } .sidebar > div h3 { display: block; margin: 0px 0px 12px; padding: 0px; font-weight: bold; text-transform: uppercase; border: none; } .mod_mega_filter { } .mod_mega_filter ul li { background: none !important; padding: 0px !important; } .mod_mega_filter .mfilter-counter { font-size: 14px; } .mod_mega_filter .mfilter-col-input input[type=checkbox], .mod_mega_filter .mfilter-col-input input[type=radio] { margin: 0px; } .mod_mega_filter .mfilter-tb { display: block; } .mod_mega_filter .mfilter-option { display: block; } .mod_mega_filter .mfilter-option .mfilter-tb-as-td { display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; } .mod_mega_filter .mfilter-option .mfilter-tb-as-td + .mfilter-tb-as-td { } .mod_mega_filter .mfilter-option .mfilter-counter { display: inline; float: none; background: none; border: none; border-radius: 0px; padding: 0px; line-height: 1.5em; margin: 0px; padding: 0px; color: #999; } .mod_mega_filter .mfilter-option .mfilter-counter:before { display: inline; content: '('; } .mod_mega_filter .mfilter-option .mfilter-counter:after { display: inline; content: ')'; border: none; top: auto; right: auto; height: auto; width: auto; position: relative; margin: 0px; } .mod_mega_filter .mfilter-option input[type=checkbox] { margin-right: 2px; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { display: block; background: none; padding: 0px; margin: 12px 0px 24px !important; border: none; border-radius: 0px; list-style: none; font-size: 12px !important; line-height: 20px; } .breadcrumb:after { display: block; content: ''; clear: both; } .breadcrumb > li { position: relative; display: block; float: left; margin: 0px; padding: 0px; background: none; color: #FFF; } .breadcrumb > li + li { margin-left: 14px !important; } .breadcrumb > li + li:before { display: none !important; } .breadcrumb > li a { position: relative; display: block; padding: 0px 4px; color: #FFF; background: #06AC49; border-radius: 1px; } .breadcrumb > li a:before, .breadcrumb > li a:after { position: absolute; top: 0px; bottom: 0px; width: 12px; display: block; content: ''; padding: 0px; background: inherit; } .breadcrumb > li a:before { right: calc(100% - 0.5px); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 100% 0%); } .breadcrumb > li a:after { left: calc(100% - 0.5px); clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 0%); } .breadcrumb > li:first-child a { padding-left: 8px; } .breadcrumb > li:first-child a:before { display: none; } .breadcrumb > li:last-child a { padding-right: 8px; } .breadcrumb > li:last-child a:after { display: none; } .breadcrumb > li a:hover, .breadcrumb > li a:focus { color: #FFF; } /* Page Head */ #pagehead { margin-bottom: 24px; border-bottom: 1px solid #DDD; } #pagehead .container { position: relative; padding-top: 40px; padding-bottom: 48px; text-align: center; font-size: 16px; line-height: 1.5em; } #pagehead .breadcrumb { position: absolute; top: 9px; left: 15px; width: calc(100% - 30px); margin: 0px !important; } #pagehead h1 { text-align: center; margin: 0px; font-weight: 400; text-transform: uppercase; } #pagehead .pagedesc { margin: 0px; } #pagehead .pagedesc p, #pagehead .pagedesc div { margin: 18px 0px 0px; color: inherit !important; } /* #pagehead.hasimage { background-position: center; background-repeat: no-repeat; background-size: cover; } #pagehead.hasimage .container { padding-top: 80px; padding-bottom: 80px; } #pagehead.hasimage .container:after { display: none; } #pagehead.whitetext h1 { color: #FFF; text-transform: uppercase; } #pagehead.whitetext .pagedesc { color: #FFF !important; } #pagehead.whitetext .breadcrumb > li + li:before { color: #FFF; } #pagehead.whitetext .breadcrumb a { color: #FFF; } #pagehead.whitetext .breadcrumb a:hover, #pagehead.whitetext .breadcrumb a:focus { color: #999; } */ #pagehead + .container .breadcrumb { display: none !important; } @media (max-width: 767px) { #pagehead .container { padding-top: 20px; padding-bottom: 20px; } #pagehead .breadcrumb { position: relative; top: auto; left: auto; margin: 0px 0px 12px !important; } } .pagedesc { } .pagedesc + .pagedesc { margin-top: 48px; padding-top: 24px; border-top: 1px solid #DDD; } .pagedesc.page_desc_main { margin: 0px 0px 24px; padding: 0px 0px 24px; border-bottom: 1px solid #DDD; } .pagedesc .container { } .pagedesc h1 { text-align: center; margin: 0px 0px 30px; } .pagedesc { margin: 0px; } .pagedesc :first-child { margin-top: 0px !important; } .pagedesc :last-child { margin-bottom: 0px !important; } .pagedesc div.row { margin-top: 24px; margin-bottom: 24px; } .pagedesc img { max-width: 100%; height: auto !important; } /* Manufacturer / Range lists */ .list-index { display: block; margin: 24px 0px; } .list-index strong { display: inline-block; vertical-align: middle; color: #1F1F1F; } .list-index a { display: inline-block; vertical-align: middle; margin-left: 6px; } .lists { } .lists .list { } .lists .list + .list { margin: 36px 0px 0px; } .lists .list h2 { margin: 0px 0px 6px; } .lists .list ul { display: block; margin: -6px -12px 0px; padding: 0px; list-style: none; } .lists .list ul:after { display: block; content: ''; clear: both; } .lists .list ul li { display: block; float: left; padding: 6px 12px 0px; } .lists .list ul li a { } @media (min-width: 992px) { .lists .list ul li { width: 25%; } .lists .list ul li:nth-child(4n + 1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .lists .list ul li { width: 33.33%; } .lists .list ul li:nth-child(3n + 1) { clear: both; } } @media (max-width: 767px) { .lists .list ul li { float: none; } } /* Category pages */ body.category-page #mfilter-content-container > div { margin-top: 48px; padding-top: 48px; border-top: 1px solid #E5E5E5; } body.category-page #mfilter-content-container > div:first-child { margin-top: 0px; padding-top: 0px; border-top: none; } /* Sub category listings */ #sub_cats { } #sub_cats .container { } .sub_cats { margin: -12px -6px 0px !important; } /* .row */ .sub_cats > div[class*=col-] { padding: 12px 6px 0px; } /* .col- */ .sub_cats .sub_cat_wrapper { position: relative; } .sub_cats .sub_cat_wrapper a { display: block; margin: 0px; padding: 0px; background: #FFFF00; text-align: center; color: #1D23B4; } .sub_cats .sub_cat_wrapper a .sc_img { display: block; border-bottom: none; } .sub_cats .sub_cat_wrapper a .sc_img img { display: block; width: 100%; height: auto !important; } .sub_cats .sub_cat_wrapper a .sc_base { display: block; font-size: 16px; line-height: 1.5em; padding: 16px; } .sub_cats .sub_cat_wrapper a .sc_base > span { display: block; } .sub_cats .sub_cat_wrapper a .sc_name { font-weight: bold; text-transform: uppercase; } .sub_cats .sub_cat_wrapper a .sc_link { font-size: 13px; line-height: 20px; margin-top: 6px; } @media (max-width: 767px) { .sub_cats { margin: -12px -6px 0px !important; } /* .row */ .sub_cats > div[class*=col-] { padding: 12px 6px 0px; } /* .col- */ .sub_cats .sub_cat_wrapper a.sc_name { padding: 12px 8px; min-height: 64px; } } /* Product Filters */ .prod_filters { display: none; } /* .prod_filters { display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 36px; } .prod_filters:after { display: block; content: ''; clear: both; } .prod_filters > div { display: block; } .prod_filters label { display: inline-block; color: #999; margin: 0px; } .prod_filters select { display: inline-block; height: 36px; width: auto; max-width: 100%; } .prod_filters .view_changer { float: left; display: none; } .prod_filters .view_changer a { cursor: pointer; } .prod_filters .compare { float: left; margin-left: 20px; display: none; } .prod_filters .sort_by { float: right; } .prod_filters .per_page { float: right; margin-left: 20px; } @media (max-width: 767px) { .prod_filters { text-align: center; } .prod_filters > div { display: block; float: none !important; } .prod_filters select { height: auto; padding: 0px 6px; } .prod_filters .per_page { margin-left: 10px; } } */ /* Product Grid */ #cat_prods { } #sub_cats + #cat_prods { margin-top: 24px; border-top: 1px solid #DDD; } #cat_prods .container { padding-top: 24px; padding-bottom: 0px; } .prod_grid { margin: -12px -6px 0px; clear: both; } /* .row */ .prod_grid > div[class*=col-] { padding: 12px 6px 0px; } .prod_grid .prod { padding: 12px; background: #FFF; } .prod_grid .prod > div { display: block; margin: 0px; padding: 0px; } .prod_grid .prod .image { } .prod_grid .prod .image a { display: block; position: relative; } .prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; } .prod_grid .prod .image a img.overlay-special { position: absolute; top: 0px; right: 0px; width: auto; max-width: 33%; height: auto !important; } .prod_grid .prod .special { display: inline-block; background: #D0021B; color: #FFF; text-transform: uppercase; padding: 5px 8px; font-size: 12px; line-height: 1em; font-weight: 600; margin-top: 6px; } .prod_grid .prod .name { margin-top: 4px; padding: 0px; font-size: 14px; line-height: 1.5em; min-height: 3em; } .prod_grid .prod .name a { color: inherit; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { margin-top: 10px; } .prod_grid .prod .price .price-wrapper { display: block; } .prod_grid .prod .price .price-wrapper + .price-wrapper { } .prod_grid .prod .price .price-new-wrapper { color: #3C3C3C; font-size: 24px; line-height: 1.33em; font-weight: bold; } .prod_grid .prod .price .price-special-wrapper { font-size: 24px; line-height: 1em; text-transform: lowercase; color: #3C3C3C; } .prod_grid .prod .price .price-old-wrapper { color: #D0021B; font-weight: normal; margin-top: 6px; } .prod_grid .prod .price .price-tax-wrapper { display: block; color: #9B9B9B; } .prod_grid .prod .price .price-wrapper span { } .prod_grid .prod .price .from { display: block; font-size: 12px; line-height: 1em; text-transform: uppercase; color: #707070; font-weight: normal; } .prod_grid .prod .price .was { display: inline-block; text-transform: lowercase; } .prod_grid .prod .price .now { display: none; } .prod_grid .prod .price .pound { } .prod_grid .prod .price .price-new-wrapper .pound { font-size: 14px; line-height: 1.5em; display: inline-block; vertical-align: top; } .prod_grid .prod .price .price-new { display: inline-block; } .prod_grid .prod .price .price-old { display: inline-block; } .prod_grid .prod .price .price-tax { display: inline-block; } .prod_grid .prod .price .inc-vat { } .prod_grid .prod .price .ex-vat { display: none; } .prod_grid .prod .rating { display: block; float: right; margin-top: 10px; } .prod_grid .prod .stock { margin-top: 6px; font-size: 13px; line-height: 16px; } .prod_grid .prod .stock:before { display: inline-block; width: 16px; height: 16px; content: ''; vertical-align: top; margin-right: 3px; background: center no-repeat; background-size: 16px; } .prod_grid .prod .stock.in_stock { color: #9AC301; } .prod_grid .prod .stock.in_stock:before { background-image: url('../image/icon-tick-green.png'); } .prod_grid .prod .stock.low_stock { color: #FFC900; } .prod_grid .prod .stock.low_stock:before { background-image: url('../image/icon-exclamation-yellow.png'); } .prod_grid .prod .stock.no_stock { color: #F00; } .prod_grid .prod .stock.no_stock:before { background-image: url('../image/icon-cross-red.png'); } .prod_grid .prod .stock.no_stock.has_indicator { color: #4CB922; } .prod_grid .prod .stock.no_stock.has_indicator:before { display: none; } .prod_grid .prod .stock.no_stock .indicator { display: inline-block; background: #4CB922; color: #FFF; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 13px; line-height: 18px; font-weight: 600; } .prod_grid .prod .buttons { margin-top: 14px; } .prod_grid .prod .buttons:after { display: block; content: ''; clear: both; } .prod_grid .prod .buttons a { display: block; } .prod_grid .prod .buttons a.cartadd { } .prod_grid .prod .buttons a.moreinfo { } .prod_grid .prod .buttons a.wishlist { display: none; } .prod_grid .prod .buttons a.compare { display: none; } .sidebar .prod_grid { } /* .row */ .sidebar .prod_grid > div[class*=col-] { width: 100% !important; margin-top: 24px; } .sidebar .prod_grid > div[class*=col-]:first-child { margin-top: 0px; } @media (max-width: 767px) { .prod_grid { margin-left: -6px; margin-right: -6px; } /* .row */ .prod_grid > div[class*=col-] { padding-left: 6px; padding-right: 6px; } .prod_grid .prod .name { min-height: 0px; } } /* Product / Category carousel */ .prodcatslides { position: relative; } .prodcatslides .pcs_outer { overflow: hidden; } .prodcatslides .pcs_inner { } .prodcatslides .pcs_inner:after { display: block; content: ''; clear: both; } .prodcatslides .prodcatslide { float: left; clear: none; margin-left: -6px; margin-right: -6px; margin-top: 0px !important; } .prodcatslides .prodcatslide > div[class*=col-] { height: 100%; padding-left: 6px; padding-right: 6px; } .prodcatslides .prodcatslide .prod { height: 100%; } .prodcatslides .pcs_nav { position: absolute; display: none; top: calc(50% - 30px); left: 0px; right: 0px; } .prodcatslides .pcs_nav div { position: absolute; top: 0px; display: block; width: 24px; height: 60px; background: url('../image/carousel-buttons.png') top no-repeat; } .prodcatslides .pcs_nav div.prev { background-position: left; left: -24px; } .prodcatslides .pcs_nav div.next { background-position: right; right: -24px; } .prodcatslides .pcs_paging { display: none; } .prodcatslides .pcs_paging .page { } .prodcatslides .pcs_paging .page.active { } @media (max-width: 767px) { .prodcatslides .prodcatslide > div[class*=col-] { display: block; height: auto; } /* .col */ .prodcatslides .prodcatslide .prod { height: auto; } .prodcatslides .pcs_nav { display: none !important; } } /* Product List */ /* To be added!! */ /* Pagination */ .prod_paging { position: relative; margin: 12px 0px 0px; padding: 16px 0px 0px; border-top: 1px solid #E5E5E5; font-size: 15px; line-height: 36px; } /* .row */ .prod_paging > div { padding: 0px !important; } /* .col */ .prod_paging .results { display: none !important; text-align: left; } .prod_paging .paging { float: right; text-align: right; } .prod_paging .pagination { display: inline-block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; font-size: 15px; line-height: 36px; } .prod_paging .pagination > li { display: inline-block; vertical-align: top; border: none; } .prod_paging .pagination > li + li { margin-left: 5px; } .prod_paging .pagination > li.first { display: none; } .prod_paging .pagination > li.prev { } .prod_paging .pagination > li.next { } .prod_paging .pagination > li.last { display: none; } .prod_paging .pagination > li > a, .prod_paging .pagination > li > span { display: block; float: none; border: none; height: 36px; min-width: 36px; text-align: center; padding: 0px; border-radius: 0px; color: #333; background: #E5E5E5; font: inherit; line-height: inherit; } .prod_paging .pagination > li.active { } .prod_paging .pagination > li.active a, .prod_paging .pagination > li.active span { background: none; border: none; color: #333 !important; } .prod_paging .pagination > li.pagenav a { font-size: 0px; color: transparent; text-indent: -50000px; background: center no-repeat #E5E5E5; } .prod_paging .pagination > li.prev a { background-image: url('../image/paging-prev.png'); } .prod_paging .pagination > li.next a { background-image: url('../image/paging-next.png'); } /* buttons */ .buttons { margin: 1em 0px 0px; } .btn { padding: 4px 10px; font-size: 14px; line-height: 20px; border: 1px solid #FFFF00; background-color: #FFFF00; border-radius: 5px; box-shadow: 0px 2px 3px 0px #CCC; color: #1D23B4 !important; text-transform: uppercase; text-align: center; font-weight: 600; outline: none; } .btn:hover, .btn:active, .btn:focus { background-color: #FF6; border: 1px solid #FFFF00; color: #1D23B4 !important; outline: none; box-shadow: 0px 2px 3px 0px #CCC; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 13px 23px; font-size: 18px; font-weight: bold; } .btn-grey { border: 1px solid #EEE; background: #EEE; color: #666 !important; } .btn-grey:hover, .btn-grey:active, .btn-grey:focus { background: #CCC; color: #666 !important; border-color: #CCC; } .btn-clear { border: 1px solid #DDD; background: none; color: #666 !important; } .btn-clear:hover, .btn-clear:active, .btn-clear:focus { border-color: #999; background: none; color: #666 !important; } .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 { color: #777 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #e7e7e7; background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; } .btn-primary { border: 1px solid #FFFF00; background-color: #FFFF00; color: #1D23B4; text-shadow: none; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #FF6 !important; border: 1px solid #FFFF00 !important; color: #1D23B4 !important; outline: none; box-shadow: 0px 2px 3px 0px #CCC; } .btn-warning { color: #ffffff !important; 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 !important; 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 !important; 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 !important; 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 !important; 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 !important; 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); } /* list group */ .list-group { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none; } .list-group h3 { font-weight: bold; margin: 0px !important; color: #1F1F1F; padding: 0px 0px 12px !important; text-transform: uppercase; } .list-group a, .list-group span { display: block; margin: 0px; padding: 5px 0px; border: none; border-radius: 0px; background: none; cursor: pointer; color: #666; } .list-group .list-group-item { } .list-group .list-group-top { color: #1F1F1F; font-weight: 600; padding-right: 20px; background: url('../image/arrow-down-grey.png') right no-repeat; } .list-group a.list-group-top { background: url('../image/arrow-right-grey.png') right no-repeat; } .list-group .child-wrapper { padding: 0px 0px 12px; border-bottom: 1px solid #DDD; } .list-group .list-group-child { padding: 6px 0px; } .list-group .active, .list-group .active:hover, .list-group a:hover, .list-group a:focus, .list-group span:hover, .list-group span:focus { background-color: #FFF; color: #000; } .list-group .open .list-group-top { background: url('../image/arrow-down-grey.png') right no-repeat; } .list-group .open .child-wrapper { } .list-group .closed .list-group-top { background: url('../image/arrow-right-grey.png') right no-repeat; } .list-group .closed .child-wrapper { display: none; } .mod_category { } .mod_category .cat-wrapper { } .mod_category .cat-wrapper + .cat-wrapper { border-top: 1px solid #E5E5E5; } .mod_category.list-group a, .mod_category.list-group span { } .mod_category.list-group .list-group-top { padding-top: 10px; padding-bottom: 10px; } .mod_category.list-group .list-group-child { } /* 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; } /* Star ratings */ .rating { display: block; margin: 0px; line-height: 14px; height: 14px; } .rating .stars { display: inline-block; vertical-align: middle; height: 14px; } .rating .stars:after { display: block; content: ''; clear: both; } .rating .stars span { display: block; float: left; background: center no-repeat transparent; background-size: contain; width: 16px; height: 14px; } .rating .stars span + span { margin-left: 1px; } .rating .stars span.empty { background-image: url('../image/star_empty.png'); } .rating .stars span.full { background-image: url('../image/star_full.png'); } .rating a { display: inline-block; cursor: pointer; vertical-align: middle; } /* Product page layout */ #prodimg { display: block; margin: 0px; padding: 0px; } #prodimg:after { display: block; content: ''; clear: both; } #prodimg a { margin: 0px; padding: 0px; border-radius: 0px; } #prodimg a > img, #prodimg .zoomPad > img { display: block; width: 100%; max-width: 100%; height: auto; } #prodimg a.mainimg { display: block; width: 100%; max-width: 100%; } #prodimg a.video { position: relative; } #prodimg a.video:after { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; background: url('../image/icon-video-overlay.png') center no-repeat rgba(0, 0, 0, 0.7); } #prodimg .subimgs { display: block; margin: 0px -5px 0px; } #prodimg .subimgs:after { display: block; content: ''; clear: both; } #prodimg .subimgs a { display: block; float: left; width: calc(100% / 6); padding: 10px 5px 0px; } #prodimg .subimgs a img { } #proddata { margin: 24px 0px 0px; background: #FFF; padding: 20px 24px; } #proddata > div { } #proddata > div:after { display: block; content: ''; clear: both; } #proddata > div + div { margin-top: 12px; } #proddata > div a, #proddata > div span { position: relative; display: block; line-height: 36px; } #proddata > div a { cursor: pointer; } #proddata > div img { display: block; float: left; margin-right: 8px; max-width: 36px; } #proddata > div.product_pdfs { } #proddata > div.product_pdfs .product_pdf { } #proddata > div.product_pdfs .product_pdf + .product_pdf { margin-top: 12px; } #proddata > div.product_pdfs .product_pdf h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase; } #proddata > div.product_pdfs .product_pdf a { } #proddata > div.product_pdfs .product_pdf a img { margin-left: 3px; } #proddata > div.kitemark { } #proddata > div.deltext span { } .itemspecs { margin-top: 24px; padding-top: 24px; border-top: 1px solid #EBEBEB; } .itemspecs .title { display: block; font-weight: bold; text-transform: uppercase; margin: 0px 0px 8px; color: #1F1F1F; font-size: 14px; line-height: 20px; } .itemspecs .att { } .itemspecs .att + .att { margin-top: 16px; } .itemspecs .att .attname { font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: bold; color: #1F1F1F; } .itemspecs .att .attval { } #prodatts { margin: 36px 0px 0px; padding: 24px 0px 0px; border-top: 1px solid #E8E8E8; } #promoblocks { margin: 36px 0px 0px; } #promoblocks .row { margin-left: -6px; margin-right: -6px; margin-top: -12px; } #promoblocks .row > div[class*=col-] { padding-left: 6px; padding-right: 6px; padding-top: 12px; } #promoblocks .promo { border: 1px solid #E8E8E8; background: #F5F5F5; text-align: center; padding: 15px 12px; font-size: 14px; line-height: 20px; text-transform: uppercase; } #promoblocks .promo.yellow { background: #FFFBE7; border-color: #FFEEA1; } #promoblocks .promo > span { display: block; line-height: inherit; min-height: 20px; } #promoblocks .promo > span.title { font-weight: bold; } #promoblocks .promo > span.text { } #promoblocks .promo > span.text .img-responsive { margin: 0px auto; } #prodinfo { margin: 0px 0px 36px; padding: 30px 36px; background: #FFF; } .product-page h1 { font-size: 21px; line-height: 1.33em; font-weight: normal; text-transform: none; margin: 0px 0px 12px; } #prodinfo .rating { display: block; float: right; text-align: center; } #prodinfo .rating a { display: block; color: inherit; border: 1px solid #999; padding: 6px 6px; border-radius: 4px; } #prodinfo .rating a > span { display: block; } #prodinfo .rating .text { } #prodinfo .rating .stars { margin-top: 6px; } #prodinfo .price { } #prodinfo .price .price-wrapper { display: block; } #prodinfo .price .price-old-wrapper { display: none; } #prodinfo .price .price-new-wrapper { } #prodinfo .price .price-new-wrapper.price-ex-vat { font-size: 48px; line-height: 1em; font-weight: bold; } #prodinfo .price .price-new-wrapper.price-ex-vat .pound { font-size: 24px; line-height: 1em; margin: 6px 2px 0px 0px; } #prodinfo .price .price-new-wrapper.price-inc-vat { font-size: 16px; line-height: 1.5em; color: #666; } #prodinfo .price .price-special-wrapper { } #prodinfo .price .price-tax-wrapper { display: none; } #prodinfo .price .price-wrapper span { } #prodinfo .price .price-wrapper span > span { display: inline-block; vertical-align: text-top; } #prodinfo .price .from { display: none; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; } #prodinfo.haskids .price .from { display: block; } #prodinfo .price .now { display: none; } #prodinfo .price .was { display: none; } #prodinfo .price .price-new { } #prodinfo .price .price-old { } #prodinfo .price .price-tax { } #prodinfo .price .inc-vat { font-size: 12px; } #prodinfo .price .ex-vat { display: none; } #prodinfo .price .points { margin-top: 12px; color: #666; font-size: 13px; line-height: 1.5em; } #prodinfo .price .points .text { } #prodinfo .price .points .cost { color: #1F1F1F; } #prodinfo .price .discounts { margin-top: 12px; color: #666; font-size: 13px; line-height: 1.5em; } #prodinfo .price .discounts .discount { display: block; } #prodinfo .price .discounts .discount .text { } #prodinfo .price .discounts .discount .cost { color: #1F1F1F; } #prodinfo #upper_atts { margin: 24px 0px 36px; } #prodinfo #upper_atts ul { display: block; list-style: none; margin: 0px; padding: 0px; } #prodinfo #upper_atts ul li { background: top left no-repeat; margin: 0px; padding: 0px; } #prodinfo #upper_atts ul li + li { margin-top: 16px; } #prodinfo #upper_atts ul li[class*=delivery] { padding-left: 48px; background-image: url('/image/catalog/icon-delivery.png'); } #prodinfo #upper_atts ul li[class*=kitemarked] { padding-left: 48px; background-image: url('/image/catalog/icon-kitemark.png'); } #prodinfo #upper_atts ul li h3 { margin: 0px; padding: 5px 0px 0px; font-size: 18px; line-height: 1.33em; } #prodinfo #upper_atts ul li p { margin: 0px; } #prodinfo .viewprods { font-size: 18px; font-weight: bold; } #prodinfo .askquestion { } #prodinfo .askquestion a { background: url('../image/icon-speech-bubble.png') left no-repeat; padding-left: 24px; color: #1D23B4; } #prodinfo #prod_features { margin: 24px 0px 0px; padding: 12px 0px 0px; border-top: 1px solid #DDD; } #prodinfo #prod_features h4 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 0px; padding: 0px; text-transform: uppercase; } #prodinfo #prod_features ul { margin: 18px 0px 0px 0px; padding: 0px; list-style: none; } #prodinfo #prod_features ul li { margin: 0px; background: url('/image/catalog/bullet-square-blue.png') 0px 10px no-repeat; padding-left: 12px; } #prodinfo #prod_features ul li + li { margin-top: 12px; } #prodinfo #moreinfo { margin: 24px 0px 0px; padding: 12px 0px 0px; border-top: 1px solid #DDD; } #prodinfo #moreinfo p { } #prodinfo #moreinfo a { font-weight: bold; color: #1D23B4; padding-right: 14px; cursor: pointer; background: url('../image/arrow-right-blue.png') right no-repeat; } .product-page .fulldesc { display: block; float: right; font-weight: bold; font-size: 12px; line-height: 20px; margin-top: -20px; color: #5B8F00; cursor: pointer; text-transform: uppercase; } .product-page .fulldesc:before { display: block; float: right; width: 15px; height: 20px; margin-left: 8px; background: url('../image/arrow-fulldesc.png') center no-repeat; content: ''; } .product-page .fulldesc:after { display: block; content: ''; clear: both; } #prodopts { display: block; margin-top: 24px; } #prodopts h3 { display: none; } #prodopts .prodopt { margin: 24px 0px 0px; font-size: 13px; line-height: 1.5em; } #prodopts .prodopt .control-label { margin: 0px 0px 5px; font-size: 14px; line-height: 20px; } #prodopts .prodopt label { font: inherit; } #prodopts .prodopt .form-control { font: inherit; } #prodopts .prodopt .radio, #prodopts .prodopt .checkbox { margin: 1px 0px; } #prodinfo .addto { margin: 24px 0px 0px; } #prodinfo .addto:after { display: block; content: ''; clear: both; } #prodinfo .addto .qty { display: block; float: left; width: 60px; } #prodinfo .addto .qty_text { display: block; } #prodinfo .addto .qty_box { display: inline-block; vertical-align: top; width: 48px; height: 36px; text-align: center; font-size: 14px; padding: 6px; } #prodinfo .addto #button-cart { display: block; float: right; width: calc(100% - 64px); padding: 10px; margin-top: 20px; font-size: 16px; font-weight: bold; } #prodinfo .addto a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.5em; margin-left: 24px; cursor: pointer; } #prodinfo .addto a.multiitem { display: inline-block; font-size: 13px; line-height: 20px; background: url('../image/arrow-right.png') calc(100% - 12px) 50% no-repeat #F5F5F5; padding: 8px 28px 8px 12px; margin-left: 0px; vertical-align: top; max-width: calc(100% - 64px); } #prodinfo .min_qty { display: block; margin: 8px 0px 0px; border-radius: 0px; font-size: 13px; line-height: 1.5em; } #prodinfo .addto .addtolist { margin-top: 16px; text-align: center; font-size: 12px; line-height: 20px; color: #5B8F00; text-transform: uppercase; font-weight: bold; } #prodinfo .addto .addtolist a { color: inherit; } #prodinfo .addto .addtolist a i { font-size: 18px; font-weight: bold; margin-right: 6px; } #prodinfo .addto a.addwishlist { } #prodinfo .addto a.addcompare { display: none; } .tags { font-size: 11px; line-height: 1.5em; color: #666; } .tags strong { color: #1F1F1F; } .tags a { color: inherit; } .tags a:hover { color: #5B8F00; } #prod_related { margin-top: 64px; } #prod_related h3 { font-size: 24px; line-height: 1.33em; text-transform: uppercase; font-weight: bold; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { #prodimg .subimgs a { width: calc(100% / 4); } #prodinfo { margin: 0px 0px 24px; padding: 18px 24px; } } @media (max-width: 767px) { #prodimg .subimgs a { width: calc(100% / 4); } #prodinfo { margin: 12px 0px 0px; padding: 18px 18px; } #prodinfo #upper_atts { margin-bottom: 24px; } /* .product-page h1 { text-align: center; } .product-page .price { text-align: center; } .product-page .fulldesc { display: block; float: none; margin: 12px 0px; text-align: center; } .product-page .fulldesc:before { display: none; } .product-page .fulldesc:after { display: inline-block; width: 7px; height: 20px; margin-left: 8px; background: url('../image/arrow-right-yellow.png') center no-repeat; content: ''; vertical-align: middle; } #prodinfo .addto .qty_text { } #prodinfo .addto .qty_box { height: 48px; margin-right: 0px; padding: 5px; } #prodinfo .addto #button-cart { display: inline-block; margin-top: 0px; margin-left: 10px; width: calc(100% - 65px); } #prodinfo .addto a.multiitem { margin-top: 12px; margin-left: 0px; max-width: 100%; } #prodimg { text-align: center; margin-bottom: 24px; } #prodimg a { width: calc((100% - 26px) / 3); } #prodimg a:nth-child(3n + 1) { margin-right: 0px; } #prodinfo h1 { text-align: center; } #prodinfo .price { text-align: center; } #prodinfo .rating { text-align: center; height: auto; } #prodinfo .rating .stars { display: block; margin: 0px 0px 4px; } #prodopts h3 { text-align: center; } */ } #vtabs { display: block; margin: 36px 0px 0px; } #vtabs:after { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab { display: block; margin: 0px; padding: 0px; } #vtabs .vtab:before { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab .vtab_head { display: block; font-size: 14px; line-height: 20px; padding: 14px 34px 14px 2px; text-transform: uppercase; font-weight: 600; color: #000; cursor: pointer; background: url('../image/arrow-right-grey.png') calc(100% - 12px) 50% no-repeat; } #vtabs .vtab .vtab_body { display: none; padding: 36px 2px 24px; } #vtabs .vtab .vtab_body > :first-child { margin-top: 0px; } #vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px; } #vtabs .vtab .vtab_body .itemspecs { margin-top: 0px; padding-top: 0px; border: none; } #vtabs .vtab .vtab_body strong { color: #1F1F1F; } #vtabs .vtab.active .vtab_head { background-image: url('../image/arrow-down-grey.png'); } #htabs { background: #FFF; margin: 24px 0px 0px; padding: 12px; } #htabs .nav-tabs { margin: 0px; padding: 12px 24px 0px; background: #FBFBFB; border-bottom: 1px solid #DDD; } #htabs .nav-tabs li { } #htabs .nav-tabs li + li { margin-left: 3px; } #htabs .nav-tabs li a { border: 1px solid #DDD; font-size: 21px; line-height: 1.33em; color: #9B9B9B; padding: 12px 20px; background: linear-gradient(to bottom, #FFF 0%, #FFF 60%, #F8F8F8 100%); } #htabs .nav-tabs li.active a { border-bottom-color: #06AC49; background: #06AC49; color: #FFF; } #htabs .tab-content { padding: 24px; } #htabs .tab-content .tab-pane { } #htabs .tab-content .tab-pane > :first-child { margin-top: 0px; } #tab-price-list { } #tab-price-list .group_head { display: block; background: #1D23B5; color: #FFF; font-size: 21px; line-height: 1.33em; padding: 14px; margin: 24px 0px 0px; } #tab-price-list .group_head:first-child { margin-top: 0px; } #tab-price-list table { margin: 0px; } #tab-price-list table tbody + tbody { border-top: 1px dashed #DDD; } #tab-price-list table td { position: relative; border: none; vertical-align: middle; } #tab-price-list table td + td:before { display: block; position: absolute; top: 9px; bottom: 9px; left: 0px; width: 1px; background: #DDD; content: ''; } #tab-price-list table thead td { background: #F6F6F6; color: #3C3C3C; font-size: 13px; line-height: 20px; padding: 7px 12px; font-weight: bold; text-transform: uppercase; } #tab-price-list table tbody td { padding: 9px 12px; } #tab-price-list table td.model { font-weight: bold; } #tab-price-list table tbody td.model { background: #C8D7DA; } #tab-price-list table td.att_col { } #tab-price-list table tbody td.att_col { } #tab-price-list table td.att_col .desc_att { max-width: 250px; } #tab-price-list table td.price { text-align: center; line-height: 1.25em; } #tab-price-list table td.price div { display: block; } #tab-price-list table td.price span { display: inline-block; } #tab-price-list table td.price .price-text { display: inline-block; vertical-align: baseline; white-space: nowrap; } #tab-price-list table td.price.hasspecial .price-text { text-decoration: line-through; } #tab-price-list table td.price .price-text .pound { } #tab-price-list table td.price .price-vat { font-size: 12px; font-weight: normal; } #tab-price-list .hidden-xs table td.price .price-vat { display: none; } #tab-price-list table td.price .price-ex-vat { font-size: 19px; color: #3C3C3C; font-weight: bold; } #tab-price-list table td.price .price-ex-vat .price-text .pound { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.33em; margin-right: 1px; } #tab-price-list table td.price .price-inc-vat { font-size: 14px; line-height: 1.25em; color: #666; } #tab-price-list table td.special .price-ex-vat .price-text { color: #F00; } #tab-price-list table td.special .price-inc-vat .price-text { color: #F66; } #tab-price-list table td.qty { width: 152px; } #tab-price-list table td.qty .stock-status { font-size: 14px; line-height: 20px; color: #9C9C9C; } #tab-price-list table td.qty .stock-status.out-of-stock:before { display: inline-block; width: 12px; height: 12px; margin: 4px 4px 0px 0px; vertical-align: top; content: ''; background: url(../image/icon-out-of-stock-x.png) left no-repeat; } #tab-price-list table td.qty input { display: inline-block; vertical-align: middle; width: 40px; text-align: center; padding: 0px 3px; height: 40px; } #tab-price-list table td.qty button { display: inline-block; float: right; vertical-align: middle; padding: 8px 24px; } @media (min-width: 992px) and (max-width: 1199px) { #tab-price-list .group_head { font-size: 18px; line-height: 1.33em; padding: 8px 12px; } #tab-price-list table thead td { padding: 6px 12px; } #tab-price-list table tbody td { padding: 8px 12px; font-size: 14px; line-height: 1.5em; } #tab-price-list table td.price .price-ex-vat { font-size: 17px; line-height: 1em; } #tab-price-list table td.price .price-ex-vat .price-text .pound { line-height: 1em; } #tab-price-list table td.price .price-inc-vat { font-size: 13px; line-height: 1em; } #tab-price-list table td.qty { width: 146px; } } @media (min-width: 768px) and (max-width: 991px) { #tab-price-list .group_head { font-size: 18px; line-height: 1.33em; padding: 8px 12px; } #tab-price-list table thead td { padding: 6px 8px; } #tab-price-list table tbody td { padding: 8px 8px; font-size: 14px; line-height: 1.5em; } #tab-price-list table td.price .price-ex-vat { font-size: 17px; line-height: 1em; } #tab-price-list table td.price .price-ex-vat .price-text .pound { line-height: 1em; } #tab-price-list table td.price .price-inc-vat { font-size: 13px; line-height: 1em; } #tab-price-list table td.qty { width: 80px; text-align: center; } #tab-price-list table td.qty input { display: block; width: 100%; height: 32px; } #tab-price-list table td.qty button { display: block; float: none; width: 100%; margin: 6px 0px 0px; padding: 6px 18px; } } @media (max-width: 767px) { #htabs { padding: 10px 8px; } #htabs .nav-tabs { padding: 6px; } #htabs .nav-tabs:after { display: block; content: ''; clear: both; } #htabs .nav-tabs li { display: block; float: left; width: calc(50% - 4px); margin: 2px !important; text-align: center; background: #FFF; } #htabs .nav-tabs li a { display: block; width: 100%; font-size: 16px; line-height: 1.5em; padding: 14px 6px; border: 1px solid #DDD !important; border-radius: 0px; margin: 0px !important; background: rgba(6, 172, 73, 0.5); color: #000; } #htabs .nav-tabs li.active a { border: 1px solid #06AC49 !important; color: #FFF; } #htabs .tab-content { padding: 18px 6px; } #tab-price-list .table-price-list { border: none; } #tab-price-list .group_head { font-size: 16px; line-height: 1.5em; padding: 8px 12px; } #tab-price-list table { border: none; margin-top: 4px; } #tab-price-list table th, #tab-price-list table td { padding: 2px 6px !important; font-size: 14px; line-height: 20px; border: none; font-weight: normal; } #tab-price-list table th { width: 40%; } #tab-price-list table td { text-align: right; } #tab-price-list table .model { padding: 4px 6px !important; font-weight: bold; background: #C8D7DA; } #tab-price-list table .att_col { border-bottom: 1px solid #DDD; white-space: normal; } #tab-price-list table .att_col .desc_att { max-width: 250px; } #tab-price-list table .price { padding-top: 8px !important; } #tab-price-list table .price .price-orig { text-decoration: line-through; } #tab-price-list table .price .price-ex-vat .price-orig { } #tab-price-list table .price .price-inc-vat .price-orig { } #tab-price-list table .price .price-special { margin-left: 8px; } #tab-price-list table .price .price-ex-vat .price-special { color: #F00; } #tab-price-list table .price .price-inc-vat .price-special { color: #F66; } #tab-price-list table .qty { padding-top: 12px !important; padding-bottom: 16px !important; text-align: left; } #tab-price-list table .qty input { margin: 0px 5px; height: 36px !important; } #tab-price-list table .qty .stock-status { text-align: center; } #tab-price-list table .qty .btn { width: calc(100% - 80px); padding: 7px 18px; } } div.video { display: block; position: relative; width: 100%; padding-bottom: 56.25%; } div.video + div.video { margin-top: 24px; } div.video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #tab-video div.video { } #review > p { margin: 0px; } #review .review { } #review .review + .review { border-top: 1px solid #DDD; margin-top: 24px; padding-top: 24px; } #review .review .rating { margin-bottom: 8px; } #review .review .date { float: right; color: #999; font-style: italic; } #review .review .author { font-weight: 600; color: #1F1F1F; } #review .review .text { clear: right; margin-top: 6px; } .form-horizontal { } .form-horizontal .control-label { color: #666; margin: 0px 0px 6px; padding: 0px; font-weight: 600; } .form-horizontal .form-group { margin-bottom: 20px; } /* fixed mobile cart quantity input */ .input-group .form-control[name^=quantity] { min-width: 50px; } .mod_html { } .mod_html-wrapper .container { padding-top: 8px; padding-bottom: 8px; } .mod_html .htmlcontent > :first-child { margin-top: 0px; } .mod_html .htmlcontent > :last-child { margin-bottom: 0px; } .mod_slideshow { } .mod_slideshow .owl-carousel { background: none; margin: 0px; border: none; } .mod_slideshow .owl-wrapper-outer { background: none; border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .mod_slideshow .owl-wrapper { } .mod_slideshow .owl-item { } .mod_slideshow .owl-item .item { } .mod_slideshow .owl-item .item a { } .mod_slideshow .owl-item .item img { } .mod_slideshow .owl-item .item .caption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #FFF !important; text-shadow: 0px 0px 24px #000; } .mod_slideshow .owl-item .item .caption-wrapper { margin-top: 72px; text-align: center; font-size: 16px; } .mod_slideshow .owl-item .item .caption h1 { color: inherit !important; font-size: 36px; line-height: 1.33em; margin: 0px; padding: 0px; font-weight: 400; } .mod_slideshow .owl-item .item .caption p { color: inherit !important; margin: 24px 0px 0px; } .mod_slideshow .owl-item .item .caption a { color: inherit !important; } .mod_slideshow .owl-item .item .caption a.btn { padding: 9px 24px; } .mod_slideshow .owl-controls { position: absolute; top: calc(50% - 30px); bottom: auto; left: 0px; width: 100%; } .mod_slideshow .owl-controls .owl-buttons { } .mod_slideshow .owl-controls .owl-buttons > div { opacity: 1 !important; width: 24px; height: 60px; background: url('../image/slideshow-buttons.png') no-repeat; } .mod_slideshow .owl-controls .owl-buttons > div.owl-prev { left: -12px; background-position: left; } .mod_slideshow .owl-controls .owl-buttons > div.owl-next { right: -12px; background-position: right; } .mod_slideshow .owl-controls .owl-buttons > div i { display: none; } .mod_slideshow .owl-controls .owl-pagination { display: none; top: auto; bottom: 20px; } .mod_slideshow .owl-controls .owl-page { margin: 0px; } .mod_slideshow .owl-controls .owl-page + .owl-page { margin-left: 4px; } .mod_slideshow .owl-controls .owl-page span { background: url('../image/slideshow-buttons.png') bottom no-repeat; display: block; width: 12px; height: 12px; } .mod_slideshow .owl-controls .owl-page.active span { background: url('../image/slideshow-buttons.png') top no-repeat; } .common-home .mod_slideshow { display: block; float: left; margin-top: 12px !important; width: calc(66.66% - 6px); height: 406px; background: #FFF; padding: 15px; } .common-home .mod_slideshow .owl-item .item .caption { display: flex; align-items: center; width: 55%; height: 100%; text-shadow: none; margin: 0px; background: #1D23B4; color: #FFF; padding: 36px 70px 36px 36px; clip-path: polygon(0px 0px, 100% 0px, 75% 100%, 0px 100%); } .common-home .mod_slideshow .owl-item:nth-child(6n + 1) .item .caption { background: #1D23B4; color: #FFF; } .common-home .mod_slideshow .owl-item:nth-child(6n + 2) .item .caption { background: #06AC49; color: #FFF; } .common-home .mod_slideshow .owl-item:nth-child(6n + 3) .item .caption { background: #1D23B4; color: #FFF; } .common-home .mod_slideshow .owl-item:nth-child(6n + 4) .item .caption { background: #D0021B; color: #FFF; } .common-home .mod_slideshow .owl-item:nth-child(6n + 5) .item .caption { background: #06AC49; color: #FFF; } .common-home .mod_slideshow .owl-item:nth-child(6n + 6) .item .caption { background: #D0021B; color: #FFF; } .common-home .mod_slideshow .owl-item .item .caption-wrapper { display: block; width: 100%; margin: 0px; color: inherit; text-align: left; } .common-home .mod_slideshow .owl-item .item .caption-wrapper h2 { display: block; color: inherit; font-size: 48px; line-height: 1.15em; font-weight: bold; text-transform: none; margin: 0px 0px 16px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper ul { display: block; list-style: none; margin: 16px 0px 0px; padding: 0px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper ul li { padding-left: 20px; background: url('../image/bullet-tick-yellow.png') 0px 4px no-repeat; } .common-home .mod_slideshow .owl-item .item .caption-wrapper ul li + li { margin-top: 6px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper p { display: block; margin: 20px 0px 0px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper p a { color: #FFFF00 !important; text-transform: uppercase; font-weight: bold; } .htmlfeatprod { display: block; float: right; width: calc(33.33% - 6px); height: 406px; background: #FFF; padding: 15px; margin-top: 12px !important; color: #FFF; } .htmlfeatprod .wrapper { background: url('/image/catalog/home-banner-ladder.png') bottom right no-repeat #06AC49; padding: 20px; min-height: 376px; } .htmlfeatprod .wrapper[onclick] { cursor: pointer; } .htmlfeatprod h4 { margin: 0px; color: inherit; font-weight: bold; font-size: 14px; line-height: 20px; text-transform: uppercase; } .htmlfeatprod h2 { margin: 16px 0px 0px; color: inherit; font-weight: bold; font-size: 24px; line-height: 1.33em; text-transform: none; } .htmlfeatprod ul { list-style: none; margin: 20px 0px 0px; padding: 0px; font-size: 15px; line-height: 1.5em; } .htmlfeatprod ul li { background: url('../image/bullet-tick-yellow.png') 0px 4px no-repeat; padding-left: 20px; } .htmlfeatprod ul li + li { margin-top: 4px; } .htmlfeatprod .pricecircle { display: inline-block; margin-top: 24px; background: #D0021B; border: 3px solid #FFF; border-radius: 50%; text-align: center; padding: 8px; font-weight: bold; } .htmlfeatprod .pricecircle:before { display: block; float: left; content: ''; padding-top: 100%; } .htmlfeatprod .pricecircle div { display: inline-block; vertical-align: top; line-height: 30px; } .htmlfeatprod .pricecircle div.from { display: block; text-transform: uppercase; margin-top: 4px; line-height: 1.5em; } .htmlfeatprod .pricecircle div.pound { font-size: 18px; } .htmlfeatprod .pricecircle div.amount { font-size: 30px; } .htmlfeatprod .pricecircle div.decimal { vertical-align: baseline; font-size: 18px; } @media (min-width: 992px) and (max-width: 1199px) { .common-home .mod_slideshow { height: 335px; } .common-home .mod_slideshow .owl-item .item .caption { width: 55%; padding: 24px 48px 24px 24px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper { font-size: 15px; line-height: 20px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper h2 { font-size: 36px; line-height: 1.15em; } .common-home .mod_slideshow .owl-item .item .caption-wrapper ul li + li { margin-top: 4px; } .htmlfeatprod { height: 335px; } .htmlfeatprod .wrapper { min-height: 305px; padding: 12px; } .htmlfeatprod h4 { } .htmlfeatprod h2 { margin: 8px 0px 0px; font-size: 21px; line-height: 1.33em; } .htmlfeatprod ul { margin: 12px 0px 0px; } .htmlfeatprod ul li { } .htmlfeatprod ul li + li { margin-top: 0px; } .htmlfeatprod .pricecircle { margin-top: 16px; padding: 5px; } .htmlfeatprod .pricecircle div { line-height: 24px; } .htmlfeatprod .pricecircle div.from { margin-top: 9px; } .htmlfeatprod .pricecircle div.amount { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .common-home .mod_slideshow { float: none; width: 100%; height: auto; } .common-home .mod_slideshow .owl-item .item .caption { padding: 24px 48px 24px 24px; } .htmlfeatprod { float: none; width: 100%; height: auto; margin-top: 12px !important; } .htmlfeatprod .wrapper { min-height: 0px; margin: 0px; } .htmlfeatprod .wrapper:after { display: block; content: ''; clear: both; } .htmlfeatprod .wrapper > div[class^=block] { display: block; float: left; } .htmlfeatprod .wrapper .blocka { width: 38%; } .htmlfeatprod .wrapper .blockb { width: 40%; padding: 0px 24px; } .htmlfeatprod .wrapper .blockc { width: 22%; } .htmlfeatprod h4 { } .htmlfeatprod h2 { margin: 8px 0px 0px; font-size: 21px; line-height: 1.33em; } .htmlfeatprod ul { margin: 18px 0px 0px; } .htmlfeatprod ul li { } .htmlfeatprod ul li + li { margin-top: 0px; } .htmlfeatprod .pricecircle { margin-top: 0px; padding: 5px; } .htmlfeatprod .pricecircle div { line-height: 21px; } .htmlfeatprod .pricecircle div.from { margin-top: 8px; } .htmlfeatprod .pricecircle div.amount { font-size: 21px; } } @media (max-width: 767px) { .common-home .mod_slideshow { float: none; width: 100%; height: auto; } .common-home .mod_slideshow .owl-item .item .caption { position: relative; top: auto; left: auto; display: block; width: 100%; height: auto; clip-path: none; padding: 20px; } .common-home .mod_slideshow .owl-item .item .caption-wrapper h2 { font-size: 36px; line-height: 1.15em; } .common-home .mod_slideshow .owl-controls { display: none !important; } .htmlfeatprod { float: none; width: 100%; height: auto; margin-top: 12px !important; } .htmlfeatprod .wrapper { min-height: 0px; margin: 0px; } .htmlfeatprod h4 { } .htmlfeatprod h2 { } .htmlfeatprod ul { } .htmlfeatprod ul li { } .htmlfeatprod ul li + li { margin-top: 0px; } .htmlfeatprod .pricecircle { margin-top: 16px; } .htmlfeatprod .pricecircle div { } .htmlfeatprod .pricecircle div.from { margin-top: 8px; } } .mod_mega_filter { } .mod_mega_filter h3 { } .mod_mega_filter .mfilter-content { border: none; border-radius: 0px; } .mod_mega_filter .mfilter-heading { background: none; color: #1F1F1F; text-transform: uppercase; font-weight: 600; } .mod_mega_filter .mfilter-heading-content { position: relative; padding: 9px 2px 8px; line-height: inherit; background: url('../image/dot-divider-horizontal.png') top repeat-x; } .mod_mega_filter .mfilter-heading-text { margin: 0px; line-height: inherit; } .mod_mega_filter .mfilter-heading-text > span { padding: 0px; line-height: inherit; } .mod_mega_filter .mfilter-heading .mfilter-head-icon { position: absolute; right: 2px; top: 9px; background: url('../image/arrow-down-grey.png') center no-repeat; float: none; margin: 0px; width: 10px; height: 20px; } .mod_mega_filter .mfilter-content-opts { } .mod_mega_filter .mfilter-opts-container { border: none; padding: 0px 2px 12px; } .mod_mega_filter #mfilter-opts-price-min, .mod_mega_filter #mfilter-opts-price-max { width: 40%; min-width: 50px; max-width: 100px; height: 28px; padding: 0px 5px; } .mod_mega_filter .mfilter-slider-slider, .mod_mega_filter #mfilter-price-slider { margin-top: 16px !important; } .mod_mega_filter .mfilter-filter-item .mfilter-options { padding: 0px 2px; } .mod_mega_filter .mfilter-tb-as-td { border: none; padding: 2px 0px; } .mod_mega_filter .mfilter-col-input { padding-right: 6px; } .mod_mega_filter .mfilter-col-count { } .mod_prods-wrapper { } .mod_prods h3 { font-size: 21px; line-height: 1.33em; text-transform: uppercase; font-weight: normal; margin: 0px 0px 24px; } @media (max-width: 767px) { .mod_prods-wrapper .mod_prods .prod_grid { margin-top: 0px; } } .mod_related_pro { } .mod_related_pro h3 { margin-bottom: 12px; } .mod_related_pro .prod_grid { margin-top: 0px; } blockquote { display: block; margin: 24px 0px 0px; padding: 0px; border: none; font-size: 13px; line-height: 1.5em; color: #666; font-style: italic; } blockquote img { } blockquote img + p { font-size: inherit !important; line-height: inherit !important; margin: 8px 0px 0px; padding: 0px 0px 8px; border-bottom: 1px solid #DDD; } .bio-grid { } /* .row */ .bio-grid img { max-width: 100%; height: auto !important; } .bio-grid h3 { margin-bottom: 0px; } .bio-grid h3 + p { color: #666 !important; margin-top: 0px; } .bio-grid .clearfix:after { margin-bottom: 48px; } .box-blocks { margin-left: -5px; margin-right: -5px } /* .row */ .box-blocks > div[class*=col-] { padding-left: 5px; padding-right: 5px; } /* .col */ .box-blocks .block { display: block; text-align: center; margin-bottom: 10px !important; } .box-blocks .block .box { display: block; font-size: 16px; line-height: 1.5em; padding: 16px 12px; background: #FFF; } .box-blocks .block .box + .box { border-top: 1px solid #DDD; } .box-blocks .block .box.head { background: #666; color: #FFF; } .box-blocks .block .box.head h3 { color: inherit; font-weight: 600; margin: 0px !important; } .box-blocks .block .box strong { color: #000; } .box-blocks .block .box .small { font-size: 13px; line-height: 1.5em; } .box-blocks .block .box .big { font-size: 24px; line-height: 1.33em; } .box-blocks .block .box .grey { color: #666; } .box-blocks .block .box .blue { color: #666; } .well { background: #FFF; border: 1px solid #DDD; } .well li { color: #666; } .account-login { } .account-login #pagecontent { } .account-login h1 { text-align: center; text-transform: uppercase; } .account-login .well { padding: 48px; } .account-login .well h2 { font-size: 21px; line-height: 1.33em; margin: 0px 0px 36px; text-transform: uppercase; font-weight: normal; } .account-login .well p, .account-login .well li { font-size: 15px; line-height: 1.5em; } .account-login .well form { } .account-login .well .form-group { margin: 15px 0px 0px; } .account-login .well .control-label { font-size: 15px; line-height: 1.5em; } .account-login .well .form-control { height: 48px; } .account-login .well .btn { margin: 24px 0px 0px; } .account-login .well .forgotten { float: right; margin-top: 6px; font-size: 13px; line-height: 1.5em; } .account-login .well .login-btn { } .account-login .well .reg-btn { } .information-contact #content { padding-top: 36px; } .contactinfo { background-color: #f5f5f5; padding: 39px 36px; } .contactinfo h4 { font-size: 14px !important; line-height: 1.5em; margin-bottom: 4px; } .contactinfo h4 + p { margin-top: 0px; } .contactinfo p { font-size: 14px !important; line-height: 1.5em; } .information-contact #content form { margin-top: 24px; } #contactmap.fullsize { display: block; } @media (max-width: 767px) { .information-contact #content { padding-top: 0px; } .contactinfo { padding: 16px; } .information-contact #content .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } .information-contact #content .form-horizontal .form-group > div[class*=col-] { padding-left: 0px; padding-right: 0px; } .information-contact #content .form-horizontal .buttons { margin-top: 0px; } .information-contact #content .form-horizontal .buttons:after { display: block; content: ''; clear: both; } } .account-account #content h2 { margin-top: 24px; } .account-account #content h2:first-child { margin-top: 0px; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { } /* ERROR 404 PAGE */ .error-not_found { } .error-not_found #content { text-align: center; } .error-not_found #content h1 { text-align: center; font-size: 48px; line-height: 1.25em; max-width: 60%; margin: 0px auto 36px; font-weight: normal; } .error-not_found #content-bottom { margin-top: 48px; padding-top: 24px; border-top: 1px solid #DDD; } .error-not_found #content-bottom > div:first-child { margin-top: 0px; } .error-not_found #content-bottom h3 { text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { .error-not_found #content h1 { max-width: 80%; } } @media (min-width: 768px) and (max-width: 991px) { .error-not_found #content h1 { max-width: 100%; } } @media (max-width: 767px) { .error-not_found #content h1 { font-size: 30px; line-height: 1.33em; max-width: 100%; } } /* CONTACT PAGE */ .contact-blocks { } .contact-blocks .wrapper { background: #FFF; padding: 24px; text-align: center; font-size: 15px; line-height: 1.5em; } .contact-blocks .wrapper img { margin: 0px auto; } .contact-blocks .wrapper h4 { font-size: 18px; line-height: 1.33em; font-weight: bold; margin: 12px 0px; text-transform: uppercase; } .contact-blocks .wrapper p { margin: 12px 0px 0px; line-height: 1.5em; min-height: 3em; } .main-contacts { margin: 48px 0px; text-align: center; } .main-contacts h3 { font-size: 18px; line-height: 1.33em; font-weight: bold; margin: 0px 0px 24px; text-transform: uppercase; } .main-contacts .contact-people { margin: 24px 0px 0px; } .main-contacts .person { display: inline-block; vertical-align: top; margin: 0px 5px; } .main-contacts .person img { margin: 0px 0px 4px !important; } .opening-hours { text-align: center; } .opening-hours h4 { font-size: 14px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0px; } .opening-hours p { } .opening-hours h4 + p { margin-top: 0px; } .contact-info { } .contact-info .wrapper { background: #FFF; padding: 24px 30px; } .contact-info h2 { font-size: 21px; line-height: 1.33em; font-weight: normal; text-transform: uppercase; margin: 0px 0px 24px; } .contact-info .map { } .contact-info .map iframe { display: block; margin: 0px; padding: 0px; border: none; } .contact-info .map .large-map { text-align: right; font-size: 12px; line-height: 20px; margin: 4px 0px 0px; } .contact-info .map .large-map a { } .contact-info .contact-details .arrow-link { font-weight: bold; } .contact-form { } .contact-form .form-group { display: block; margin: 0px; } .contact-form .form-group:after { display: block; content: ''; clear: both; } .contact-form .form-group + .form-group { margin-top: 12px; } .modal-dialog { top: 10%; } #modal-agree, .agree { z-index: 99999; } .catfeatrange { text-align: center; } #content-top .catfeatrange { margin-bottom: 24px; } #content-bottom .catfeatrange { margin-top: 24px; } .catfeatrange table { } .catfeatrange table td { width: 50%; padding: 0px; vertical-align: middle; background: #EEE; } .catfeatrange table td .imgwrapper { } .catfeatrange table td .imgwrapper img { display: block; width: 100%; height: auto !important; } .catfeatrange table td .descwrapper { padding: 18px 24px; } .catfeatrange table td .descwrapper h2 { font-size: 24px; line-height: 1.33em; text-transform: uppercase; color: #1F1F1F; font-weight: bold; } .catfeatrange table td .descwrapper p { } .catfeatrange table td .descwrapper .btn { background: none; border: 2px solid #5B8F00; color: #5B8F00 !important; text-transform: uppercase; } .catfeatrange table td .descwrapper .btn:hover, .catfeatrange table td .descwrapper .btn:focus { background: #5B8F00; border: 2px solid #5B8F00; color: #FFF !important; } @media (min-width: 992px) and (max-width: 1199px) { .catfeatrange table td .descwrapper h2 { margin: 0px 0px 12px; } .catfeatrange table td .descwrapper p { margin: 12px 0px 0px; } } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { .catfeatrange table { display: block; } .catfeatrange table tr { display: block; } .catfeatrange table td { display: block; width: 100%; } .catfeatrange table td + td { display: none !important; } } .footericons-wrapper { font-size: 14px; line-height: 20px; } .footericons-wrapper .container { padding-top: 0px; } .footericons { border-top: 1px solid #DDD; } .footericons .blocks { padding-bottom: 48px; margin: 0px -15px; } .footericons .blocks:after { display: block; content: ''; clear: both; } .footericons .blocks .block { display: block; float: left; width: 25%; margin-top: 24px; padding: 0px 15px; } .footericons .blocks .block:nth-child(4n + 1) { clear: left; } .footericons .blocks .block .image { display: block; float: left; margin-right: 10px; } .footericons .blocks .block .image img { } .footericons .blocks .block .title { font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; margin: 0px; } .footericons .blocks .block .desc { } .footericons .blocks .block .more { font-size: 14px; line-height: 18px; } .footericons .blocks .block .more a { } @media (min-width: 768px) and (max-width: 991px) { .footericons .blocks { } .footericons .blocks .block { width: 33.33%; } .footericons .blocks .block:nth-child(4n + 1) { clear: none; } .footericons .blocks .block:nth-child(3n + 1) { clear: left; } } @media (max-width: 767px) { .footericons .blocks .block { width: 50%; text-align: center; } .footericons .blocks .block:nth-child(4n + 1) { clear: none; } .footericons .blocks .block:nth-child(2n + 1) { clear: left; } .footericons .blocks .block .image { display: inline-block; float: none; margin: 0px 0px 6px; } .footericons .blocks .block .image img { display: inline-block; } }