body { font-family: Roboto, 'Open Sans', sans-serif; font-weight: 400; color: #666; font-size: 13px; line-height: 1.5em; width: 100%; background: #FFF; } #sitewrapper { display: block; max-width: 100%; width: 1680px; margin: 0px auto; background: #FFF; } /* Colors for reference Black = #000; Grey (text) = #666; White = #FFF; Green = #5B8F00; Light Green = #9AC301; Red = #DF2418; */ /* default font size */ .fa { font-size: 14px; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #1F1F1F; 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: #666; cursor: pointer; } a:hover, a:focus { text-decoration: none; color: #000; } 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.yellow-link { color: #FF8C00; } a.yellow-link:hover, a.yellow-link:focus { text-decoration: none; color: #666; } a.inverse { color: #000; } a.inverse:hover, a.inverse:focus { text-decoration: none; color: #666; } 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; } .highlight { color: #5B8F00; } a.highlight { color: #5B8F00; } a.highlight:hover, a.highlight:focus { text-decoration: none; color: #666; } 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; } /* .row */ .row > div[class*=col-] { padding-left: 12px; padding-right: 12px; } /* .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: 12px; border: 1px solid #DDD; border-radius: 0px; -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; } /* Fix some bootstrap issues */ span { line-height: 1.5em; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } header { background: #FFF; z-index: 80003; } header .container { } header .topbar { font-size: 11px; line-height: 24px; } header .topbar:after { display: block; content: ''; clear: both; } header .topbar > div { } header .topbar > div > div { display: inline-block; text-transform: uppercase; margin: 10px 0px 0px; vertical-align: top; height: 24px; } header .topbar > div > div:not(.iSearchBoxWrapper):after { content: ''; margin: 0px 7px 0px 10px; border-left: 1px solid #DDD; vertical-align: middle; } header .topbar > div > div:last-child:after { display: none; } header .topbar > div > div > a { display: block; float: left; color: #8F8F8F; } header .topbar .tb_left { display: block; float: left; } header .topbar .tb_left > div.contact { } header .topbar .tb_left > div.contact:before { display: block; float: left; width: 20px; height: 24px; background: url('../image/icon-header-envelope.png') center no-repeat; content: ''; margin-right: 5px; } header .topbar .tb_left > div.phone { } header .topbar .tb_left > div.phone:before { display: block; float: left; width: 20px; height: 24px; background: url('../image/icon-header-phone.png') center no-repeat; content: ''; margin-right: 5px; } header .topbar .tb_left > div.currency { } header #form-currency { display: block; height: 24px; } header #form-currency .btn-group { display: block; } header #form-currency button { display: block; float: none; padding: 0px; background: none; border: none; font-size: 11px; line-height: 16px; font-weight: normal; padding: 4px 0px; color: #8C8C8C !important; outline: none !important; } header #form-currency .open button { } header #form-currency button span { display: block; float: left; } header #form-currency button span + span { margin-left: 3px; } header #form-currency button span.flag { } header #form-currency button span.flag img { display: block; } header #form-currency button span.code { } header #form-currency button span.symbol { } header #form-currency button span.arrow { } header #form-currency button span.arrow i { color: #333; } header #form-currency .dropdown-menu { border: 1px solid #E5E5E5; background: #FBFBFB; min-width: 120px; margin-left: -5px; } header #form-currency .dropdown-menu li { } header #form-currency .dropdown-menu li:hover { background: #E5E5E5; } header #form-currency .dropdown-menu li button { padding: 4px; } header .topbar .tb_right { display: block; float: right; text-align: right; } /* .col */ header .topbar .tb_right > div.wishlist { } header .topbar .tb_right > div.wishlist a:before { display: block; float: left; width: 16px; height: 24px; background: url('../image/icon-header-heart.png') center no-repeat; content: ''; margin-right: 5px; } header #logo { display: block; margin: 0px; padding: 30px 0px; text-align: center; } header #logo a { display: inline; margin: 0px; padding: 0px; } header #logo a img { display: inline; margin: 0px; max-height: 100%; } header #logo a.comp-logo { display: none; } header #logo a.full-logo { } header .search { position: relative; margin-right: 8px !important; } header .search:after { display: block; content: ''; clear: both; } header .search input[type=text] { display: block; width: 300px; border: 1px solid #DDD; height: 24px; padding: 0px 30px 0px 6px; font-size: 11px; line-height: 22px; } header .search button { position: absolute; top: 1px; right: 1px; display: block; width: 30px; height: 22px; border: none; background: none; text-align: center; padding: 0px; } header .search button:hover { background: #EEE; } header .search button img { display: inline-block; vertical-align: middle; } header .search.open .hd_head { border: 1px solid #DDD; border-bottom-color: #FFF; padding: 9px 11px; } 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; width: 36px; height: 24px; cursor: pointer; } header #cart .hd_head:before { display: block; float: left; width: 17px; height: 24px; content: ''; background: url('../image/icon-header-basket.png') center no-repeat; } header #cart .hd_head:after { display: block; float: right; width: 8px; height: 24px; content: ''; background: url('../image/arrow-header-cart-down.png') center no-repeat; } header #cart.open .hd_head:after { background-image: url('../image/arrow-header-cart-up.png'); } header .tb_cart .cart-total { position: absolute; display: block; top: 16px; right: 9px; font-size: 12px; line-height: 1em; color: #000; background: #EEE; text-align: center; padding: 3px 4px; min-width: 18px; border-radius: 9px; } header .tb_cart .cart-total span { line-height: inherit; } header .tb_cart .cart-total span.ct_title { display: none; } 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; 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 a { width: 49%; padding-left: 10px; padding-right: 10px; text-align: center; } header #cart p.links a + a { margin-left: 1%; } header #cart p.empty { text-align: center; padding: 30px 0px; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { header .topbar > div > div:after { margin: 0px 4px 0px 7px; } header .search input[type=text] { width: 180px; } } @media (max-width: 767px) { header { } header .container { position: relative; padding: 6px 6px; } header #logo { display: block; float: left; width: 59%; padding: 0px; } header #logo a { display: block; } header .topbar-xs { display: block; float: right; } header .topbar-xs:after { display: block; content: ''; clear: both; } header .topbar-xs .link { display: block; float: left; font-size: 12px; line-height: 18px; margin-right: 10px; } header .topbar-xs .link a { color: #1F1F1F; } header .topbar-xs .link a:before { display: block; width: 100%; height: 16px; content: ''; margin-bottom: 1px; background-size: contain !important; } header .topbar-xs .link a { } header .topbar-xs .account a:before, header .topbar-xs .login a:before { background: url('../image/icon-account.png') center no-repeat; } header .topbar-xs .tb_cart a:before { background: url('../image/icon-shopping-bag.png') center no-repeat; } #menu-xs { display: block; float: left; margin: 0px; padding: 0px; min-height: 0px; border: none; z-index: 80000; } #menu-xs .menu-xs-button { font-size: 12px; line-height: 18px; color: #1F1F1F; cursor: pointer; } #menu-xs .menu-xs-button:before { display: block; width: 100%; height: 16px; content: ''; margin-bottom: 1px; background-size: contain !important; background: url('../image/icon-menu-xs.png') center no-repeat; } #menu-xs.open .menu-xs-button:before { background-image: url('../image/icon-menu-xs-close.png'); } #menu-xs .menu-xs-content { display: none; position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; background: #FFF; z-index: 80000; } #menu-xs .menu-xs-content ul { display: block; margin: 0px; padding: 0px; list-style: none; } #menu-xs .menu-xs-content ul li { display: block; margin: 0px; padding: 0px; } #menu-xs .menu-xs-content ul li a { display: block; margin: 0px; padding: 0px; color: #1F1F1F; font-size: 14px; line-height: 1.5em; } #menu-xs .menu-xs-content ul li a:hover { color: #5B8F00; } #menu-xs .menu-xs-content > ul { border-bottom: 1px solid #DDD; } #menu-xs .menu-xs-content > ul > li { border-top: 1px solid #DDD; } #menu-xs .menu-xs-content > ul > li > div.parent { display: block; margin: 0px; padding: 0px; color: #1F1F1F; font-size: 14px; line-height: 1.5em; } #menu-xs .menu-xs-content > ul > li > a, #menu-xs .menu-xs-content > ul > li > div.parent { padding: 8px 6px; } #menu-xs .menu-xs-content > ul > li.static { border-top: 1px solid #FFF; } #menu-xs .menu-xs-content > ul > li.static > a { background: #E8E8E8; } #menu-xs .menu-xs-content > ul > li.dropdown { } #menu-xs .menu-xs-content > ul > li.dropdown > div.parent { padding-right: 30px; cursor: pointer; background-image: url('../image/icon-menu-xs-plus.png'); background-position: calc(100% - 10px); background-size: 14px; background-repeat: no-repeat; } #menu-xs .menu-xs-content > ul > li.cat-L1-special-offers > div.parent { background-image: url('../image/icon-menu-xs-plus-white.png'); } #menu-xs .menu-xs-content .children { display: none; position: relative; margin: 0px 0px 12px 12px; } #menu-xs .menu-xs-content .children:before { position: absolute; top: 0px; left: 0px; bottom: 9px; width: 2px; content: ''; background: #999; } #menu-xs .menu-xs-content .children ul { } #menu-xs .menu-xs-content .children ul li { padding-left: 12px; position: relative; } #menu-xs .menu-xs-content .children ul li:before { position: absolute; top: calc(50% - 1px); left: 2px; display: block; content: ''; width: 5px; height: 2px; background: #999; } #menu-xs .menu-xs-content .children ul li + li { margin-top: 6px; } #menu-xs .menu-xs-content .children ul li a { } header .search { margin: 0px !important; } header .search input[type=text] { width: 100%; height: 32px; padding-right: 22px; font-size: 13px; } header .search button { width: 30px; height: 30px; } header .search button img { width: 16px; } } /* 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 { background: #FBFBFB; border-top: 1px solid #E5E5E5; margin: 0px; padding: 0px; z-index: 80002; height: auto !important; -webkit-box-shadow: inset 0px 8px 8px -8px #E8E8E8; -moz-box-shadow: inset 0px 8px 8px -8px #E8E8E8; box-shadow: inset 0px 8px 8px -8px #E8E8E8; } #adv_menu > .container { position: relative; z-index: 80003; } #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 { display: block; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; color: #000; } #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: auto; margin: 0px auto; } #adv_menu ul.L1 > li { display: table-cell; vertical-align: middle; } #adv_menu ul.L1 > li > a { padding: 11px 10px; font-weight: 300; text-transform: uppercase; text-align: center; } a.cat-L1-sale, .cat-L1-sale > a { color: #DF2418 !important; font-weight: 600 !important; } a.cat-L1-special-offers, .cat-L1-special-offers > a, .cat-L1-special-offers > div.parent { color: #FFF !important; background: #DF2418; font-weight: 600 !important; } #adv_menu ul.L2 { display: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #FBFBFB; border: 1px solid #E5E5E5; padding: 24px 12px; box-shadow: 0px 2px 1px #E8E8E8; } #adv_menu ul.L2 > li { display: table-cell; width: 25%; padding: 0px 12px; } #adv_menu ul.L2 > li > a { position: relative; display: block; color: #535353; margin: 20px 0px 0px; font-weight: 600; } #adv_menu ul.L2 > li > a:first-child { margin-top: 0px; } #adv_menu ul.L3 { } #adv_menu ul.L3 > li { padding-top: 12px; } #adv_menu ul.L3 > li > a { color: #666; } #adv_menu ul.L3 > li > a:before { display: block; float: left; width: 6px; height: 10px; content: ''; margin-top: 5px; margin-right: 6px; background: url('../image/arrow-menu-l3.png') center no-repeat; } #adv_menu ul.L3 > li > a.img_link:before { display: none !important; } #adv_menu ul.L1 > li:hover { background: #E5E5E5; } #adv_menu ul.L1 > li.has_kids:hover ul.L2 { display: table; } @media (min-width: 992px) and (max-width: 1199px) { #adv_menu ul.L1 > li > a { font-weight: 400; } } /* Normal Top Menu */ #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 .container { } #menu .navbar-header { float: none; } #menu .navbar-header .navbar-toggle { display: block; float: none; padding: 10px 15px; margin: 0px; border: none; border-radius: 0px; line-height: 24px; cursor: pointer; } #menu .navbar-header .navbar-toggle button { font-size: 16px; font-stretch: expanded; color: #FFF; padding: 0px 15px 2px; background-color: #666; border-color: #666; margin-right: 2px; } #menu ul.nav { float: none; margin: 0px; } #menu ul.nav > li { float: none; } @media (min-width: 768px) { #menu .navbar-collapse { display: table !important; position: relative; margin: 0px auto; padding: 0px; } #menu ul.nav { display: table-row; position: relative; } #menu ul.nav > li { display: table-cell; } #menu ul.nav > li > a { display: block; } #menu ul.nav > li > .dropdown-menu { background: #FFF; padding: 10px 15px; border: 1px solid #DDD; min-width: 220px; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { display: table-row; } #menu ul.nav > li > .dropdown-menu ul { display: table-cell; min-width: 180px; } #menu ul.nav > li > .dropdown-menu ul li { display: block; padding: 2px 0px; } #menu ul.nav > li > .dropdown-menu ul li a { display: block; padding: 2px 10px; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { background: #EEE; } #menu ul.nav > li:hover { background: #EEE; } #menu ul.nav > li:hover > .dropdown-menu { display: table; } } @media (max-width: 767px) { #adv_menu { display: none !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } #menu { display: block; background: none; border: none; } #menu ul.nav { display: block; } #menu ul.nav > li { display: block; } #menu ul.nav > li.open { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #menu ul.nav > li > a { display: block; padding: 5px 15px; } #menu ul.nav > li > a:hover, #menu ul.nav > li > a:focus { text-decoration: none; background: #EEE; font-weight: bold; } #menu ul.nav > li > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; border: none; background: #EEE; box-shadow: none; -webkit-box-shadow: none; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { } #menu ul.nav > li > .dropdown-menu ul { } #menu ul.nav > li > .dropdown-menu ul li { } #menu ul.nav > li > .dropdown-menu ul li a { display: block; padding: 5px 15px 5px 30px; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { font-weight: bold; } } #stickymenu { position: fixed; display: none; top: 0px; left: 0px; width: 100%; z-index: 81000; background: #FBFBFB; border-bottom: 1px solid #E5E5E5; -webkit-box-shadow: inset 0px -8px 8px -8px #DDD; -moz-box-shadow: inset 0px -8px 8px -8px #DDD; box-shadow: inset 0px -8px 8px -8px #DDD; } #stickymenu .container { } #stickymenu .container .stickywrapper { display: table; width: 100%; margin: 0px; border: none; } #stickymenu .container .stickywrapper > div { display: table-cell; vertical-align: top; padding: 0px; } #stickymenu .stickyleft { display: block; } #stickymenu .stickyright { display: block; text-align: right; } #stickymenu ul.stickynav { display: block; margin: 0px -8px; padding: 0px; list-style: none; } #stickymenu ul.stickynav li { display: block; float: left; margin: 0px; padding: 9px 7px; } #stickymenu ul.stickynav li a { font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000; font-weight: 300; } #stickymenu ul.stickynav li a.cat-L1-sale, #stickymenu ul.stickynav li.cat-L1-sale > a { color: #F00 !important; font-weight: 600 !important; } #stickymenu ul.stickynav li a.cat-L1-special-offers, #stickymenu ul.stickynav li.cat-L1-special-offers > a { color: #F00 !important; background: none; } #stickymenu .stickysearch { display: inline-block; width: calc(100% - 45px); margin: 8px 10px; } #stickymenu .search { position: relative; display: block; margin: 0px; padding: 0px; } #stickymenu .search:after { display: block; content: ''; clear: both; } #stickymenu .search input[type=text] { display: block; width: 100%; border: 1px solid #DDD; height: 24px; padding: 0px 22px 0px 4px; font-size: 11px; line-height: 22px; } #stickymenu .search button { position: absolute; display: block; top: 1px; right: 1px; width: 22px; height: 22px; background: none; border: none; text-align: center; padding: 0px; } #stickymenu .search button img { display: inline-block; vertical-align: middle; } #stickymenu .search.open .hd_head { border: 1px solid #DDD; border-bottom-color: #FFF; padding: 9px 11px; } #stickymenu .stickycart { display: inline-block; vertical-align: top; margin: 8px 0px 0px; } #stickymenu .stickycart a { position: relative; display: block; width: 17px; height: 24px; background: url('../image/icon-header-basket.png') center no-repeat; } #stickymenu .stickycart a .ct_items { position: absolute; display: block; top: 15px; right: -10px; font-size: 12px; line-height: 1em; color: #000; background: #EEE; text-align: center; padding: 3px 4px; min-width: 18px; border-radius: 9px; } header #cart .hd_head .cart-total span { line-height: inherit; } /* header #cart .hd_head { position: relative; z-index: 80015; width: 36px; height: 24px; cursor: pointer; } header #cart .hd_head:before { display: block; float: left; width: 17px; height: 24px; content: ''; background: url('../image/icon-header-basket.png') center no-repeat; } header #cart .hd_head:after { display: block; float: right; width: 8px; height: 24px; content: ''; background: url('../image/arrow-header-cart-down.png') center no-repeat; } header #cart.open .hd_head:after { background-image: url('../image/arrow-header-cart-up.png'); } header #cart .hd_head .cart-total { position: absolute; display: block; top: 16px; right: 9px; font-size: 12px; line-height: 1em; color: #000; background: #EEE; text-align: center; padding: 3px 4px; min-width: 18px; border-radius: 9px; } header #cart .hd_head .cart-total span { line-height: inherit; } header #cart .hd_head .cart-total span.ct_title { display: none; } header #cart .hd_head .cart-total span.ct_items { } header #cart .hd_head .cart-total span.ct_sep { display: none; } header #cart .hd_head .cart-total span.ct_total { display: none; } */ @media (min-width: 992px) and (max-width: 1199px) { #stickymenu ul.stickynav { } #stickymenu ul.stickynav li { padding: 10px 8px; } #stickymenu ul.stickynav li a { font-size: 13px; line-height: 20px; text-transform: capitalize; } } /* footer */ #social_footer { background: #FBFBFB; border-top: 1px solid #E5E5E5; -webkit-box-shadow: inset 0px 8px 8px -8px #E8E8E8; -moz-box-shadow: inset 0px 8px 8px -8px #E8E8E8; box-shadow: inset 0px 8px 8px -8px #E8E8E8; } #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-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #666; margin-right: 12px; } #social_footer a { margin: 0px 1px; } #social_footer a img { display: block; margin: 0px; padding: 0px; } footer { background: #FBFBFB; border-top: 1px solid #F1F1F1; font-size: 13px; line-height: 20px; color: #666; } footer .container { padding-top: 30px; padding-bottom: 30px; } footer h5 { font-size: 14px; line-height: 20px; font-weight: bold; color: #1F1F1F; margin: 40px 0px 16px; } footer h5:first-child { margin-top: 0px; } footer .truck { margin: 0px 0px 12px; } footer .truck + h5 { margin-top: 0px; } footer ul { list-style: none; margin: 16px 0px 0px; padding: 0px; } footer ul li { } footer ul li + li { margin-top: 6px; } footer p { margin: 20px 0px 0px; } footer a { color: inherit; } footer a:hover, footer a:focus { color: #5B8F00; } footer a.arrow { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #1F1F1F; } footer .cards { display: block; text-align: center; } footer .cards img { display: inline-block; margin: 3px 0px 0px; padding: 0px; } #branding { background: #FBFBFB; border-top: 1px solid #F1F1F1; font-size: 11px; line-height: 16px; text-align: center; } #branding .container { padding-top: 20px; padding-bottom: 20px; } #branding .sep { display: inline-block; color: #F1F1F1; font-size: 16px; margin: 0px 6px; } @media (min-width: 1200px) { footer .cards { text-align: left; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { footer { text-align: center; } footer .row > div[class*=col-] + div[class*=col-] { margin-top: 30px; } footer .truck { margin: 0px auto 12px; } } /* content */ #pagecontent { padding-bottom: 48px; } #pagecontent > div { } #pagecontent > div:nth-child(odd) { } #pagecontent > div:nth-child(even) { } #pagecontent > div.container { min-height: 400px; background: none; } #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) { #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 > 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-size: 13px; line-height: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border: none; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { display: block; background: none; padding: 0px; margin: 10px 0px 36px !important; border: none; border-radius: 0px; list-style: none; line-height: 20px; font-size: 11px !important; line-height: 1.5em; } .breadcrumb:after { display: block; content: ''; clear: both; } .breadcrumb > li { display: block; float: left; margin: 0px !important; padding: 0px !important; background: none !important; } .breadcrumb > li + li { margin-left: 8px !important; } .breadcrumb > li + li:before { display: inline-block; content: '/'; margin-right: 8px; padding: 0px; } .breadcrumb > li a { display: inline-block; } /* Page Head */ #pagehead { margin-bottom: 36px; background: #FBFBFB !important; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } #pagehead .container { position: relative; padding-top: 40px; padding-bottom: 48px; text-align: center; } #pagehead .breadcrumb { position: absolute; top: 6px; left: 15px; width: calc(100% - 30px); margin: 0px !important; } #pagehead h1 { text-align: center; margin: 0px; font-weight: 400; color: #000; 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: 48px; border-top: 1px solid #E5E5E5; } .pagedesc.page_desc_main { margin: 0px 0px 30px; padding: 0px 0px 30px; border-bottom: 1px solid #E5E5E5; } .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 { padding-top: 75px; padding-bottom: 75px; } .sub_cats { margin-top: -24px !important; } /* .row */ .sub_cats > div[class*=col-] { padding-top: 24px; } /* .col- */ .sub_cats .sub_cat_wrapper { position: relative; } .sub_cats .sub_cat_wrapper a { margin: 0px; padding: 0px; border: 1px solid #E5E5E5; color: #1F1F1F; } .sub_cats .sub_cat_wrapper:hover a { color: #5B8F00; } .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_name { display: flex; justify-content: center; flex-direction: column; text-align: center; font-size: 13px; line-height: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; background: #FFF; padding: 20px 15px; min-height: 80px; border-top: none; } .sub_cats .sub_cat_wrapper a.sc_name span { display: inline-block; vertical-align: middle; } @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: 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 { } #cat_prods .container { padding-top: 60px; padding-bottom: 60px; } .prod_grid { margin-top: 24px; } /* .row */ .prod_grid > div[class*=col-] { } .prod_grid > div.clearfix:after { margin-bottom: 24px; } .prod_grid .prod { padding: 12px; background: #FFF; border: 1px solid #E5E5E5; } .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 .image a .overlay-express { position: absolute; top: 0px; right: 0px; background: #5B8F00; color: #FFF; font-size: 14px; line-height: 20px; padding: 4px 8px; text-align: center; } .prod_grid .prod .name { margin-top: 12px; font-size: 13px; line-height: 20px; min-height: 40px; color: #1F1F1F; padding: 0px; } .prod_grid .prod .name a { color: inherit; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { margin-top: 5px; } .prod_grid .prod .price .price-wrapper { display: block; } .prod_grid .prod .price .price-wrapper + .price-wrapper { margin-top: 0px; } .prod_grid .prod .price .price-old-wrapper { color: #8B8B8B; text-decoration: line-through; font-weight: 300; font-size: 14px; line-height: 1.5em; min-height: 1.5em; } .prod_grid .prod .price .price-new-wrapper { color: #8B8B8B; font-size: 24px; line-height: 1.33em; font-weight: bold; } .prod_grid .prod .price .price-special-wrapper { color: #DF2418; } .prod_grid .prod .price .price-tax-wrapper { display: none; } .prod_grid .prod .price .price-wrapper span { } .prod_grid .prod .price .from { display: none; } .prod_grid .prod .price .was { display: none; } .prod_grid .prod .price .now { display: none; } .prod_grid .prod .price .price-new { } .prod_grid .prod .price .price-old { } .prod_grid .prod .price .price-tax { } .prod_grid .prod .price .inc-vat { display: none; } .prod_grid .prod .price .ex-vat { display: none; } .prod_grid .prod .rating { display: none; margin-top: 2px; } .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.preorder_stock { color: #FF9933; } .prod_grid .prod .stock.preorder_stock:before { background-image: url('../image/icon-tick-orange.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 .delivery { margin: 8px; font-size: 13px; line-height: 1.5em; min-height: 1.5em; } .prod_grid .col-sm-3 .prod .delivery { min-height: 3em; } .prod_grid .prod .delivery .attname { font-weight: bold; } .prod_grid .prod .delivery .atttext { } .prod_grid .prod .buttons { margin-top: 12px; } .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; } .prod_grid .prod .finance_container { display: block; margin: 8px 0px 0px; } .prod_grid .prod .finance_container > span { display: block; margin: 0px; } .prod_grid .prod .finance_container > span + span.no_finance { display: none !important; } .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; } .sidebar .prod_grid > div.clearfix:after { margin: 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 > div.clearfix:after { margin-bottom: 12px; } } /* 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; 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; cursor: pointer; } .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: 36px 0px 0px; padding: 18px 0px; border: 1px solid #E5E5E5; border-left: none; border-right: none; font-size: 14px; line-height: 20px; } /* .row */ .prod_paging > div { } /* .col */ .prod_paging .results { display: none !important; text-align: left; } .prod_paging .paging { width: 100% !important; text-align: center; height: 20px; } .prod_paging .pagination { display: inline-block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; height: 20px; } .prod_paging .pagination > li { display: inline-block; vertical-align: top; border: none; height: 20px; } .prod_paging .pagination > li + li { margin-left: 12px; } .prod_paging .pagination > li.first { display: none; } .prod_paging .pagination > li.prev { font-size: 0px; color: transparent; text-indent: -50000px; width: 32px; background: url('../image/arrow-paging-prev.png') center no-repeat; } .prod_paging .pagination > li.next { font-size: 0px; color: transparent; text-indent: -50000px; width: 32px; background: url('../image/arrow-paging-next.png') center no-repeat; } .prod_paging .pagination > li.last { display: none; } .prod_paging .pagination > li > a, .prod_paging .pagination > li > span { display: block; float: none; border: none; height: 20px; min-width: 20px; text-align: center; padding: 0px; line-height: 20px; border-radius: 0px; color: #1F1F1F; background: none; } .prod_paging .pagination > li.active { } .prod_paging .pagination > li.active a, .prod_paging .pagination > li.active span { font-weight: bold; color: #1F1F1F; background: none; border: none; } /* buttons */ .buttons { margin: 1em 0px 0px; } .btn { padding: 4px 10px; font-size: 12px; line-height: 20px; border: 1px solid #5B8F00; background: #5B8F00; border-radius: 0px; box-shadow: none; color: #FFF !important; text-transform: uppercase; letter-spacing: 1px; text-align: center; font-weight: 600; outline: none; } .btn:hover, .btn:active, .btn:focus { background: #9AC301; border: 1px solid #9AC301; color: #FFF !important; outline: none; box-shadow: none; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 13px 23px; font-size: 14px; font-weight: 600; } .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; } .btn-red { border: 1px solid #DF2418; background: #DF2418; color: #FFF !important; } .btn-red:hover, .btn-red:active, .btn-red:focus { background: #BB0000; border-color: #BB0000; color: #FFF !important; } .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 { 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 !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-size: 13px; line-height: 20px; font-weight: bold; margin: 0px !important; color: #1F1F1F; padding: 0px 0px 12px !important; text-transform: uppercase; letter-spacing: 1px; } .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 { display: block; width: 100%; max-width: 100%; margin: 0px; border: 1px solid #DDD; border-radius: 0px; } #prodimg > a > img { display: block; width: 100%; max-width: 100%; height: auto; } #prodimg .mainimg-caption { display: block; background: #F8F8F8; padding: 3px 6px; border: 1px solid #DDD; border-top: none; } #prodimg .largerimg { display: block; float: right; border: 1px solid #DDD; border-top: none; padding: 3px 6px; margin: 0px 0px 12px; cursor: pointer; } #subimgs { display: block; clear: both; margin: 12px 0px 0px; } #subimgs #subimgs_prev, #subimgs #subimgs_next { display: block; width: 24px; height: 90px; cursor: pointer; background: url('../image/prodimg_nav.png') no-repeat #DDD; } #subimgs #subimgs_prev { float: left; background-position: left; } #subimgs #subimgs_next { float: right; background-position: right; } #subimgs_outer { position: relative; display: block; overflow: hidden; width: calc(100% - 64px); margin: 0px auto; } #subimgs_inner { position: relative; display: block; width: 100000px; left: -11px; } #subimgs_inner:after { display: block; content: ''; clear: both; } #subimgs_inner a { display: block; float: left; width: 90px; margin-left: 11px; } #subimgs_inner a + a { } #subimgs_inner a img { display: block; width: 100%; height: auto !important; } #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); } .itemspecs { margin-top: 24px; padding-top: 24px; border-top: 1px solid #EBEBEB; } .itemspecs .title { display: block; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; 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; letter-spacing: 1px; 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; } .product-page h1 { font-size: 24px; line-height: 1.33em; font-weight: normal; text-transform: none; margin: 0px 0px 12px; letter-spacing: 0px; } body.product-page .price { } body.product-page .price .price-wrapper { display: block; } body.product-page .price .price-old-wrapper { color: #8B8B8B; font-size: 14px; line-height: 1.5em; font-weight: 300; text-decoration: line-through; min-height: 1.5em; } body.product-page .price .price-new-wrapper { font-size: 24px; line-height: 1.33em; color: #8B8B8B; font-weight: bold; } body.product-page .price .price-special-wrapper { color: #DF2418; } body.product-page .price .price-tax-wrapper { display: none; } body.product-page .price .price-wrapper span { } body.product-page .price .from { display: none; } body.product-page .price .now { display: none; } body.product-page .price .was { display: none; } body.product-page .price .price-new { } body.product-page .price .price-old { } body.product-page .price .price-tax { } body.product-page .price .inc-vat { display: none; } body.product-page .price .ex-vat { display: none; } body.product-page .price .points { margin-top: 12px; color: #666; font-size: 13px; line-height: 1.5em; } body.product-page .price .points .text { } body.product-page .price .points .cost { color: #1F1F1F; } body.product-page .price .discounts { margin-top: 12px; color: #666; font-size: 13px; line-height: 1.5em; } body.product-page .price .discounts .discount { display: block; } body.product-page .price .discounts .discount .text { } body.product-page .price .discounts .discount .cost { color: #1F1F1F; } .product-page .fulldesc { display: block; float: right; font-weight: bold; font-size: 12px; line-height: 20px; margin-top: 36px; color: #5B8F00; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } #prodinfo .fulldesc { margin-top: 0px; } .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; } #basicinfo { background: #FBFBFB; padding: 18px; margin: 24px 0px; font-size: 12px; line-height: 18px; } #basicinfo .info { } #basicinfo .info + .info { margin-top: 24px; } #basicinfo .info .title { font-size: 12px; line-height: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #1F1F1F; } #basicinfo .info .value { } #basicinfo .info .value ul { list-style: none; margin: 0px; padding: 0px; } #basicinfo .info .value ul li { font: inherit; line-height: inherit; color: inherit; padding-left: 10px; background: url('../image/bullet-green.png') 0px 0.66em no-repeat; } #basicinfo .stock { margin-top: 4px; } #basicinfo .stock:before { display: inline-block; background: center no-repeat; width: 18px; height: 18px; content: ''; vertical-align: text-top; margin-right: 4px; } #basicinfo .stock.in_stock { color: #4CB922; } #basicinfo .stock.in_stock:before { background-image: url('../image/icon-tick-green.png'); } #basicinfo .stock.low_stock { color: #FFC900; } #basicinfo .stock.low_stock:before { background-image: url('../image/icon-exclamation-yellow.png'); } #basicinfo .stock.preorder_stock { color: #FF9933; } #basicinfo .stock.preorder_stock:before { background-image: url('../image/icon-tick-orange.png'); } #basicinfo .stock.no_stock { color: #F00; } #basicinfo .stock.no_stock:before { background-image: url('../image/icon-cross-red.png'); } #basicinfo .stock.no_stock.has_indicator { color: #4CB922; } #basicinfo .stock.no_stock.has_indicator:before { display: none; } #basicinfo .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; text-align: center; } #basicinfo .rating { margin-top: 4px; } #basicinfo .rating .stars { margin-right: 10px; } #basicinfo .rating .review_link { font-weight: 600; color: #5B8F00; } #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_text { display: block; font-weight: 600; } #prodinfo .addto .qty { display: block; float: left; margin-bottom: 12px; } #prodinfo .addto .qty:after { display: block; content: ''; clear: both; } #prodinfo .addto .qty_box { display: block; float: left; width: 50px; height: 48px; text-align: center; font-size: 14px; } #prodinfo .addto .qty button { display: block; float: left; width: 25px; height: 48px; text-align: center; border: 1px solid #DDD; font-size: 18px; line-height: 46px; cursor: pointer; background: none; outline: none; } #prodinfo .addto .qty button.qty_minus { border-right: none; } #prodinfo .addto .qty button.qty_plus { border-left: none; } #prodinfo .addto #button-cart { display: block; float: right; background-color: #5B8F00; border-color: #5B8F00; width: calc(100% - 110px); margin-bottom: 12px; } #prodinfo .addto a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.5em; cursor: pointer; } #prodinfo .addto a.multiitem { display: block; float: right; width: calc(100% - 110px); 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; font-style: italic; max-width: calc(100% - 64px); } #prodinfo .addto .wishlist-compare { display: block; clear: both; text-align: center; margin-top: 12px; } #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_ranges { margin-top: 64px; } #prod_ranges h3 { font-size: 24px; line-height: 1.33em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } #prod_related { margin-top: 64px; } #prod_related h3 { font-size: 24px; line-height: 1.33em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { #subimgs #subimgs_prev, #subimgs #subimgs_next { width: 20px; height: 72px; } #subimgs_outer { width: calc(100% - 58px); } #subimgs_inner { left: -10px; } #subimgs_inner a { display: block; float: left; width: 72px; margin-left: 10px; } } @media (min-width: 768px) and (max-width: 991px) { #subimgs #subimgs_prev, #subimgs #subimgs_next { width: 20px; height: 68px; } #subimgs_outer { width: calc(100% - 52px); } #subimgs_inner { left: -8px; } #subimgs_inner a { display: block; float: left; width: 68px; margin-left: 8px; } #basicinfo .row > div[class*=col-] + div[class*=col-] { margin-top: 24px; } #prodinfo .addto .qty_text { } #prodinfo .addto .qty_box { height: 36px; line-height: 34px; } #prodinfo .addto .qty button { height: 36px; line-height: 34px; } #prodinfo .addto #button-cart { padding: 7px 12px; } #prodinfo .addto a.multiitem { float: none; width: 100%; margin-top: 12px; margin-left: 0px; max-width: 100%; } } @media (max-width: 767px) { #subimgs #subimgs_prev, #subimgs #subimgs_next { display: none; } #subimgs_outer { width: 100%; } #subimgs_inner { width: calc(100% + 8px); left: auto; margin: -4px -4px 0px; } #subimgs_inner a { display: block; float: left; width: calc(25% - 8px); margin: 4px; } .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: 15px; height: 10px; margin-left: 8px; background: url('../image/arrow-fulldesc.png') center no-repeat; content: ''; vertical-align: middle; float: none; } #basicinfo .row > div[class*=col-] + div[class*=col-] { margin-top: 24px; } #prodinfo .addto .qty_text { } #prodinfo .addto .qty_box { height: 36px; line-height: 34px; } #prodinfo .addto .qty button { height: 36px; line-height: 34px; } #prodinfo .addto #button-cart { padding: 7px 12px; } #prodinfo .addto a.multiitem { float: none; width: 100%; margin-top: 12px; margin-left: 0px; max-width: 100%; } #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; letter-spacing: 1px; 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: 0px 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'); } #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; } .clearcart { margin: 8px 0px 24px; } .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; } .common-home .mod_slideshow-wrapper { margin-top: 0px !important; } .common-home .mod_slideshow-wrapper > .container { width: 100% !important; padding: 0px !important; } .mod_slideshow { } .mod_slideshow .owl-carousel { background: none; margin: 0px; border: none; } .mod_slideshow .owl-wrapper-outer { background: none; border: none; z-index: 1; 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 picture { } .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; bottom: 10px; left: 0px; right: 0px; height: auto; z-index: 2; } .mod_slideshow .owl-controls .owl-buttons { margin: 0px; } .mod_slideshow .owl-controls .owl-buttons div { display: block; top: auto; width: 24px; height: 60px; background: url('../image/slideshow-buttons.png') top no-repeat; opacity: 1 !important; } .mod_slideshow .owl-controls .owl-buttons div.owl-prev { left: 0px; background-position: left; } .mod_slideshow .owl-controls .owl-buttons div.owl-next { right: 0px; background-position: right; } .mod_slideshow .owl-controls .owl-buttons div i { display: none; } .mod_slideshow .owl-pagination { top: auto; } @media (max-width: 767px) { .mod_slideshow .owl-controls { position: relative; bottom: auto; left: auto; right: auto; height: auto; } .mod_slideshow .owl-pagination { bottom: auto; } } .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; } .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; letter-spacing: 1px; } .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 { } #content-top .mod_mega_filter { position: relative; margin: -36px 0px 24px; padding: 12px 0px; z-index: 20; border-bottom: 1px solid #DDD; } #content-top .mfilter-box { margin: 0px; text-align: center; } #content-top .box-heading { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 20px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #1F1F1F; margin: 2px 0px 0px; } #content-top .box-content { display: inline-block; vertical-align: middle; } #content-top .box-content ul { display: block; margin: 0px; padding: 0px; list-style: none; } #content-top .box-content ul li { position: relative; display: inline-block !important; vertical-align: middle; border: none; padding: 0px 6px !important; } #content-top .box-content ul li[style*=clear] { display: none !important; } #content-top .box-content ul li + li { border-left: 1px solid #E5E5E5; } #content-top .box-content ul li .mfilter-heading { position: relative; display: block; width: auto; min-width: auto; font-size: 13px; line-height: 20px; z-index: 22; font-weight: normal; color: #1F1F1F; cursor: pointer; border: 1px solid transparent; } #content-top .box-content ul li.open .mfilter-heading { border: 1px solid #E5E5E5; border-bottom-color: #FBFBFB; background: #FBFBFB; padding-bottom: 7px; margin-bottom: -7px; } #content-top .box-content ul li .mfilter-heading-content { display: block; border: none; padding: 0px; background: none; } #content-top .box-content ul li .mfilter-heading-text { display: block; } #content-top .box-content ul li .mfilter-heading-text span { display: block; padding: 0px 12px; } #content-top .box-content ul li .mfilter-heading-text span:after { display: block; float: right; width: 8px; height: 5px; content: ''; transition: transform 0.5s; margin: 8px 0px 0px 5px; background: url('../image/arrow-megafilter-down.png') center no-repeat; } #content-top .box-content ul li .mfilter-head-icon { display: none; } #content-top .box-content ul li .mfilter-content-opts { position: absolute; top: calc(100% + 6px); left: 6px; width: 220px; display: none; z-index: 21; background: #FBFBFB; border: 1px solid #E5E5E5; padding: 12px 12px; } #content-top .box-content ul li.open .mfilter-content-opts { display: block; } #content-top .box-content ul li .mfilter-opts-container { margin: 0px; padding: 0px; text-align: left; } #content-top .box-content ul li .mfilter-content-wrapper { } #content-top .box-content ul li .mfilter-options { padding: 0px; } #content-top .box-content ul li .mfilter-price-inputs, #content-top .box-content ul li .mfilter-slider-inputs { display: block; float: none; } #content-top .box-content ul li .mfilter-price-inputs input { width: calc(50% - 16px); min-width: 0px; max-width: none; } #content-top .box-content ul li .mfilter-price-slider, #content-top .box-content ul li .mfilter-slider-container { display: block; min-width: 0px; float: none; width: 100%; margin: 12px 0px 0px !important; padding: 0px !important; } #content-top .box-content ul li .mfilter-slider-slider, #content-top .box-content ul li #mfilter-price-slider { margin: 0px 14px !important; padding: 0px; } #content-top .box-content ul li .ui-slider-range { } #content-top .box-content ul li .ui-slider-handle { } #content-top .box-content ul li .ui-slider-handle + .ui-slider-handle { } #content-top .box-content ul li .mfilter-options-container { } #content-top .box-content ul li .mfilter-tb { display: table; width: 100%; float: none; margin: 0px; padding: 0px; background: none; } #content-top .box-content ul li .mfilter-tb + .mfilter-tb { margin-top: 6px; } #content-top .box-content ul li .mfilter-tb-as-tr { display: table-row; float: none; margin: 0px; padding: 0px; background: none; } #content-top .box-content ul li .mfilter-tb-as-td { display: table-cell; margin: 0px; padding: 0px; font-size: 12px; line-height: 18px; color: #1F1F1F; white-space: normal; vertical-align: top; } #content-top .box-content ul li .mfilter-tb-as-td + .mfilter-tb-as-td { padding-left: 4px; } #content-top .box-content ul li .mfilter-tb-as-td.mfilter-col-input { width: 13px; } #content-top .box-content ul li .mfilter-tb-as-td.mfilter-col-input input[type=radio], #content-top .box-content ul li .mfilter-tb-as-td.mfilter-col-input input[type=checkbox] { display: block; margin: 3px 0px 0px; padding: 0px; } #content-top .box-content ul li label.mfilter-tb-as-td { width: 99%; } #content-top .box-content ul li .mfilter-tb-as-td.mfilter-col-count { font-size: 12px; line-height: 18px; color: #666; } #content-top .box-content ul li .mfilter-tb-as-td .mfilter-counter { margin: 0px; background: none; font: inherit; line-height: inherit; color: inherit; white-space: nowrap; } @media (max-width: 767px) { #content-top .box-heading { display: block; } #content-top .box-content { display: block; } #content-top .box-content ul { display: block; width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; } #content-top .box-content ul:after { display: block; content: ''; clear: both; } #content-top .box-content ul li { display: block; float: left; width: 50%; border: 1px solid #E5E5E5; border-top: none; border-left: none; padding: 0px !important; } #content-top .box-content ul li + li { border-left: none; } #content-top .box-content ul li .mfilter-heading { border: none; } #content-top .box-content ul li.open .mfilter-heading { border: none; padding-bottom: 1px; margin-bottom: -1px; } #content-top .box-content ul li .mfilter-heading-text span { padding: 6px 12px; } #content-top .box-content ul li .mfilter-content-opts { top: 100%; left: -1px; width: 250px; min-width: calc(100% + 2px); } #content-top .box-content ul li:nth-child(2) .mfilter-content-opts, #content-top .box-content ul li:nth-child(4) .mfilter-content-opts, #content-top .box-content ul li:nth-child(7) .mfilter-content-opts, #content-top .box-content ul li:nth-child(9) .mfilter-content-opts, #content-top .box-content ul li:nth-child(12) .mfilter-content-opts, #content-top .box-content ul li:nth-child(14) .mfilter-content-opts, #content-top .box-content ul li:nth-child(17) .mfilter-content-opts, #content-top .box-content ul li:nth-child(19) .mfilter-content-opts { left: auto !important; right: -1px; } } .mod_prods-wrapper { } .mod_prods-wrapper > h3 { font-size: 24px; line-height: 1.33em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #1F1F1F; } @media (max-width: 767px) { .mod_prods-wrapper .mod_prods .prod_grid { margin-top: 0px; } } .mod_html h2, .mod_featured h3 { text-align: center; font-size: 16px; line-height: 24px; text-transform: uppercase; } .line-behind { display: table !important; white-space: nowrap; overflow: hidden; text-transform: uppercase; } .line-behind:before, .line-behind:after { border-top: 1px solid #E8E8E8; content: ''; display: table-cell; position: relative; top: 0.7em; width: 50%; } .line-behind:before { right: 12px; } .line-behind:after { left: 12px; } @media (max-width: 767px) { .line-behind { display: block !important; white-space: normal; text-align: center; } .line-behind:before, .line-behind:after { display: none; } } 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 .breadcrumb a { } .account-login .well { padding: 48px; } .account-login .well h2 { margin-top: 0px !important; } .account-login .well p { font-size: 14px !important; line-height: 1.5em; } .account-login .well form { margin-top: 32px; } .account-login .well .form-control { height: 48px; } .account-login .well .btn { margin-top: 24px; } .account-login .well .login-btn { margin-top: 28px; margin-bottom: 0px; } .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) { } /* login update */ .account-login .well { background-color: #f5f5f5; } .account-login .well h2 { text-align: center; text-transform: uppercase; font-size: 18px; } .account-login .well a { color: #FFC700; } .account-login h2.loginpage { font-size: 36px; color: #000; border-bottom: 1px solid #e8e8e8; padding-bottom: 40px; margin-bottom: 24px; text-align: center; } .account-login .reg-btn a { color: #fff; } /* Contact update */ .info-page #pagecontent > div:nth-child(even) { background-color: #fff; } .jotform-form .form-all { margin: 0!important; } .contactinfo_last { } .contactinfo_last h2 { text-align: center; } @media (min-width: 1030px) { .imageabout { margin: 50px 0!important; } } .information-information-7 .page_desc_3.page_desc_odd { background: url('../image/contact_map.jpg') center no-repeat; width: 100%; height: auto; min-height: 432px; background-size: 100%; } #modal-agree { z-index: 99999; } .modal-backdrop { z-index: 99998; } #modal-agree .modal-dialog { margin: 80px auto; } .catfeatrange { text-align: center; } #content-top .catfeatrange { margin: 0px 0px 24px !important; } #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; letter-spacing: 1px; 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; letter-spacing: 1px; } .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%; } } body.product-page #column-left { float: none; width: 100%; margin-top: 36px; padding: 0px; } .prodboxes { font-size: 13px; line-height: 18px; color: #1F1F1F; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .prodboxes .row { margin-left: -6px; margin-right: -6px; } .prodboxes .row > div[class*=col-] { padding: 12px 6px 0px; } .prodboxes .row > div[class*=col-]:nth-child(2n - 1) { clear: left; } .prodboxes .wrapper { background: #F5F5F5; padding: 18px; } .prodboxes .wrapper strong { display: block; } .prodboxes .wrapper img { display: block; max-width: 100%; height: auto !important; margin: 0px auto; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { .prodboxes { font-size: 12px; line-height: 1.5em; letter-spacing: 0px; } .prodboxes .wrapper { padding: 12px 10px; min-height: 60px; } .prodboxes .wrapper img { margin-top: 4px; } } @media (max-width: 767px) { } .iSearchBoxWrapper { z-index: 81000; } .iSearchBoxWrapper .iSearchBox { width: 400px !important; border: 1px solid #DDD; margin: 0px; top: calc(100% - 1px); text-align: left; } .iSearchBoxWrapper .iSearchBox ul { margin: 0px; padding: 0px; list-style: none; } .iSearchBoxWrapper .iSearchBox ul li { margin: 0px; padding: 0px; } .iSearchBoxWrapper .iSearchBox ul li + li { margin-top: 3px; padding-top: 3px; border-top: 1px solid #EEE; } .iSearchBoxWrapper .iSearchBox ul li.iSearchHeading { } .iSearchBoxWrapper .iSearchBox ul.isearchSuggestions { margin-bottom: 20px; } .iSearchBoxWrapper .iSearchBox ul.isearchSuggestions li { } .iSearchBoxWrapper .iSearchBox ul.isearchProducts { } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem { display: table; width: 100%; min-height: 0px; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem > div { display: table-cell; vertical-align: top; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem > div.iSearchImage { padding-right: 10px; width: 70px; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem > div.iSearchImage img { margin: 0px; padding: 0px; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem > div.iSearchProduct { } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem h3 { font-size: 14px; line-height: 1.5em; color: #1F1F1F; text-transform: none; font-weight: normal; letter-spacing: 0px; width: auto; margin: 0px; padding: 0px; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem h3 .iSearchModel { display: none; font-size: 11px; line-height: 1.5em; color: #666; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem > div.iSearchPrice { font-size: 12px; line-height: 1.5em; text-align: right; padding: 0px 0px 0px 10px; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem .iSearchPrice .specialPrice { font-weight: normal; } .iSearchBoxWrapper .iSearchBox ul li .iSearchItem .iSearchPrice .iSearchSpecial { font-size: 14px; margin-top: 3px; } .iSearchBoxWrapper .iSearchBox ul li.iSearchViewAllResults { height: auto; padding: 8px 0px 0px; } header .iSearchBoxWrapper .iSearchBox { } #stickymenu .iSearchBoxWrapper .iSearchBox { right: 0px; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { header .iSearchBoxWrapper .iSearchBox { left: -100px; } #stickymenu .iSearchBoxWrapper .iSearchBox { right: 0px; } } @media (max-width: 767px) { }