/* --------------------------------------------------------------------------------- AUSSIE HEALTH PRODUCTS Master Stylesheet Author: © Pixel House / PC Software Solutions Pty Ltd --------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; font-family: 'Source Sans Pro', arial, sans-serif; background: #fafaf9; } body.white-bg { background: #fff; } h1, h2, h3, h4, h5, h6, .h1-title { margin: 0 0 0.5em 0; color: #32302b; } h1, .h1-title { font-size: 2.1em; margin: 0 0 0.8em 0; font-weight: bold; } h1 span { color: #998e79; font-weight: 300; } h2 { font-size: 1.1em; font-weight: normal; line-height: 1.1em; } h2 a { color: #736b5c; text-decoration: none; } h3 { font-size: 1.1em; margin: 0; line-height: 1.4em; color: #757067; } h4 { font-size: 1.0em; text-transform: uppercase; margin: 0 0 5px 0; } h5 { font-size: 0.7em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; color: #bc0000; } a { color: #bc0000; } p, ul li, ol li, table td, table th { color: #76746f; font-size: 0.95em; line-height: 1.4em; } p { margin: 0 0 1.3em 0; } p a, ul li a, ol li a, table td a { color: #7b756a; } p a:hover, ul li a:hover, ol li a:hover, table td a:hover { color: #bc0000; } ul, ol { margin: 0 0 1.4em 0; padding: 0 0 0 20px; } a img { border: none; } hr { display: none; } fieldset { margin: 0; padding: 0; border: none; } fieldset input { } input { font-family: 'Source Sans Pro', arial, sans-serif; } table { border-collapse: collapse; } h2.lg { font-size: 27px; font-weight: bold; line-height: 1.3em; margin: 0 0 19px 0; } p.lg { font-size: 17px; } #heading p, #heading .desc-expand span, #heading .desc-contract span, #product-benefits p, #product-benefits li, #australian-made li, #related-articles h4 a, #payment-options-wrap ul li, #prod-list .label-sale, #brand-about p { font-family: 'Asap','Source Sans Pro', arial, sans-serif; } #container-wrap, #footer-wrap, #footer-callout-wrap, #footersub-wrap { float: left; width: 100%; min-width: 980px; } #header, #container, #heading, #footer, #brand-feature, #footersub, #home-banners, #brand-about, #faq-section { width: 980px; margin: 0 auto; position: relative; z-index: 100; } #header { z-index: 200; } /* fixes dropdowns in Chrome */ .left { float: left; } .right { float: right; } .bold { font-weight: bold; } .bg-white { background-color: #fff; } .bg-grey { background-color: #fafaf9; } .bg-light-green { background-color: #e6f3f0; } .btm-border { border-bottom: solid 1px #e4e4e4; } .total-wrap { float: left; width: 90%; padding: 0 5%; } .total-wrap-container { margin: 0 auto; } /* --------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------- */ #header-wrap { float: left; width: 100%; background: #077368; position: relative; z-index: 999; } #header-center { float: right; width: 720px; height: 84px; margin-right: 2px; } #404-callout { float: left; width: 90%; padding: 10px 5%; background: #d04040; color: #fff; text-align: center; font-size: 15px; } #search-products { float: right; /* background: url(../images/transparent-20.png) repeat 0px 0px; padding: 4px; */ margin: 0 0 17px 0; position: absolute; top: 20px; left: 240px; -moz-border-radius: 2px; border-radius: 2px; z-index: 999; } #search-products p { position: relative; margin: 0; z-index: 999; } #search-products label { position: absolute; color: #919191; top: 11px; left: 20px; font-size: 15px; z-index: 1000; cursor: text; } #search-products #searchfield { float: left; width: 400px; font-size: 15px; border: none; /* padding: 11px 10px 11px 20px; */ background: #fff; color: #656565; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #search-products #searchfield { /* existing: float, width, font-size, border, padding, bg, colour, radius */ box-sizing: border-box; /* ensure height includes padding */ height: 42px; /* match button total height (24 + 9 + 9) */ line-height: 42px; /* avoid baseline drift on iPad */ -webkit-appearance: none; /* prevent iOS tweaks to form control metrics */ padding-left: 20px; padding-right: 20px; } #search-products .search-btn { float: left; background: #fff; width: 24px; height: 24px; padding: 9px 12px; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #search-products input[type="search"]:focus, #searchfield:focus { outline: none; box-shadow: none; } #print-logo { display: none; } #logo { float: left; margin: 16px 0 15px 2px; position: absolute; top: 0; left: 0; } #logo a { width: 190px; height: 63px; display: block; background: url(../png/logo.png) no-repeat 0 0; background-size: 190px auto; } #logo a span { display: none; } #top-links { float: left; width: 100%; padding: 0px; height: 30px; } #top-links p { color: #91c7ec; font-size: 13px; margin: 0 0 0 2px; padding-top: 6px; font-weight: 300; } #top-links p a { color: #91c7ec; text-decoration: none; } #top-links p a:hover { text-decoration: underline; } #top-links .giveaway { color: #ac3636; background: url(../gif/icon-star.gif) no-repeat 0 center; padding-left: 24px; } #top-links #callout { position: absolute; width: 500px; left: 50%; top: 10px; margin-left: -200px; text-align: center; color: #cb2020; font-size: 0.90em; } #top-links #callout .coupon { border: solid 1px #cb2020; padding: 3px 5px; } #top-links #callout span { font-weight: bold; } #top-links ul, #head-links ul { margin: 0; padding: 6px 0 0 0; } #top-links ul li, #head-links ul li { float: left; list-style-type: none; font-size: 13px; padding: 0 0 0 12px; color: #fff; font-weight: 300; } #top-links ul li a, #head-links ul li a { color: #91c7ec; text-decoration: none; } #top-links ul li a:hover, #head-links ul li a:hover { text-decoration: underline; } #top-links .bold span, #head-links .bold span { font-size: 1.3em; } #top-links .divider, #head-links .divider { border-left: solid 1px #4a83ac; margin-left: 10px; padding-left: 9px; } #top-links .prmlink a, #head-links .prmlink a { color: #9fd0f1; } #top-links .welcome, #head-links .welcome { color: #000; } #free-ship { position: absolute; top: 49px; left: 685px; } #free-ship span { color: #91c7ec; font-size: 13px; float: left; width: 100%; } #free-ship span span { font-size: 15px; font-style: normal; color: #fff; text-transform: uppercase; font-weight: bold; } #head-links { padding-top: 12px; margin-bottom: 36px!important; } #head-links .phone { font-weight: bold; padding-left: 15px; color: #9fd0f1; font-size: 17px; margin-top: -2px; } #top-links #range-refine { width: 640px; float: right; background: url(../gif/refine-our-range.gif) no-repeat 0 2px; } #top-links #range-refine li { float: right; padding: 0!important; margin: 0; } #top-links #range-refine li a { float: left; color: #656565; font-size: 15px; font-weight: 600; padding: 10px 16px 0 16px; height: 27px; border-right: solid 1px #dcdcdc; } #top-links #range-refine li a:hover { background: #ececec; text-decoration: none; color: #000; } #top-links #range-org { border-left: solid 1px #dcdcdc; } #top-links #phn { float: left; padding: 0 0 0 16px; color: #77bb22; } #top-links #phn span { font-weight: bold; } #top-links #phn a { text-decoration: none; color: #77bb22; pointer-events: none; } #nav-wrap { float: left; width: 100%; background: #fff; border-bottom: solid 1px #e0e1dc; position: relative; z-index: 990; } #navigation { margin: 0 auto; width: 980px; } #navigation ul { margin: 0; padding: 0; float: left; position: relative; } #navigation ul.right { float: right; } #navigation ul li { font-size: 16px; list-style-type: none; float: left; z-index: 900; } #navigation ul li a { float: left; padding: 13px 17px 0 17px; height: 35px; margin-bottom: -1px; color: #32302b; text-decoration: none; font-weight: 700; } #navigation ul li:hover a, #navigation ul li a:hover { /* background: url(../images/nav-bg-active.gif) repeat-x center bottom #789d2f; */ color: #077368; } #navigation ul #n01 { margin-left: -19px; } .ui-autocomplete { z-index: 999!important; } #header-right { float: right; } #header-right #h-account { float: left; margin: 0; padding: 29px 0 0 0; } #header-right #h-account li { float: left; font-size: 17px; color: #fff; padding: 0px 15px; list-style-type: none; } #header-right #h-account li a { color: #fff; text-decoration: none; } #header-right #h-account li a:hover { text-decoration: underline; } #header-right #h-account li:first-child { } #header-right #h-account li:nth-child(2) { border-left: solid 1px #529d96; font-weight: bold; } #header-right #h-profile { position: relative; z-index: 99999!important; } #header-right #h-profile #expandMyProfile { background: url(../png/icon-arrow-down-white.png) no-repeat right center; background-size: auto 8px; padding-right: 25px; cursor: pointer; cursor: hand; } #header-right #h-profile #expandMyProfile.mp-expand { background: url(../png/icon-arrow-up-white.png) no-repeat right center; background-size: auto 8px; } #header-right #h-profile #expandMyProfile.mp-contract { background: url(../png/icon-arrow-down-white.png) no-repeat right center; background-size: auto 8px; } #myprofile-wrap { display: none; float: left; width: 100%; background: #E6F3F0; } #myprofile { width: 920px; margin: 0 auto; } #myprofile ul { float: right; padding: 0; margin: 0; } #myprofile ul li { float: left; padding: 15px 10px; margin: 0; list-style-type: none; color: #077368; } #myprofile ul li a { float: left; padding: 5px 10px; color: #077368; border: solid 1px #9FC9C5; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; } #myprofile ul li a:hover { background-color: #fff; } #myprofile ul li .bold { float: left; padding: 6px 0; } #h-cart { float: left; width: 72px; padding: 10px 0 0 0; } #h-cart a { float: left; position: relative; padding: 7px 0px 10px 0; text-align: center; transition: transform 0.3s ease; } #h-bag { height: 30px; width: auto; transition: transform 0.3s ease; } #h-bag-num { position: absolute; min-width: 19px; padding: 3px 2px 3px 3px; font-size: 13px; font-weight: bold; text-align: center; top: 0; right: 0; background: #9fce55; color: #077368; -moz-border-radius: 50%; border-radius: 50%; } #h-cart a:hover #h-bag { /* transform: scale(1.1); */} #h-bag-value { float: left; width: 72px; clear: both; padding-top: 3px; color: #fff; text-decoration: none; text-align: center; font-size: 13px; } #h-cart a:hover { background-color: #084942; -moz-border-radius: 50%; border-radius: 50%;} .promo-bar { float: left; width: 100%; position: relative; font-size: 17px; background: #77bb22; padding: 10px 0; color: #e7f6df; text-align: center; } .promo-bar.grey { background: #FAFAF9; color: #787671; border-bottom: solid 1px #E0E1DC; } .promo-bar a { color: #e7f6df; text-decoration: none; } .promo-bar span { font-weight: bold; color: #fff; } .promo-bar .close { position: absolute; right: 20px; top: 6px; float: right; padding: 2px 8px 4px 8px; line-height: 20px; font-weight: bold; color: #fff; font-size: 20px; border: solid 1px #cee4c2; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; cursor: hand; } .promo-bar .close:hover { background: #fff; color: #77bb22; } .promo-bar.grey .close { border: solid 1px #ccc; color: #787671; } .promo-bar .coupon { border: dotted 2px #fff; color: #fff!important; padding: 3px 10px; margin: 0 4px; font-weight: bold; } .promo-bar a.coupon { color: #fff!important; } .hide-promo-bar .promo-bar, .hide-promo-bar #coupon-footer { display: none; } .ship-promo { width: 68%; padding: 30px 16% 20px 16%; background: #f0f5fa; border: dotted 3px #ccc; text-align: center; margin: 0 0 30px 0; } .ship-promo h2 { line-height: 35px; color: #0e6fbc; margin: 0 0 30px 0; } .ship-promo h2 span { font-weight: bold; font-size: 22px; background: #0e6fbc; color: #fff; padding: 5px 10px; } .ap-header { width: 420px; margin: 0 auto; } .ap-logo { float: left; } .ap-txt { float: right; } /*-- Dropdowns --*/ /* #navigation li:hover div, #header #navigation li.over div { display: block; } */ #nav-wrap #navigation li div { margin: 0px; padding: 0; z-index: 900; } #nav-wrap #navigation li ul { margin: 0; padding: 0 15px 24px 0; float: left; width: 100%; box-sizing: border-box; } #nav-wrap #navigation li ul li { text-transform: none; font-size: 14px; padding: 2px 0; clear: both; width: 100%; } #nav-wrap #navigation li ul li a { background: none; text-decoration: none; padding: 0; height: auto; font-weight: normal; color: #636363; } #nav-wrap #navigation li ul li a::first-letter { text-transform: uppercase; } #nav-wrap #navigation li ul li a:hover { text-decoration: underline; } #nav-wrap #navigation li ul li.odd { border-right: 1px solid #201e1f; } #navigation ul .colour2 { color: #077368!important; } #navigation .adjust { display: none; } #nav-wrap #navigation a.more { color: #077368; } .subuls { display: none; position: absolute; top: 44px; left: 0; z-index: 999; } #nav-wrap #navigation .dropdown { float: left; background: #fff; width: 920px; background: #fafaf9; margin-top: 1px; } #nav-wrap #navigation .dropdown-left { float: left; width: 75%; padding: 30px 20px 20px 40px; box-sizing: border-box; background: #fff; border-right: solid 1px #e5e5e5; } #nav-wrap #navigation .dropdown-right { float: left; width: 24%; padding: 30px 0 20px 40px; box-sizing: border-box; background: #fafaf9; } #nav-wrap #navigation .cat-heading, #nav-wrap #navigation a.cat-heading { color: #212020; font-weight: bold; } #nav-wrap #navigation .section { float: left; width: 25%; } #nav-wrap #navigation .noheading { padding-top: 25px; } /* --- Adjustments for 'Food' Dropdown ---*/ #nav-wrap #n01 .section { width: 20%; } /* --- Adjustments for 'Drinks' Dropdown ---*/ #navigation #sub-n02 .section:nth-child(1) { width: 26%; } #navigation #sub-n02 .section:nth-child(2) { width: 28%; } #navigation #sub-n02 .section:nth-child(3) { width: 20%; } #navigation #sub-n02 .section:nth-child(4) { width: 26%; padding-top: 25px; } /* --- Adjustments for 'Sports Nutrition' Dropdown ---*/ #nav-wrap #n04 .section { width: 33%; } #nav-wrap #n04 .section:nth-child(2) ul, #nav-wrap #n04 .section:nth-child(3) ul { padding-left: 0; } /* --- Adjustments for 'Baby & Kids' Dropdown ---*/ #nav-wrap #n06 .section { width: 25%; } /* --- Adjustments for 'Eco Living' Dropdown ---*/ #nav-wrap #n07 .section { } /* --- Adjustments for 'Diet' Dropdown ---*/ #nav-wrap #n14 .dropdown-left { width: 100%; } #nav-wrap #n14 .section { width: 19%; padding-left: 1%; } #nav-wrap #n14 .section .cat-heading { font-size: 19px; margin: 0 0 10px 0; } #nav-wrap #n14 .section .cat-heading { float: left; width: 90%; background-color: #F3F1EC; padding: 15px 0 15px 15px!important; margin-left: -15px!important; -moz-border-radius: 6px; border-radius: 6px; } #nav-wrap .section .icon-gf { background: url(../gif/icon-diet-gf.gif) no-repeat 96% center #F3F1EC!important; background-size: 40px auto!important; } #nav-wrap .section .icon-vegan { background: url(../gif/icon-diet-vegan.gif) no-repeat 98% center #F3F1EC!important; background-size: 52px auto!important; } #nav-wrap .section .icon-keto { background: url(../gif/icon-diet-keto.gif) no-repeat 94% center #F3F1EC!important; background-size: 60px auto!important; } #nav-wrap .section .icon-lowcarb { background: url(../gif/icon-diet-lowcarb.gif) no-repeat 94% center #F3F1EC!important; background-size: 60px auto!important; } #nav-wrap .section .icon-organic { background: url(../gif/icon-diet-organic.gif) no-repeat 95% center #F3F1EC!important; background-size: 44px auto!important; } #nav-wrap #n15 { position: relative; } #nav-wrap #sub-n15 { width: 150px!important; right: 0px; left: auto; } #nav-wrap #sub-n15 .dropdown-left { width: 100%; padding: 20px 20px 0 20px; } #nav-wrap #sub-n15 .section { width: 100%; } #nav-wrap #sub-n15 ul li a { } #nav-wrap #sub-n15 .section ul { padding-right: 0; } #nav-wrap #sub-n15 .section ul li { margin: 0 0 5px 0; } #nav-wrap #sub-n15 .section ul li a { float: left; width: 100%; text-indent: 20px; background: #F3F1EC; padding: 10px 0!important; -moz-border-radius: 6px; border-radius: 6px; } /*---------------*/ #your-cart { float: right; clear: both; margin-top: 19px} #your-cart div { margin: 0; color: #ccddee; font-size: 0.8em; float: left; line-height: 1.3em; } #your-cart div a { color: #fff; font-weight: bold; text-decoration: none; } #your-cart div a:hover { text-decoration: underline; } #your-cart .your-cart-heading { float: left; font-size: 15px; font-weight: 900; } #your-cart .left { padding: 2px 10px 0 0; display: none; } #your-cart .your-cart-contains { float: left; clear: left; white-space: nowrap; } #your-cart .your-cart-price { float: left; background: url(../png/icon-trolley.png) no-repeat 16px 11px #3f89da; padding: 9px 20px 9px 46px; font-size: 1.6em; -moz-border-radius: 30px; border-radius: 30px; color: #fff; } #your-cart .your-cart-price a { font-weight: 300; } #your-cart .sm { font-size: 0.8em; } /* --------------------------------------------------------------------------------- CONTAINER - SIDEBAR --------------------------------------------------------------------------------- */ #sidebar { float: left; width: 240px; overflow-x: hidden; padding: 0 0 100px 0; min-height: 365px; } #sidebar a { text-decoration: none; } #sidebar #categories, #sidebar .paddbox { float: left; width: 220px; padding: 30px 20px 20px 0px; } #sidebar #categories { padding-top: 10px; } #sidebar .paddbox2 { float: left; width: 200px; padding: 0 20px 20px 20px; } #sidebar #categories .lower { text-transform: none; } #sidebar #categories ul { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; } #sidebar #categories ul li { float: left; width: 93%; list-style-type: none; color: #c4bfb6; line-height: 1.4em; padding-left: 7%; } #sidebar #categories ul li span { color: #cdc8bf; } #sidebar #categories ul li a { color: #807b72; } #sidebar #categories ul li a span { color: #b6b6b6; } #sidebar #categories ul li a:hover, #sidebar #categories a:hover span { color: #bc0000; text-decoration: underline; } #sidebar #categories .underline { border-bottom: dashed 1px #c2c2c1; padding-bottom: 20px; } #sidebar #categories .active { background: url(../png/sidebar-cats-arrow.png) no-repeat 0 6px; background-size: 11px auto; } #sidebar #categories .active a, #sidebar #categories .active a:hover { color: #077368; text-decoration: none; font-weight: bold; } #sidebar #categories .active a:hover span { text-decoration: none; } #sidebar #categories .active a span { color: #31b085; font-weight: normal; } #sidebar #categories .null { text-decoration:line-through; } #sidebar #testimonials { float: left; width: 200px; padding: 0 20px 0 20px; text-align: center; } #sidebar #testimonials blockquote { margin: 0; padding: 0; font-size: 13px; line-height: 19px; color: #a29684; margin: 0 0 5px 0; font-style: italic; font-family: arial; } #sidebar #testimonials .testimonie { float: left; width: 100%; color: #736b5c; font-size: 13px; margin: 0 0 10px 0; font-style: normal; font-weight: bold; } #sidebar .brand-thumb { float: left; width: 100%; margin: 0 0 30px 0; } #sidebar .brand-thumb img { max-width: 100%; height: auto; } /* --------------------------------------------------------------------------------- CONTAINER - RIGHT --------------------------------------------------------------------------------- */ #container-shadow { float: left; width: 100%; } #container-bg { float: left; width: 100%; padding-bottom: 30px; } #right { float: right; width: 740px; } #content { float: left; width: 100%; margin: 0 0 30px 0; } #content-banner { float: left; width: 100%; } #content-banner img { width: 100%!important; } #full-width #content { width: 100%; } #full-width #container-bg { } #heading-wrap { float: left; width: 100%; background: #f3f1ec; text-align: center; padding: 0 0 20px 0; } #heading { margin: 0 auto; position: relative; padding: 0; } #heading-wrap h1, #heading-wrap .h1-title { float: left; width: 100%; margin: -5px 0 10px 0; font-size: 50px; font-weight: bold; } #heading h1 .fn { color: #32302b; } #heading .left { } #heading p { float: left; width: 76%; color: #737373; font-style: italic; padding: 0 12%; margin: 0 0 15px 0; } #heading-wrap #heading h1 { margin-top: -40px; } #heading-wrap #heading h1 span { float: left; width: 100%; font-size: 24px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; } #heading-wrap #heading h1 .top { margin: 5px 0 -5px 0; } #heading-wrap .special-offer strong { color: #168c00; } #heading p img { max-width: 100%; } #heading #refines { float: right; } #heading #refines p { float: left; margin: -5px 0 0 10px; } #heading #refines label { float: left; font-size: 0.9em; text-transform: uppercase; padding: 0 0 2px 0; } #heading #refines select { float: left; clear: both; background: #ebebeb; border: solid 1px #b9b9b9; } #heading #label { float: right; right: 2%; top: 42px; position: absolute; font-size: 1.65em; letter-spacing: -0.02em; margin: 0; font-weight: normal; } #heading .gf { color: #aa852d; background: url(../gif/icon-gf.gif) no-repeat right 5px; padding-right: 26px; } #heading .org { color: #509a4b; background: url(../gif/icon-org.gif) no-repeat right 5px; padding: 0 26px 0 2px; } #heading .brand-thumb { float: left; width: 100%; text-align: center; margin: -20px 0 60px 0; } #heading .brand-thumb img { max-width: 100%!important; max-height: 50px; } #heading .prod-unavailable { float: left; width: 80%; padding: 20px 10% 5px 10%; text-align: center; } #heading .prod-unavailable .prod-thumb { width: 122px; margin: 0 auto; clear: both; } #heading .prod-unavailable .prod-thumb span { float: left; width: 80px; height: 80px; padding: 20px; background: #fff; border: solid 1px #E0E1DC; margin: 0 0 20px 0; -moz-border-radius: 50%; border-radius: 50%; } #heading .prod-unavailable .prod-thumb img { height: 80px; } #heading .prod-unavailable .more { float: left; width: 100%; color: #737373; font-style: italic; } #heading .prod-unavailable h2 { float: left; width: 100%; font-weight: bold; } #sortbar { float: left; width: 100%; padding: 15px 0; border-bottom: dashed 1px #c2c2c1; margin: 0 0 20px 0; } #sort-options { float: right; } #sort-options .label { float: left; font-weight: 700; padding-top: 7px; } #sort-options .drop { border: solid 1px #d8cab1; background: url(../gif/sort-drop-bg.gif) no-repeat right center; -moz-border-radius: 5px; border-radius: 5px; clear: both; } #sort-options .left { margin-left: 20px; } .selectwrap { float: left; overflow-x: hidden; -moz-border-radius: 5px; border-radius: 5px; background: url(../gif/sort-drop-bg-v2.gif) no-repeat right center #fff; border: solid 1px #e2e2e2; padding: 8px 0px 8px 8px; } .selectwrap select { background: none; border: none; box-shadow: none; line-height: 22px; position: relative; text-align: left; text-decoration: none; text-indent: 1px; text-overflow: ""; font-size: 14px!important; -moz-border-radius: 5px; border-radius: 5px; color: #787878; width: 130%!important; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding-right: 50px; outline: none; } #sortbar .selectwrap, #heading .selectwrap { margin-left: 15px; } #sortbar select::-ms-expand { display:none; width: 80%!important; background: #fff; } #sidebar .selectwrap { width: 75%; margin-right: 25%; } #show-title { float: left; padding: 8px 0 0 0; font-style: italic; color: #b6b6b6; line-height: 1.35em; } #show-title span span { font-weight: normal; } #breadcrumbs-wrap { float: left; width: 100%; padding: 0; } #breadcrumbs { float: left; width: 100%; margin: 15px 0 30px 0; padding: 0; position: relative; z-index: 100; } #breadcrumbs li { float: left; padding-right: 4px; list-style-type: none; font-size: 0.8em; color: #a2a2a2; font-style: italic; } #breadcrumbs li a { float: left; color: #a2a2a2; text-decoration: none; background: url(../png/breadcrumb-divider.png) no-repeat right center; padding-right: 8px; } #breadcrumbs li a:hover { color: #000; text-decoration: underline; } .hproduct #breadcrumbs { margin-bottom: 0; } #heading .desc-expand, #heading .desc-contract { float: left; width: 100%; margin: -45px 0 10px 0; padding: 40px 0 0 0; font-style: italic; font-size: 0.95em; } #heading .desc-expand { background: url(../png/bg-expand-gradient.png) repeat-x 0 0; } #heading .desc-contract { display: none; } #heading .desc-expand span, #heading .desc-contract span { color: #999; text-decoration: underline; cursor: hand; cursor: pointer; } #heading .description-expanded { display: none; float: left; width: 100%; margin-top: 15px; padding: 30px 0 0 0; text-align: left; border-top: dotted 2px #ccc; } #heading .description-expanded p { width: 100%; padding: 0; margin: 0 0 1.4em 0; } #heading .description-expanded h3 { font-weight: normal; font-size: 15px; color: #077368; } #heading .description-expanded h3 a { color: #077368; } #heading .description-expanded blockquote { float: left; width: 90%; margin: 0 0 30px 0; color: #767676; padding: 20px 5% 20px 5%; background: #fff; border-left: solid 8px #07488F; font-style: italic; } #heading .description-expanded blockquote a { font-weight: bold; font-style: normal; } #heading .description-expanded ul { float: left; width: 97%; padding: 0; margin: 0 0 1.0em 3%; } #heading .description-expanded ul li { float: left; width: 100%; padding: 2px 0; } #heading .description-expanded ul li strong { color: #32302B; } #content fieldset { margin: 30px 0 20px 0; } #content fieldset label { float: left; width: 150px; padding-top: 5px; color: #000; font-weight: bold; } #content fieldset legend { font-size: 1.0em; font-weight: bold; color: #32302b; margin-bottom: 15px; } #content fieldset legend span { color: #cf0b0c; } #content fieldset input[type=text], #content fieldset select, #content fieldset input[type=password] { border: solid 1px #ccc; color: #515151; padding: 5px; font-size: 15px; -moz-border-radius: 3px; border-radius: 3px; } #content fieldset input[type=text]:focus, #content fieldset input[type=password]:focus, #content fieldset select:focus { color: #000; border: solid 1px #b9944b; background: #fffae2; } #content fieldset p { margin: 0 0 8px 0; } #content fieldset .optional { color: #cf0b0c; font-size: 0.9em; } #content fieldset .field { border: solid 1px #7f9db9; } #content fieldset .fieldW1 { width: 350px; border: solid 1px #7f9db9; } #content fieldset .fieldW2 { width: 300px; border: solid 1px #7f9db9; } #content fieldset .fieldW3 { width: 200px; border: solid 1px #7f9db9; } #content fieldset .fieldW4 { width: 138px; border: solid 1px #7f9db9; } #content fieldset .fieldW5 { width: 100px; border: solid 1px #7f9db9; } #content fieldset .fieldW6 { width: 85px; border: solid 1px #7f9db9; } #content fieldset .fieldW7 { width: 73px; border: solid 1px #7f9db9; } #content .img-right { float: right; margin: 0 0 0 50px; } #content .right-margin { float: right; margin: 0 0 0 30px; } #content .news { float: left; width: 100%; border-bottom: dashed 1px #ccc; margin-bottom: 20px; } #buy-box { width: 50%; float: right; padding: 10px 0 20px 0; } #product-text { float: left; width: 100%; background: url(../png/bg-desc-continue.png) repeat-y center 0 #f5f1eb; padding: 0; margin-top: -1px; margin-bottom: 30px; } #product-photo { /* border: solid 1px #e0e1dc; background: #fff; */ margin: 0; width: 49.8%; float: left; text-align: center; position: relative; } #product-border { float: left; width: 100%; display: inline; padding: 15px 0; min-height: 350px; text-align: center; } #product-photo .image, #product-border img { max-width: 380px; max-height: 430px; } #productbox-arrow { float: left; display: block; position: absolute; top: 104px; left: 361px; background: url(../gif/arrow-productbox.gif) no-repeat 0 0; width: 10px; height: 15px; } #product-border.extra-top-margin { padding-top: 70px; } /* #product-thumbs .thumbnails { float: left; margin: 0 0 20px 0; padding: 0 5%; width: 90%; } #product-thumbs .thumbnails img { height: 90px; max-width: 100%; padding: 10px 15px; margin: 0 5px; border: solid 1px #fff; cursor: pointer; cursor: hand; } #product-thumbs .thumbnails img:hover { } #product-thumbs .thumbnails img.selected { border: solid 1px #ccc; } */ #product-thumbs .thumbnails { float: left; margin: 0 0 20px 0; padding: 0 5%; width: 90%; } #product-thumbs .thumbnails li { display: inline; text-align: center; cursor: pointer; cursor: hand; margin: 0 2px; } #product-thumbs .thumbnails img { border: solid 1px #fff; max-width: 120px; max-height: 80px; padding: 10px; } #product-thumbs .thumbnails li.selected img { border: solid 1px #ccc; } #related-articles { float: left; width: 100%; padding: 30px 0 0 0; border-top: dotted 2px #ccc; margin-top: 30px; } #related-articles h3 { float: left; width: 100%; color: #fff!important; background: #077368; padding: 10px 0; text-transform: uppercase; } #product-text .article { float: left; width: 90%; padding: 25px 5%; background: #f5f1eb; margin: 0 0 2px 0; } #product-text .article .thumb { float: left; width: 30%; margin: 0; } #product-text .article .thumb img { width: 100%; } #product-text .article h4, #product-text .article p { float: right; width: 65%; text-align: left; margin: 0!important; padding: 0!important; } #product-text .article h4 { margin: -25px 0 5px 0!important; font-style: italic; } #product-text .article h4 a { text-transform: none; text-decoration: none; font-weight: normal; } #buy-box .price-div { float: left; width: 100%; font-size: 2.2em; color: #cd0b0a; line-height: 0.8em; letter-spacing: 0.01em; margin: 25px 0 20px 0; display: block; width: 100%; font-weight: 600; } #buy-box .price-div .was { color: #1a4681; padding-left: 5px; font-size: 0.8em; float: left; width: 100%; margin: 0 0 10px 0; } #buy-box .was span { float: left; } #buy-box .was-text { margin-top: -2px; padding: 0 7px 0 0; font-size: 0.65em; text-transform: uppercase; } #buy-box .price-div .sm, #buy-box .price-div sup { font-size: 0.60em; margin-top: -4px; } #buy-box .price-div .was span, #buy-box .price-div sup { float: left; } #buy-box .price-show span { float: left; } #buy-box .word-now { padding-right: 10px; font-size: 0.8em; padding-top: 2px; } #buy-box .price, #buy-box .price-show { float: left; width: 100%; margin: 0 0 2px 0; } #buy-box p img { max-width: 520px; } #buy-box .new { color: #4dac00; font-weight: bold; text-transform: uppercase; font-size: 21px; } #buy-box #add-to-cart-wrap { float: left; width: 100%; margin: 15px 0 15px -13px; background: url(../png/buybox-arrow.png) no-repeat 0 40px; padding-left: 13px; } #buy-box #add-to-cart { float: left; width: 100%; margin: 0; padding: 28px 0px; background: #f0ebe2; } #buy-box #add-to-cart label { float: left; width: auto; font-weight: bold; padding: 5px 15px 0 5px; } #buy-box #add-to-cart #quantity { background: #fff; border: solid 1px #fff; text-align: center; width: 50px; font-size: 20px; padding: 7px; float: left; margin-right: 12px; color: #b8b8b8; font-weight: bold; margin-left: 28px; } #buy-box #add-to-cart #quantity:focus { color: #000; } #buy-box #add-to-cart-wrap .number-in-cart { width: 100%; float: left; margin: 0; clear: both; padding: 8px 0; background: #2F9B90; text-align: center; color: #fff; font-style: italic; font-size: 17px; } #buy-box #add-to-cart-wrap .number-in-cart a { font-weight: bold; color: #fff; } #buy-box #add-to-cart-wrap .number-in-cart a span { color: #fff; text-decoration: none; } #buy-box #add-to-cart-wrap select { float: left; padding: 10px; margin: 0 12px 0 0; width: 160px; border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px!important; } #buy-box #add-to-cart-wrap .number-in-cart span { font-weight: bold; color: #000; } #buy-box #add-to-cart-wrap.select-size #add-to-cart { width: 370px; } #buy-box #add-to-cart-wrap.select-size .number-in-cart { width: 382px; } #buy-box #add-to-cart-wrap select .select-outofstock { background: #fcc6c6; color: #9c1616; } #product-text h2 { padding-top: 10px; } #product-text h2 a { color: #cd0b0a; } #product-text .description h3 { color: #32302b; font-weight: normal; margin: 0 0 0.6em 0; } #buy-box .rrp { font-size: 14px; margin: 0; font-weight: normal; color: #b6b6b6; } #buy-box .rrp .sm { font-size: 14px; } #buy-box .on-special { font-size: 17px; text-transform: uppercase; } #product-text .brand { font-size: 22px; font-weight: normal; padding-top: 3px; } #product-text .no-margin { margin-bottom: 0!important; } #product-text .description { float: right; width: 42%; padding: 30px 4% 15px 4%; background: #f5f1eb; } /* DISABLE COPYING #product-text .description p { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } */ #buy-box .product-links { float: left; width: 140px; padding-left: 12px; font-size: 15px; } #buy-box .product-links a { color: #828282; line-height: 22px; white-space: nowrap; } #buy-box .product-links a:hover { color: #c80a08; } #buy-box .special-offer { float: left; width: 100%; color: #168c00; } #buy-box .special-offer p { color: #168c00; } #buy-box .special-offer .bold { font-weight: bold; } #buy-box #bulk-buys { float: left; width: 90%; padding: 15px 5%; margin: -15px 0 15px 0; border-top: solid 2px #d1cbc2; background: #e8e2d9; } #buy-box #bulk-buys h3 { color: #32302B; margin: 0 0 10px 0; } #buy-box #bulk-buys table { width: 100%; margin: 0; } #buy-box #bulk-buys table th { text-align: left; font-weight: normal; text-transform: uppercase; } #buy-box #bulk-buys table th, #buy-box #bulk-buys table td { padding: 5px 0; border-top: solid 1px #d1cbc2; } #buy-box #bulk-buys .td-discount { color: #ca0200; } #buy-box #bulk-buys .td-qty { width: 70px; } #buy-box #bulk-buys .td-price { width: 110px; } #product-text .divider { padding: 0 4px; } #product-text p strong { color: #32302b; } #product-text #facebook { border-bottom: dashed 1px #c6c6c6; margin-bottom: 15px; } #product-text table, .table-style { width: 100%; border-bottom: solid 1px #ddd3c0; margin: 0 0 20px 0; } #product-text table th, .table-style th { background: #dcd1bd; color: #6a6459; padding: 5px; text-align: left; } #product-text table td, .table-style td { background: #f6f2ea; border-top: solid 1px #ddd3c0; padding: 5px; } #product-text table strong, .table-style strong { color: #6a6459; } #product-text table p, .table-style p { font-size: 1.0em; margin: 0; } #product-text .brand-desc { float: left; width: 36%; text-align: center; background: #fafaf9; padding: 40px 7% 60px 7%; } #product-text .brand-thumb { float: left; width: 100%; margin: 8px 0 30px 0; } #product-text .brand-thumb img { width: auto; max-height: 60px; } #product-text .brand-desc-info { float: left; width: 100%; } #product-text .identifier { float: left; width: 100%; padding: 15px 0 0 0; margin: 0 0 10px 0; color: #b6b6b6; font-size: 13px; } #product-text .identifier a { text-decoration: none; color: #b6b6b6; pointer-events: none; } #product-text .brand-desc h3 { color: #32302b; font-size: 15px; line-height: 30px; } #product-text .description img { max-width: 100%!important; height: auto!important; } /* #product-text .brand-desc-info { float: left; width: 100%; } #product-text .brand-desc-info.with-thumb { width: 85%; } */ #paylater { float: left; width: 100%; border-bottom: solid 1px #E0E1DC; padding: 10px 0 20px 0; margin: 0 0 15px 0; } #paylater .pay { float: left; width: 47.5%; padding: 0 1%; text-align: center; } #paylater.pl-trio .pay { width: 31%; } #paylater .pay span { float: left; width: 100%; color: #76746F; line-height: 1.5em; } #paylater .pay span a { color: #76746F; } #paylater .pay img { height: 20px; margin: 0 0 10px 0; } #paylater .afterpay { border-right: solid 1px #E0E1DC; } #paylater .zip { } #product-benefits { float: left; width: 100%; margin: 15px 0 10px 0; } #product-benefits ul { margin: 0 0 10px 0; padding: 0; } #product-benefits ul:nth-child(2) { margin-top: -10px; } #product-benefits li, #product-benefits p { font-style: italic; font-size: 17px; } #product-benefits li { margin: 0; padding: 1px 0 1px 28px; background: url(../png/icon-tick.png) no-repeat 0 4px; list-style-type: none; } #product-benefits p { margin: 0 0 10px 0; } #product-benefits ul.label li { } #australian-made { float: left; width: 100%; margin: 0 0 10px 0; border-bottom: solid 1px #E0E1DC; padding: 0 0 15px 0; } #australian-made ul { margin: 0; padding: 0; } #australian-made li { font-style: italic; font-size: 17px; color: #329800; } #australian-made li { margin: 0; padding: 1px 0 1px 32px; background: url(../png/icon-koala.png) no-repeat 0 3px; background-size: auto 20px; list-style-type: none; } #product-reviews-wrap { float: left; width: 90%; padding: 0 5%; } #admin-controls { float: left; width: 90%; padding: 20px 5%; background: #e9e2d8; color: #666; } #admin-controls a { float: left; margin-right: 15px; } #content .btn-paddtop { padding-top: 10px; } #content .btn-grey { display: inline; background: #a5a099; color: #fff; padding: 7px 20px; text-decoration: none; } #content .btn-grey:hover { background-color: #db1212; } #search-matches { float: left; width: 50%; padding: 0 5% 0 5%; background: #f3f1ec; margin: 0 20% 20px 20%; } #search-matches h2 { text-align: center; font-size: 25px; font-weight: bold; margin: 20px 0 20px 0; } #search-matches ul { float: left; width: 100%; padding: 0; margin: 0; } #search-matches ul li { float: left; width: 100%; list-style-type: none; padding: 0; text-align: center; } #search-matches ul li:last-child { margin: 0 0 30px 0; } #sold-out-wrap, #alternates-wrap { float: left; width: 100%; margin: 15px 0 15px -13px; background: url(../png/buybox-arrow.png) no-repeat 0 40px; padding-left: 13px; } #alternates-wrap { background: none; } #sold-out, #alternates { float: left; width: 90%; margin: 0; padding: 28px 5%; background: #f0ebe2; } #sold-out .sold-out-heading { color: #ae1a1a; margin: 0 0 2px 0; font-size: 17px; } #sold-out .sold-out-heading span { font-weight: bold; } #sold-out .success { color: #1a8800; } #sold-out .error { font-size: 0.7em; color: #9d1212; margin: 10px 0 0 0; font-weight: bold; } #buy-box .email-in-stock { float: left; width: 100%; } #buy-box .email-in-stock .reminder { background: url(../gif/sold-out-arrow.gif) no-repeat 0 15px; padding-left: 25px; } #buy-box .email-in-stock p { margin: 0 0 10px 0; float: left; color: #7f7766; } #buy-box .email-in-stock p span { font-weight: bold; } #buy-box .email-in-stock .email-field { width: 210px; font-size: 13px; border: solid 1px #afafaf; float: left; padding: 4px 3px 4px 3px; margin-right: 5px; } #buy-box .email-in-stock .email-field:focus { border: solid 1px #d33635; } #buy-box .email-in-stock .email-subscribe { float: left; width: 90%; padding: 10px 10% 0 0; font-size: 13px; font-weight: normal; } #buy-box .best-before { color: #c30000; font-size: 1.1em; margin: 0 0 10px 0; } #buy-box .best-before-v2 { float: left; clear: both; padding: 10px 0 0 30px; color: #666; text-transform: uppercase; margin: 0 0 -10px 0; } #buy-box h1, #buy-box h1 span { float: left; width: 100%; color: #32302b; font-weight: bold; line-height: 34px; margin: 0; } #buy-box h1 span span { float: left; width: 100%; font-weight: 300; font-size: 22px; line-height: 27px; color: #828282; } #buy-box .p-size { float: left; width: 100%; font-size: 22px; font-weight: 300; color: #828282; padding-top: 2px; } #add-to-cart-wrap .add-btn { width: 185px; height: 43px; float: left; background: url(../gif/btn-addtocart-detail.gif) no-repeat center 0 #c80a08; outline: none; } #add-to-cart-wrap .add-btn.adding { background-position: center -43px; } #add-to-cart-wrap .add-btn span { display: none; } #prod-list .add-btn { width: 117px; height: 28px; float: left; background: url(../gif/btn-addtocart-list.gif) no-repeat 0 0 #c80a08; background-size: 117px auto; outline: none; } #prod-list .add-btn.adding { background-position: 0 -28px; } #prod-list .add-btn span { display: none; } .sold-out { float: left; padding: 6px 0 0 0; font-size: 13px; color: #ff2626; font-style: italic; margin-right: 10px; } .reminder { float: left; padding: 6px 0; font-size: 13px; } .success { color: #64a651; } .wishlist.added { background: url(../png/icon-tick.png) no-repeat 0 3px!important; background-size: 15px 15px!important; padding: 0 0 0 20px; color: #57a559!important; } .seo-logos { width: 100%; float: left; padding-top: 20px; border-top: solid 1px #ebe7de; margin-top: 20px; } .seo-logos h3 { margin-bottom: 20px; } .seo-logos a { float: left; margin-right: 20px; } .seo-logos a img { } .rrp { float: left; width: 100%; font-size: 0.85em; color: #8b8579; margin: 0 0 10px 0; text-decoration: line-through; } .rrp-price { } .on-special { font-size: 14px; color: #cd0b0a; } #you-may-also-like { float: left; width: 100%; padding: 30px 0px 20px 0; height: 330px; overflow-y: hidden; } #you-may-also-like h2 { text-align: center; margin: 0 0 20px 0; } #you-may-also-like ul { margin: 0; padding: 0 0 0 3%; width: 97%; } #you-may-also-like ul li { list-style-type: none; float: left; width: 160px; padding: 0 10px; } #you-may-also-like ul li a { float: left; width: 160px; text-align: center; font-weight: bold; color: #000; text-decoration: none; padding: 10px; } #you-may-also-like ul li a img { margin: 0 0 10px 0; max-height: 160px; max-width: 160px; } #you-may-also-like .title, #you-may-also-like .fn { float: left; width: 100%; text-align: center; font-weight: normal; color: #8b8579; cursor: pointer; cursor: hand; } #you-may-also-like .price { color: #df1212; font-size: 18px; line-height: 25px; width: 100%; clear: both; float: left; cursor: pointer; cursor: hand; } #you-may-also-like a:hover { border: solid 1px #c6c6c6; padding: 9px; } #you-may-also-like .img { width: 170px; height: 170px; display:table-cell; vertical-align: middle; clear: both; text-align: center; } #you-may-also-like img { text-align: center; } #category-callouts { float: left; width: 98%; padding: 30px 1% 10px 1%; margin: 0; border-bottom: dashed 1px #c2c2c1; } #category-callouts ul { float: left; width: 100%; padding: 0; margin: 0; } #category-callouts ul li { float: left; width: 21%; text-align: center; padding: 0 2%; margin: 0 0 30px 0; list-style-type: none; } #category-callouts ul li .title { float: left; width: 100%; font-size: 1.3em; font-weight: bold; color: #32302B; } #category-callouts ul li img { float: left; width: 100%; height: auto; background: #fff; border: solid 1px #E0E1DC; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 10px 0; } #category-callouts ul li a:hover img { border-color: #B12D2D; } #category-callouts ul li a:hover .title { color: #B12D2D; } /* ------------------------------------------------------------------------------ PRODUCT EXTENDED INFORMATION --------------------------------------------------------------------------------- */ #extended-product-information { float: left; width: 100%; padding: 0px 0; } #extended-product-information h2 { font-weight: bold; font-size: 1.3em; margin: 0 0 20px 0; } #extended-product-information #faq-section { float: left; width: 90%; padding: 0 5%; } #faq { float: left; width: 100%; border: solid 2px #d4d4d4; -moz-border-radius: 5px; border-radius: 5px; text-align: left; margin: 0 0 15px 0; padding: 0; } #faq li { float: left; width: 94%; margin: 0; padding: 20px 3% 5px 3%; border-bottom: solid 2px #d4d4d4; list-style-type: none; } #faq h3 { font-size: 15px; margin: 0 0 15px 0; /* background: url(../images/icon-expand.png) no-repeat 3% center; background-size: 12px auto; */ } #faq div { float: left; width: 90%; padding: 10px 5%; } #faq .ui-accordion-header-active { background: url(../png/icon-contract.png) no-repeat 3% center #fff; background-size: 12px auto; } #faq h3, #accordion h3:hover, #accordion h3:active, #accordion h3:focus, #accordion div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; font-size: 1.0em; } #faq h3:first-child, #faq li:last-child { border: none; } #faq .ui-accordion-header-active:hover { background-color: #fff!important; } /* Barilliance touch ups ------- */ #cbar_widget0 { padding-bottom: 15px!important; } .owl-pagination { margin-top: -15px; } #cbar_widget0, #cbar_widget1, #cbar_widget2 { background: none!important; border: none!important; margin: 0 0 20px 0; padding-top: 30px; } #cbar_widget0 h2, #cbar_widget1 h2, #cbar_widget2 h2 { padding-top: 0!important; } #full-width #cbar_widget0 { background: #fff!important; border-bottom: 1px solid #e0e1dc!important; margin: 0; } /* ----------------------------- */ #alternates { background: #fff; margin-top: -21px; border: 1px solid #c6c6c6; } #alternates ul { margin: 0; padding: 0; width: 100%; } #alternates ul li { list-style-type: none; float: left; width: 33%; padding: 0; } #alternates ul li a { float: left; width: 88%; text-align: center; font-weight: bold; color: #000; text-decoration: none; padding: 10px 5%; background: #fff; border: solid 1px #fff; } #alternates ul li a img { margin: 0 0 10px 0; max-height: 130px; max-width: 130px; } #alternates .title, #alternates .fn { float: left; width: 100%; text-align: center; font-weight: normal; color: #8b8579; cursor: pointer; cursor: hand; } #alternates .price { color: #df1212; font-size: 18px; line-height: 25px; margin: 0; width: 100%; clear: both; float: left; cursor: pointer; cursor: hand; } #alternates a:hover { border: solid 1px #c6c6c6; } #alternates .img { width: 140px; height: 140px; display:table-cell; vertical-align: middle; clear: both; } #home-new-arrivals { float: left; width: 100%; background: #fff; } #home-new-arrivals #you-may-also-like { background: none; position: relative; padding-left: 0; width: 980px; overflow: hidden; border-top: solid 1px #ffffff; } #home-new-arrivals #slider-id-wrapper { padding: 0!important; margin-left: -10px; } #home-new-arrivals h2 { font-size: 28px; margin: 0 0 10px 0; } #home-new-arrivals #you-may-also-like ul li { min-height: 300px; } #content .subcats { min-width: 180px; float: left; padding: 0 20px 0 0; list-style-type: none; } #content .subcats li { } #brand-text { width: 100%; float: left; } #brand-text p { font-size: 0.85em; line-height: 1.4em; } #brand-text p a { color: #bc0000; text-decoration: underline; } #brand-text img { max-width: 100%; height: auto; } #brand-az { float: left; width: 90%; padding: 0 5%; margin: 0; -moz-border-radius: 5px; border-radius: 5px; border-top: solid 1px #ebe7de; } #brand-az li { float: left; width: 3.7%; list-style-type: none; float: left; padding: 0; font-size: 1.0em; } #brand-az li a { width: 100%; text-decoration: none; color: #fff; font-weight: bold; float: left; padding: 7px 0 5px 0; color: #000; } #brand-az li a:hover { background: #bc0000; color: #fff; } #brand-list { float: left; width: 100%; padding: 20px 0 0 0; } #brand-list ul { float: right; width: 88%; padding: 0; margin: 0; } #brand-list ul li { list-style-type: none; float: left; width: 30%; padding: 2px 1% 2px 2%; height: 20px; overflow: hidden; font-size: 1.0em; } #brand-list ul li a { text-decoration: none; } #brand-list ul li a:hover { text-decoration: underline; } #brand-list ul li a span.new { font-weight: bold; color: #4DAC00; } #brand-list .brand-char-wrap { float: left; width: 100%; padding: 30px 0 0 0; } #brand-list .brand-char { font-size: 40px; text-align: right; float: left; width: 6%; padding: 20px; color: #a79d88; font-weight: bold; background: #f3f1ec; } #brandFooter { float: left; width: 100%; padding: 30px 0 0 0; } #brandFooter img { max-width: 520px; } #full-width #content .hide-img-detail { display: none; } #sidebar .hide-img-brand { display: none; } .promotions { background: url(../jpg/banner-promotions.jpg) no-repeat center 0; text-align: center; background-size: 100% auto; } .promotions h1 { color: #fff; margin: 0 0 70px 0; } .promotions h1 span { color: #fff; } #content .offer-coupon { width: 500px; margin: 0 auto; } #content.coupon-bg { float: left; margin: 0 0 -30px 0; width: 100%; text-align: center; background: url(../jpg/empty-cart-girl.jpg) no-repeat 0 bottom #fafaf9; background-size: 100% auto; padding: 25px 0 435px 0; } #content #mailing-cupo { float: left; width: 400px; padding: 50px 40px; background: #f7f4f0; border: solid 10px #77bb22; } #content #mailing-cupo h2 { color: #0e4783; font-weight: bold; font-size: 25px; } #content #mailing-cupo h3 { color: #32302b; font-weight: normal; } #content #mailing-cupo h3 span { font-weight: bold; } #content #mailing-cupo h2 span { font-weight: 700; } #content #mailing-cupo fieldset { float: left; } #content #mailing-cupo fieldset p { float: left; position: relative; margin: 0; font-size: 0.7em; } #content #mailing-cupo fieldset label { position: absolute; top: 6px; left: 10px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #content #mailing-cupo fieldset label, #mailing-cupo .input-field { font-size: 15px; } #content #mailing-cupo fieldset .input-field { width: 275px; font-size: 15px; padding: 7px 6px 7px 10px!important; color: #000; float: left; -moz-border-radius: 3px 0 0 3px!important; border-radius: 3px 0 0 3px!important; font-family: 'Source Sans Pro', serif; font-weight: 300; } #content #mailing-cupo #subscribe { -webkit-appearance: none; -webkit-border-radius: 0; } .cat-brand-shift { margin-top: -30px; } .cat-brands { float: left; width: 100%; margin: 0; padding: 0; } .cat-brands li { list-style-type: none; float: left; padding: 0 5px 0 0; margin: 0; width: 215px; } #product-photo .label-org { background: url(../png/label-organic.png) no-repeat 0 0; background-size: 100px auto; width: 100px; height: 100px; position: absolute; top: -10px; left: 12px; } #product-photo .label-org-gf { background: url(../png/label-organic-gf.png) no-repeat 0 0; background-size: 100px auto; width: 100px; height: 100px; position: absolute; top: -10px; left: 12px; } #product-photo .label-gf { background: url(../png/label-gf.png) no-repeat 0 0; background-size: 80px auto; width: 84px; height: 84px; position: absolute; top: 15px; right: 100px; } #pages { float: left; width: 100%; margin: 0 0 50px 0; padding: 30px 0 0 0; } #pages ul { float: left; width: 100%; text-align: center; margin: 0 auto; display: inline; margin: 0; padding: 0; } #pages ul li { display: inline; padding: 0 5px; } #pages ul li a, #pages ul li span { padding: 5px 12px; border: 1px solid #c8c7c7; color: #666; text-decoration: none; -moz-border-radius: 3px; border-radius: 3px;} #pages ul li span { background: #077368; border: solid 1px #077368; color: #fff; } #pages ul li a:hover { background: #fff; } /* --------------------------------------------------------------------------------- ORGANIC CATEGORIES - MORE STYLES IN device-crossovers.css --------------------------------------------------------------------------------- */ #organic-categories h2 { font-size: 24px; font-weight: bold; } #organic-categories .intro { font-size: 19px; line-height: 28px; } /* --------------------------------------------------------------------------------- PRODUCT LISTINGS --------------------------------------------------------------------------------- */ #prod-list { float: left; width: 100%; } #prod-list .product-row { float: left; width: 100%; padding: 0; } #prod-list .product { float: left; width: 31.7%; padding: 30px 0 0 0; margin: 0 2% 2% 0; position: relative; background: #fff; border: solid 1px #e2e2e2; } #prod-list .product .thumb { clear: both; position: relative; width: 300px; text-align: center; display: table-cell; height: 220px; vertical-align: middle; color: #fff; } #prod-list .product .thumb img { max-width: 210px; max-height: 220px; } #prod-list .product .product-price { float: left; width: 82%; padding: 15px 9% 0 9%; } #prod-list .product .product-desc { float: left; width: 82%; padding: 10px 9% 15px 9%; min-height: 85px; } #prod-list .product-row .product:nth-child(3), #prod-list .last { margin-right: 0; } #prod-list .product h2, #prod-list .product h3 { margin: 0; line-height: 20px; font-weight: 600; } #prod-list .product h2 a, #prod-list .product h3 a { color: #32302b; font-size: 15px; text-decoration: none; } #prod-list .product h2 span, #prod-list .product h3 span { font-weight: normal; float: left; width: 100%; font-size: 15px; line-height: 16px; padding-bottom: 4px; color: #b6b6b6; } #prod-list .product h2 a:hover, #prod-list .product h3 a:hover { text-decoration: underline; } #prod-list .product .size { float: left; width: 100%; padding-top: 4px; color: #b6b6b6; font-size: 15px; line-height: 16px; } #prod-list .product .size .type { color: #57a559; font-style: italic; padding-left: 5px; } #prod-list .product .size .type.gf { color: #7e5f16; } #prod-list .product .out-of-stock { float: left; width: 100%; color: #ff2626; background: #fff; text-align: left; padding: 10px 0 0 0; font-style: italic; } #prod-list .product .out-of-stock span { color: #000; } #prod-list .rrp { float: left; width: 90px; text-decoration: line-through; margin: 15px 0 10px 10px; color: #b6b6b6; } #prod-list .price, #prod-list .product-total { float: left; clear: both; color: #c30000; font-weight: 700; font-size: 30px; text-decoration: none; } #prod-list .price span { float: left; } #prod-list .price sup, #prod-list .price .sm { float: left; font-size: 16px; padding-top: 5px; } #prod-list .product .arrow { float: right; } #prod-list .best-before { float: left; width: 100%; color: #c30000; font-size: 15px; margin: 15px 0 0 0; } #prod-list .business-price { float: left; width: 90%; padding: 10px 5%; background: #077368; color: #fff; -moz-border-radius: 6px; border-radius: 6px; } #prod-list .label-sale { float: left; position: absolute; top: 40px; left: 25px; width: 56px; height: 42px; padding-top: 23px; text-align: center; background: url(../png/label-sale.png) no-repeat center center; background-size: 56px auto; color: #fff; text-decoration: none; } #prod-list .label-new { float: left; position: absolute; top: -1px; right: -1px; width: 63px; height: 63px; text-align: center; background: url(../png/label-new-corner.png) no-repeat 0 0; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; text-indent: -5000px; } #prod-list .prod-add { background: #efefef; float: left; width: 86%; padding: 8px 7% 8px 7%; } #prod-list form { float: left; } #prod-list .add-qty { float: left; width: 30px; padding: 3px; margin-right: 6px; border: solid 1px #ccc; font-size: 15px; } #prod-list .add-btn { float: left; margin-right: 10px; } #prod-list .in-cart { float: left; width: 86%; background: #2f9b90; font-style: italic; text-align: center; padding: 6px 7% 6px 7%; margin: 0; color: #fff; } #prod-list .in-cart a { font-weight: bold; text-decoration: none; color: #fff; } #prod-list .add-img { height: 28px; } #prod-list .coming-soon { float: left; background: #65b958; color: #fff; padding: 4px 15px; margin-right: 15px; } #popular-tags { float: left; width: 100%; border-top: solid 3px #c8c7c7; padding: 30px 0 0 0; } #popular-tags h3 { margin: 0 0 10px 0; } #popular-tags ul { float: left; width: 100%; margin: 0; padding: 0; } #popular-tags ul li { float: left; list-style-type: none; padding: 0 25px 0 0; } /* --------------------------------------------------------------------------------- BRAND ABOUT SECTION --------------------------------------------------------------------------------- */ #brand-about-wrap { float: left; width: 100%; background: #f3f1ec; border-top: solid 1px #e0e1dc; padding: 0 0 10px 0; } #brand-about-text { float: right; width: 70%; padding: 50px 5% 20px 0; } #brand-about p { color: #737373; font-style: italic; } #brand-about h2, #instagram-posts-wrap h3 { text-transform: uppercase; font-weight: normal; color: #32302b; margin: 0 0 15px 0; } #brand-about h2 span { float: left; width: 100%; text-transform: none; font-size: 30px; line-height: 40px; font-weight: 800; margin: 0 0 25px 0; } #brand-about .b-logo { max-width: 170px; margin: 0 0 30px 0; } #brand-about .thumb { border: solid 1px #e0e1dc; padding: 5px; background: #fff; clear: both!important; margin: 0 auto; float: none!important; } #brand-about-text img { max-width: 30%; height: auto; -moz-border-radius: 6px; border-radius: 6px; } .brand-founders { float: left; width: 20%; padding: 50px 0; } .brand-founders img { width: auto; max-width: 100%; height: auto; -moz-border-radius: 6px; border-radius: 6px; } #instagram-posts-wrap { float: left; width: 100%; padding: 0 0 30px 0; } #instagram-posts-wrap h3 { float: left; width: 100%; margin: 0 0 20px 0; } #instagram-posts { width: 920px; margin: 0 auto; } #instagram-posts .insta-post { float: left; width: 32%; margin: 0 0 20px 0; } #instagram-posts .insta-post:nth-child(2) { float: left; width: 32%; padding: 0 2%; } #instagram-posts .insta-post blockquote { min-width: 100px!important; } /* Base table styling */ .table-scroll { max-width: 100%; overflow-x: auto; /* Enable horizontal scrolling */ margin-bottom: 30px; } .table-scroll table { width: 100%; border-collapse: collapse; min-width: 700px; /* Ensures table maintains structure when scrolling */ margin: 0; } #brand-about table, #faq-section table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; text-align: left; margin: 0 0 30px 0; } /* Table headings */ #brand-about table th, #faq-section table th { background-color: #F3F1EC; color: #333; font-weight: 600; text-align: left; padding: 12px; border-bottom: 2px solid #ddd; } /* Table rows */ #brand-about table td, #faq-section table td { padding: 10px 12px; border-bottom: 1px solid #eee; vertical-align: top; } /* Alternating row colours */ #brand-about table tr:nth-child(even), #faq-section table tr:nth-child(even) { background-color: #FAFAF9; } /* Highlight the first column */ #brand-about table td:first-child, #faq-section table td:first-child { font-weight: 600; color: #444; } /* --------------------------------------------------------------------------------- BRAND ABOUT SECTION V2 --------------------------------------------------------------------------------- */ #behind-brand-content-wrap { float: left; width: 90%; padding: 50px 5% 50px 5%; background: #f3f1ec; border-top: solid 1px #e0e1dc; } #behind-brand-content { width: 100%; } #behind-brand-content .img-right { float: right; margin: 0 0 20px 20px; } #behind-brand-content .brand-logo { float: left; width: 100%; text-align: center; border-bottom: solid 3px #e0e1dc; padding: 0 0 30px 0; margin: 0 0 30px 0; } #behind-brand-content .brand-logo img { max-width: 240px; max-height: 60px; } #behind-brand-content h2 { font-size: 1.2em; line-height: 1.45em; margin: 0 0 1.2em 0; color: #76746F; } #behind-brand-content h3 { margin: 0 0 0.5em 0; color: #08478C; } /* --------------------------------------------------------------------------------- FAQ SECTION --------------------------------------------------------------------------------- */ #faq-section-wrap { float: left; width: 100%; background: #fff; border-top: solid 1px #e0e1dc; padding: 0 0 30px 0; } #faq-section-text { float: right; width: 70%; padding: 50px 5% 20px 0; } #faq-section h2 { color: #32302b; font-weight: bold; font-size: 1.5em; margin: 0 0 30px 0; } #faq-section h2 span { float: left; width: 100%; text-transform: none; font-size: 30px; line-height: 40px; font-weight: 800; margin: 0 0 25px 0; } #faq-section .thumb { border: solid 1px #e0e1dc; padding: 5px; clear: both!important; margin: 0 auto; float: none!important; } #faq-section .faq-thumb { float: left; width: 20%; padding: 50px 0; } #faq-section .faq-thumb img { width: auto; max-width: 100%; height: auto; -moz-border-radius: 6px; border-radius: 6px; } #faq-section ul { float: left; width: 100%; margin: 0 0 1.0em 20px; padding: 0; } #faq-section .faq-item { float: left; width: 100%; border-top: solid 1px #ccc; } #faq-section .faq-question { margin: 0; } .faq-toggle-button { width: 100%; background: none; border: none; font-size: 16px; line-height: 1.6em; padding: 25px 15px; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 10px; outline: none; transition: background 0.3s ease; color: #666; } .faq-toggle-button:hover { background: none; color: #000; } .toggle-icon { font-weight: bold; font-size: 20px; width: 20px; flex-shrink: 0; } .faq-answer { max-height: 0; overflow: hidden; transition: 0.3s ease; padding: 0 40px; color: #444; } .faq-answer p { margin: 0 0 25px 0; } /* --------------------------------------------------------------------------------- ABOUT PAGE --------------------------------------------------------------------------------- */ #about-wrap { float: left; width: 100%; padding: 50px 0 30px 0; border-top: solid 1px #e0e1dc; } #about-wrap h2 { font-size: 24px; font-weight: bold; } #about-wrap img { float: right; width: 27%; margin-left: 40px; } #about-wrap .intro { font-size: 19px; line-height: 28px; } #about-wrap .margin { margin-bottom: 30px; } #about-feedback { width: 60%; margin-top: 20px; padding: 20px 3% 10px 3%; border-left: solid 5px #077368; background: #E6F3F0; } #about-feedback h2 a { font-size: 21px; color: #077368; } /* --------------------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------- */ #banner { float: left; width: 980px; height: 371px; background: #fff; position: relative; } #banner img { width: 100%; } #banner-text { position: absolute; top: 57px; left: 30px; width: 470px; text-align: center; } #banner-text.high { top: 50px; } #banner-text.high2 { top: 30px; } #banner-text.high3 { top: 10px; } #banner-text.left2 { left: 30px; } #banner-text.left3 { left: 50px; } #banner-text.center { left: 255px; } #banner-text.right { left: 480px; } #banner-text.right2 { left: 450px; } #banner-text.right3 { left: 385px; } #banner-text.right4 { left: 315px; } #banner-text.width1 { width: 350px; } #banner-text.width2 { width: 430px; } #banner-text.width3 { width: 530px; } #banner-text.full-width { left: 0; width: 100%; } #banner-text p { color: #000; font-size: 30px; margin: 0 0 30px 0; line-height: 1.2em; font-weight: 300; } #banner-text p.med { font-size: 24px; } #banner-text p a { color: #000; text-decoration: none; } #banner-text .sm { font-size: 1.1em; line-height: 1.4em; } #banner-text .upper { text-transform: uppercase; } #banner-text .green { color: #98cb31; } #banner-text .blue { color: #0b64af; } #banner-text .orange { color: #f36b21; } #banner-text h2 { color: #000; text-transform: uppercase; font-size: 66px; font-weight: bold; margin: 0 0 25px 0; line-height: 0.75em; } #banner-text h2 .sm { font-size: 0.4em; line-height: 0.5em; } #banner-text h2 .med { font-size: 0.8em; line-height: 0.8em; } #banner-text h2.lowercase { text-transform: none; } #banner-text h2 a { color: #000; } #banner-text h2 a:hover { text-decoration: none; } #banner-text.white p, #banner-text.white h2 a { color: #fff; } #banner-text .btn { display: inline; padding: 10px 10px 10px 15px; background: #c53737; font-size: 15px; font-weight: 900; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; } #banner-text .btn span { background: url(../png/arrow-btn.png) no-repeat right center; padding-right: 16px; background-size: 9px auto; } #banner-text .btn:hover { background-color: #0b64af; } #banner-text .no-margin { margin: 0 0 10px 0; } #banner-text .red { color: #c13535; } #banner-text .btn-left { float: left; line-height: 1.2em; padding: 20px 28px; margin-left: 10px; } #banner-text .btn-lg { font-size: 0.75em; padding: 11px 28px; } #banner-text .shift { margin-bottom: 60px; } #banner-text .buttons { float: left; width: 100%; padding-top: 40px; } #banner-text .buttons a { margin: 0 5px; } .btn { display: inline; padding: 10px 10px 10px 15px; background: #c53737; font-size: 15px; font-weight: 900; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; } .btn span { background: url(../png/arrow-btn.png) no-repeat right center; padding-right: 16px; background-size: 9px auto; } .btn:hover { background-color: #0b64af; color: #fff; } #callouts { float: left; width: 960px; padding: 5px 0 20px 20px; border-bottom: solid 1px #ebe7de; background: #eae2d2; } #callouts ul { margin: 0; padding: 0; float: left; width: 100%; } #callouts ul li { float: left; margin-right: 10px; display: inline; list-style-type: none; } #callouts ul li a { float: left; } #home-panels { float: left; width: 60%; padding: 60px 20% 10px 20%; border-top: solid 1px #e0e1dc; text-align: center; } #home-panels p { font-size: 1.1em; line-height: 1.4em; font-weight: 300; } #home-panels h1 { font-size: 1.4em; font-weight: 300; margin: 0 0 15px 0; letter-spacing: 0em;} #home-panels .home-intro h1 span { color: #32302b; } #prod-list.home-prod-list h4 { border-bottom: solid 1px #ccc; margin: 0; padding: 30px 0 10px 0; } #banners { float: left; background: #000; width: 980px; height: 260px; overflow: hidden; } #banners .panel { float: left; width: 980px; height: 260px; } #homepage-brands-wrap { float: left; width: 90%; padding: 30px 5% 0 5%; background: #fff; border-top: solid 1px #e0e1dc; } #homepage-brands { width: 100%; margin: 0 auto; } #homepage-brands-wrap h2, #brand-feature h2 { float: left; width: 100%; text-align: center; padding: 10px 0 5px 0; margin: 0; font-size: 22px; font-weight: bold; line-height: 0.7em; } #homepage-brands-wrap h3, #brand-feature h3 { float: left; width: 100%; text-align: center; font-size: 16px; font-weight: normal; } #homepage-brands-wrap #gradient-right { display: none; } #homepage-brands h2 a, #brand-feature h2 a { color: #bc0000; } #homepage-brands ul, #brand-feature ul { float: left; width: 98%; margin: 0; padding: 30px 0 0 2%; display: table; } #homepage-brands ul li { float: left; margin: 0; width: 14.2%; list-style-type: none; height: 92px; text-align: center; display: table-cell; vertical-align: middle; } #homepage-brands ul li img { max-width: 100px; max-height: 90px; vertical-align: middle; } #brand-feature ul li { float: left; margin: 0 10px 0 12px; list-style-type: none; height: 92px; width: 112px; text-align: center; display: table-cell; vertical-align: middle; } #brand-feature ul li img { max-width: 112px; max-height: 90px; vertical-align: middle; } #brand-feature-wrap { float: left; width: 100%; background: #f3f1ec; padding: 50px 0 30px 0; } #brand-feature { border-top: none; } #brand-feature .center { text-align: center; } #home-trust-box { float: left; width: 100%; padding: 50px 0 40px 0; } #home-trust-box .left { width: 45%; padding: 0; overflow-x: hidden; -moz-border-radius: 6px; border-radius: 6px; } #home-trust-box .left img { width: auto; height: 400px; } #home-trust-box .right { float: right; width: 45%; padding: 0 5% 0 0; } #home-trust-box h1 { line-height: 1.2em; } #home-trust-box p, #review-bar li { font-size: 1.1em; line-height: 1.4em; } #review-bar { float: left; width: 100%; margin: 0 0 30px 0; padding: 0; } #review-bar a { float: left; width: 100%; } #review-bar span { float: left; font-size: 1.1em; padding: 0 15px 0 0; line-height: 1.4em; list-style-type: none; font-weight: 600; } #review-bar .stars { padding-top: 2px; } #review-bar .rating { color: #32302b; } #review-bar .reviews-num { color: #ff7849; } #review-bar .reviews-io-logo { padding-top: 3px; } #review-bar .reviews-io-logo img { height: 20px; width: auto; } #home-section-two-wrap { float: left; width: 90%; padding-left: 5%; padding-right: 5%; background: #fff; } #home-section-two { margin: 0 auto; } #home-content { float: left; width: 100%; padding: 10px 0 30px 0; } #home-content .left { float: left; width: 61%; } #home-content .right { float: right; width: 31.5%; } #home-content .left p:nth-child(1) { font-size: 1.35em; line-height: 1.3em; color: #077368; } #home-content h2 { font-size: 22px; font-weight: bold; line-height: 1.3em; margin: 0 0 19px 0; } #home-categories { float: left; width: 100%; padding: 20px 0 0 0; } #home-categories .home-cat { float: left; width: 31.3%; min-height: 410px; margin: 0 3% 40px 0; background: #f3f1ec; } #home-categories .home-cat:nth-child(3), #home-categories .home-cat:nth-child(6) { margin-right: 0; } #home-categories .home-cat .thumb { width: 100%; height: auto; } #home-categories .txt { float: left; width: 84%; padding: 20px 8%; } #home-categories .home-cat h3 { margin: 0 0 10px 0; } #home-categories .home-cat h3 a { color: #32302B; text-decoration: none; } #home-cats-wrap { float: left; width: 90%; padding: 50px 5%; } #home-cats ul { float: left; width: 100%; padding: 0; margin: 0; } #home-cats ul li { float: left; width: 15%; padding: 0 1%; list-style-type: none; margin: 0; text-align: center; } #home-cats ul li .thumb { float: left; width: 100%; padding: 0; margin: 0 0 10px 0; text-align: center; } #home-cats ul li .thumb img { width: 90%!important; height: auto; border: solid 1px #f3f1ec; padding: 5%; background: #f3f1ec; -moz-border-radius: 50%; border-radius: 50%; } #home-cats ul li .title { float: left; width: 100%; text-align: center; font-weight: bold; color: #32302b; font-size: 1.1em; line-height: 1.1em;} #home-cats ul li a:hover .thumb img { border-color: #077368; } #home-cats ul li a:hover .title { color: #077368; } #home-cats ul li:first-child { padding-left: 0; } #home-cats ul li:last-child { padding-right: 0; } /* --------------------------------------------------------------------------------- PALEO LANDING PAGE --------------------------------------------------------------------------------- */ #homepage-brands.paleo-brands h2 { margin: 0 0 30px 0; } /* --------------------------------------------------------------------------------- USP LIST --------------------------------------------------------------------------------- */ #usp-list-wrap { float: left; width: 100%; background: #e6f3f0; } #usp-list ul { float: left; width: 100%; text-align: center; margin: 0; padding: 15px 0; } #usp-list ul li { color: #077368; display: inline; padding: 0 20px 0 30px; background: url(../png/icon-star-divider.png) no-repeat 0 3px; background-size: 13px auto; } #usp-list ul .stars { background: url(../png/stars-green.png) no-repeat 0 2px; background-size: auto 15px; padding-left: 90px; } #usp-list ul li:first-child { padding-left: 0; background: none; } #usp-list ul li:nth-child(3) { display: none; } #usp-list ul li { opacity: 0; animation: fadeIn 1s forwards; } /* Animation keyframes */ @keyframes fadeIn { to { opacity: 1; } } /* Delay each li item */ #usp-list ul li:nth-child(1) { animation-delay: 0s; } #usp-list ul li:nth-child(2) { animation-delay: 0.3s; } #usp-list ul li:nth-child(3) { animation-delay: 0.6s; } #usp-list ul li:nth-child(4) { animation-delay: 0.9s; } #usp-list ul li:nth-child(5) { animation-delay: 1.2s; } /* Add more if you have more items */ /* --------------------------------------------------------------------------------- HOMEPAGE MODULES --------------------------------------------------------------------------------- */ #top-brands-wrap { float: left; width: 90%; padding: 50px 5%; } #top-brands .text { float: left; width: 27%; padding-right: 3%; } #top-brands h2 { font-size: 31px; font-weight: bold; line-height: 1.2em; } #top-brands p { margin: 0 0 30px 0; } #top-brands .top-brands-list { float: right; width: 70%; } #top-brands .top-brands-list ul { float: left; width: 100%; margin: 0 0 -2% 0; padding: 0; } #top-brands .top-brands-list ul li { float: left; width: 23%; margin: 0 1% 2% 1%; list-style-type: none; } #top-brands .top-brands-list ul li a { float: left; width: 84%; margin: 0 1%; padding: 20px 8%; text-align: center; list-style-type: none; background: #fff; border: solid 1px #e4e4e4; -moz-border-radius: 6px; border-radius: 6px; } #top-brands .top-brands-list ul li a:hover { border-color: #000; } #top-brands .top-brands-list ul li img { width: 100%; height: auto; } #home-wholefoods { float: left; width: 100%; padding: 30px 0; } #home-wholefoods .text { float: left; width: 25%; } #home-wholefoods h2 { font-size: 31px; font-weight: bold; line-height: 1.2em; } #home-wholefoods p { margin: 0 0 30px 0; } #home-wholefoods .wholefoods-list { float: right; width: 70%; } #home-wholefoods .wholefoods-list .top-wholefoods { float: left; width: 96%; margin: 0 0 20px 0; padding: 0 2%; } #home-wholefoods .wholefoods-list .top-wholefoods li { float: left; width: 15%; margin: 0 1% 2% 1%; list-style-type: none; text-align: center; } #home-wholefoods .wholefoods-list .top-wholefoods li img { width: 80%; height: auto; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 5px 0; } #home-wholefoods .wholefoods-list .top-wholefoods li:first-child { margin-left: 0; } #home-wholefoods .wholefoods-list .top-wholefoods li:last-child { margin-right: 0; } #home-wholefoods .wholefoods-list .top-wholefoods li a { color: #32302b; text-decoration: none; font-weight: bold; } #home-wholefoods .wholefoods-cats { float: left; width: 100%; margin: 0; padding: 0; } #home-wholefoods .wholefoods-cats li { float: left; width: 23%; margin: 0 1% 2% 1%; padding: 0; list-style-type: none; text-align: center; } #home-wholefoods .wholefoods-cats li a { float: left; width: 96%; padding: 10px 2%; color: #077368; background: #e6f3f0; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; } #home-wholefoods .wholefoods-cats li a:hover { background: #077368; color: #fff; } #trending-products-wrap { float: left; width: 100%; padding: 30px 0; } #trending-products-wrap h2 { font-size: 31px; font-weight: bold; line-height: 1.2em; } #trending-products { float: left; width: 100%; padding: 0;; } #trending-products ul { float: left; width: 100%; padding: 0; margin: 0; } #trending-products ul li { float: left; width: 14.5%; padding: 0 1%; margin: 0; list-style-type: none; text-align: center; position: relative; } #trending-products ul li .sale { float: left; padding: 6px 12px; font-weight: bold; text-transform: uppercase; color: #fff; background: #DF1212; -moz-border-radius: 6px; border-radius: 6px; position: absolute; top: 20px; left: 0; } #trending-products ul li .thumb { width: 140px; height: 140px; background: #fff; border: solid 1px #ccc; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto; } #trending-products ul li .thumb img { height: auto; width: auto; max-height: 100px; max-width: 100px; } #trending-products ul li .title { float: left; width: 100%; padding: 10px 0 0 0; } #trending-products ul li .title .price { float: left; width: 100%; color: #DF1212; font-weight: bold; font-size: 18px; margin: 0 0 5px 0; } #trending-products ul li .p-title { float: left; width: 100%; max-height: 42px; overflow: hidden; } #trending-products ul li a:hover .thumb { border-color: #000; } .trending-in-cat { background: #fff; } .trending-in-cat #trending-products-wrap { padding: 20px 0; } .trending-in-cat #trending-products-wrap h2 { font-size: 1.4em; } #home-diet-section { float: left; width: 100%; padding: 30px 0; } #home-diet-section .text { float: left; width: 25%; } #home-diet-section h2 { font-size: 31px; font-weight: bold; line-height: 1.2em; } #home-diet-section p { margin: 0 0 30px 0; } #home-diet-section .diet-cats { float: right; width: 70%; padding-top: 10px; } .d-section { float: left; width: 20%; padding: 0px 3% 0 0; } #home-diet-section .diet-cats ul { float: left; width: 100%; margin: 0; padding: 0; } #home-diet-section .diet-cats li { float: left; width: 100%; margin: 0 0 10% 0; padding: 0; list-style-type: none; text-align: center; } #home-diet-section .diet-cats li a { float: left; width: 96%; padding: 10px 2%; color: #077368; background: #e6f3f0; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; } #home-diet-section .diet-cats li a:hover { background: #077368; color: #fff; } #home-diet-section .diet-cats li img { width: 100%; height: auto; -moz-border-radius: 6px; border-radius: 6px; } #home-diet-section .diet-cats li h3 { text-align: left; color: #32302b; font-size: 1.4em; } #home-diet-section .diet-cats li.no-bg a { background: none; text-decoration: underline; } #home-diet-section .diet-cats li.no-bg a:hover { background: #077368; color: #fff; } #home-diet-section .divider { border-left: solid 1px #e4e4e4; padding-left: 3%; } #home-diet-section .no-padd-right { padding-right: 0; } #home-diet-section .diet-cats.extended { width: 100%; } #home-diet-section .diet-cats.extended .d-section { float: left; width: 16%; padding-right: 2%; } #home-diet-section .diet-cats.extended .divider { padding-left: 2%; } /* --------------------------------------------------------------------------------- SHOPPING CART --------------------------------------------------------------------------------- */ #content .coupon-success { background: #559f29; color: #d7f2cf; font-style: italic; text-align: center; width: 100%; float: left; padding: 15px 0; clear: both; } #content .coupon-success strong { font-style: normal; color: #fff; } #content .coupon-success span { font-style: normal; border: dotted 2px #fff; color: #fff; padding: 3px 10px; margin: 0 5px; font-weight: bold; } #content .coupon-success { font-size: 17px; } #content .coupon-success .tick { background: url(../png/icon-tick-02.png) no-repeat 0 center; border: none; background-size: 20px auto; padding: 10px; } .welcomeback { background: #acd799; clear: both; text-align: center; width: 100%; padding: 20px 0; border-bottom: solid 1px #2d8811; } .welcomeback p { color: #165f00; margin: 0; font-size: 19px; } /* --------------------- */ #content .cart-right { float: right; width: 38%; clear: none; } #content #cart { width: 100%; border: solid 1px #ebe7de; clear: both; } #content #cart .item { text-align: left; } #content #cart th, #content #cart .total-bg { background: #ebe7de; border-bottom: solid 2px #d4ccba; padding: 6px; } #content #cart td { border-bottom: solid 1px #ebe7de; padding: 6px; background: #f3ecdf; background: #fff; } #content #cart .item-title { border-right: solid 1px #ebe7de; width: 523px; } #content #cart .thumb { width: 120px; text-align: center; } #content #cart tr:hover td { background: #fbf8f2; } #content #cart .remove { width: 27px; } #content #cart .remove a { float: right; margin-right: 10px; width: 17px; height: 17px; text-indent: -5000px; background: url(../png/cart-remove.png) no-repeat 0 0; } #content #cart #cart-total { float: right; font-size: 1.1em; margin: 10px 0; width: 100%; } #content #cart.cart-right #cart-total { font-size: 1.2em; } #content #cart #cart-total td { border: none; padding: 0px 0 4px 0; background: none; color: #756c5d; } #content #cart #cart-total a { cursor: pointer; color: #ce0a0a; text-decoration: underline; } #content #cart #cart-total .discount { font-weight: bold; color: #458e1a; font-size: 14px; padding: 0 3px; } #content #cart #cart-total .discount a { color: #b42121; font-weight: normal; font-size: 13px; font-style: italic; padding: 0 3px; text-decoration: none; } #content #cart #cart-total .discount a:hover { background: #458e1a; color: #fff; } #content #cart .discount-total td:nth-child(2) { color: #458e1a!important; font-weight: bold; } #content #cart .total-bg { border-top: solid 2px #d4ccba; padding: 0; } #content #cart .total-bg:hover { background: #ebe7de; } #content #cart .overline { border-top: solid 1px #d4ccba; } #content #cart .overline td { font-size: 19px; padding-top: 10px!important; color: #32302b!important; } #content #cart .total-price { text-align: right; font-weight: bold; } #content #cart .location { border-top: solid 1px #d4ccba; } #content #cart .location td { padding-top: 8px!important; } #content #cart .location td table { width: 100%; } #content #cart .location td table td { font-size: 14px; padding: 0; } #content #cart .shippingpostcode { float: left; border: solid 1px #7f9db9; border-right: none; width: 100px; padding: 5px 6px; font-size: 17px!important; } #content #cart .shipping-options strong { float: left; color: #32302b; padding-top: 10px; } #content #cart .options { font-size: 15px; font-weight: normal!important; } #content #cart .qty { border: solid 1px #ccc; padding: 5px; border-radius: 2px; } #content .cart-right { border: none!important; } #content .cart-right td { font-size: 13px!important; background: #fafaf9!important; border-left: none!important; border-right: none!important; border-color: #ccc!important; } #content .cart-right th { font-size: 13px; background: #f0ebe2!important; border: none!important; } #content .cart-right h2 { background: #bcb09a; font-size: 1.1em; color: #fff; padding: 12px; margin: 0; } #content .cart-right h2 img { margin-right: 5px; } #content .cart-right tr:last-child table tr:last-child td { font-size: 1.3em!important; } #content #cart .free { color: #5d9813; text-transform: uppercase; } #content #cart .xms { border-top: dotted 2px #ccc; margin: 0 0 10px 0; } #content #cart .ship-opt { font-size: 11px!important; } #content #cart #ship-info, #content #cart #ship-info strong { font-size: 13px!important; } #content #cart #ship-info td { padding-top: 5px; padding-bottom: 5px; } #content .warning { float: left; width: 96%; padding: 10px 2%; background: #efefef; margin: 0 0 10px 0; } #content .warning p { margin: 0; } #content .warning h3 { background: url(../png/icon-warning.png) no-repeat 0 center; background-size: 22px auto; text-indent: 28px; color: #c43939; margin: 0 0 5px 0; } #content .warning-v2 { float: left; width: 96%; padding: 15px 2%; margin: 0; text-align: center; border-top: dashed 2px #c43939; border-bottom: dashed 2px #c43939; margin: 0 0 10px 0; } #content .warning-v2 p { margin: 0; } #content .cart-right .cart-address { float: left; width: 100%; padding: 20px 0%; border-top: solid 1px #ccc; } #content .cart-delivery { float: right; width: 30%; width: 250px; padding: 10px 30px; background: #e1dbce; } #content .select-delivery { padding-top: 10px; } #content .select-delivery h2 { font-weight: bold; font-size: 17px; } #content .select-delivery p { margin: 0; font-size: 1.0em; color: #756c5d; } #content .select-delivery fieldset { margin: 0; padding: 10px 0; } #content .select-delivery h3 { color: #00b11c; font-weight: normal; margin: 0 0 10px 0; } #content .select-delivery select { width: 98%; } #content .select-delivery p.sm { margin: 0 0 10px 0; font-size: 0.85em; } #content #cart-btns { width: 100%; margin: 20px 0 0 0; border-bottom: solid 1px #ccc; } #content #cart-btns .checkout { text-align: right; padding-bottom: 20px; width: 280px; } #content #cart-btns .update-cart { text-align: right; margin: 0 10px; padding-bottom: 20px; } #content #cart-btns .keep-shopping { width: 140px; padding-bottom: 20px; } #content #cart-btns .cart-options { width: 160px; text-align: right; padding-bottom: 20px; vertical-align: middle; } #content #cart-btns .clear-cart { margin-right: 2px; } #content #cart-btns .promo-option { text-align: left; vertical-align: top; font-size: 13px; } #content #cart-btns .promo-option a { float: left; padding: 8px 0 0 0; } #content #empty-cart { float: left; margin: 0 0 -30px 0; width: 980px; text-align: center; background: url(../jpg/empty-cart-girl.jpg) no-repeat 0 bottom #fafaf9; background-size: 100% auto; padding: 65px 0 165px 0; } #content #empty-cart .red { color: #ac3636; font-weight: normal; } #content #empty-cart h1 span { color: #ac3636; font-size: 46px; line-height: 1.0em; font-weight: bold; } #content #empty-cart .start { background: url(../gif/empty-cart-divider.gif) no-repeat center 0; padding-top: 30px; color: #32302b; font-weight: bold; } #content #empty-cart .empty-cats { } #content #empty-cart .empty-cats ul { padding: 0; margin: 0 0 30px 0; } #content #empty-cart .empty-cats li { list-style-type: none; margin: 0; padding: 0; } #content #empty-cart p.large { font-size: 1.1em; } #content #empty-cart.special-offer { padding-bottom: 230px; margin-top: -30px; padding-top: 40px; } #content #special-offer { float: left; padding-left: 294px; } #content #special-offer h1 .normal { font-weight: 300!important; } #content #special-offer p { position: relative; float: left; width: 100%; clear: both; margin: 0 0 15px 0; } #content #special-offer p label { position: absolute; top: 4px; left: 4px; font-size: 15px; cursor: text; } #content #special-offer .text-field { border: solid 1px #c3bc94; background: #f6f0cd; padding: 5px; font-size: 15px; width: 200px; } #content #special-offer input { float: left; margin-left: 10px; } #confirm-cart { border: solid 1px #ccc; padding: 20px 2% 20px 2%; float: left; width: 66%; } #confirm-cart-table { width: 100%; font-size: 0.9em; } #confirm-cart-table th { background: #efefef; border-bottom: solid 1px #ccc; padding: 5px; text-align: left; } #confirm-cart-table td { border-bottom: solid 1px #ccc; padding: 5px; } #confirm-cart-table-total { font-size: 1.5em; } #confirm-cart-table-total td { border: none; padding: 5px 20px 0 0; } #cart-delivery { border: solid 1px #ccc; float: right; width: 23%; padding: 20px 2% 10px 2%; min-height: 163px; } #cart-delivery form input[type='text'], #cart-delivery form select { float: left; border: solid 1px #ccc; background: #efefef; padding: 3px; width: 98%; margin: 3px 0 5px; } #cart-delivery form p { float: left; width: 100%; margin: 0 0 5px 0; } #cart-delivery form select { width: 60%; } #cart-delivery form .postcode { width: 22%!important; float: right!important; } #cart-pay-wrap { float: left; width: 58%; } #cart-pay { border: solid 1px #ccc; border-top: none; padding: 30px 4%; float: left; width: 92%; background: #fff; position: relative; margin: 0!important; } #cart-pay h2 { padding-top: 15px; } #cart-pay h1 { float: left; width: 100%; padding: 0 0 20px 0; border-bottom: dotted 2px #ccc; font-size: 20px; text-transform: uppercase; } #creditCard, #directDebit { /* padding-top: 10px; */ } #creditCard p label { width: 160px; } #creditCard .inputText, #creditCard .inputNum { padding: 5px; font-size: 17px!important; border: solid 1px #ccc; -moz-border-radius: 3px; border-radius: 3px; } #creditCard .paylogo-cc { float: right; width: 135px!important; padding-top: 5px; } #creditCard .paylogo-cc img { height: 25px; } #cart-pay-wrap #status .error { margin: 0!important; } #creditCard #cardNumber { width: 185px!important; } #content .quote { border: solid 5px #ca2828; background: #f3f1ec; padding: 20px 5%; width: 89%; } #creditCard #ccvHint { font-size: 0.7em; padding: 0 0 10px 0; } #payment-option { float: left; width: 100%; border-bottom: solid 1px #ccc; padding: 15px 0; margin-bottom: 25px!important; } #payment-option label { width: auto!important; padding-right: 20px; } #purchase { margin-top: 10px; } #geotrust { position: absolute; top: 220px; left: 785px; } #content .coupon-code { float: left; width: 440px; padding-bottom: 20px; } #content .coupon-code-txt { float: left; padding: 3px 10px 0 0; } #content .coupon-code #CouponCode { float: left; width: 160px; border: solid 1px #ccc; padding: 3px; margin-right: 5px; background: #fff; } #checkout-status { float: right; width: 312px; clear: both; margin: 0; padding: 0; } #checkout-status p.error { width: 90%; margin: 0!important; padding: 15px 5% 17px 5%; font-weight: normal; font-size: 17px; } #checkout-options { float: right; width: 250px; clear: both; background: #fff; border: solid 1px #ccc; border-top: none; padding: 30px; } #checkout-options .email { float: left; width: 100%; position: relative; margin: 0 0 15px 0 } #checkout-options .email input { float: left; width: 234px; padding: 5px 8px 6px 8px; font-size: 17px; background: #efefef; border: solid 1px #ccc; } #checkout-options p.sm { float: left; width: 90%; padding: 10px 10% 0 0; font-size: 13px; } #checkout-options h3 { font-weight: normal; margin: 0 0 3px 0; } #checkout-paypal { float: left; width: 100%; padding-top: 25px; } #checkout-paypal p { font-size: 14px; margin-top: -8px; } #checkout-paypal p span { background: #fff; padding: 0 6px; } #payment-options-wrap { border: solid 1px #ccc; border-top: none; border-bottom: none; padding: 20px 0 16px 4%; float: left; width: 96%; background: #e5efd6; } #payment-options-wrap ul { float: left; width: 100%; margin: 0; padding: 0; } #payment-options-wrap ul li { float: left; margin: 0; background: url(../png/payment-option-unselected.png) no-repeat 0 center; padding: 10px 0 10px 34px; height: 24px; margin-right: 15px; font-size: 15px; list-style-type: none; color: #32302b; font-weight: bold; font-style: italic; cursor: pointer; cursor: hand; } #payment-options-wrap ul li.selected { background-image: url(../png/payment-option-selected.png); } #payment-options-wrap ul li img { height: 15px; width: auto; margin-top: 2px; } #cart-pay-wrap .processing-payment { float: left; width: 100%; padding-top: 8px; margin: 0; } #cart-pay-wrap .processing-payment span { float: right; clear: both; width: 234px; background: url(../gif/processing.gif) repeat-x 0 0; text-align: center; color: #fff; padding: 12px 0 13px 0; } /* ----- NEW PAYMENT PAGE STYLES --------- */ #pay-options { float: left; width: 92%; padding: 20px 4% 10px 4%; background: #fff; border: solid 1px #ccc; border-bottom: none; border-top: none; } #pay-options h2 { margin: 0 0 15px 0; } #cart-pay { padding-top: 20px; padding: 0px 6% 40px 6%; width: 88%; } #cart-pay-wrap h2.highlight { font-weight: bold; font-size: 21px; margin: 0 0 20px 0; } #pay-options ul { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; } #pay-options ul li { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; } #pay-options ul li a { float: left; background: url(../png/payment-option-unselected.png) no-repeat 15px center; background-size: 20px auto; border: solid 1px #cacaca; border-top: none; width: 99.5%; padding: 10px 0% 10px 0%; margin: 0; list-style-type: none; text-decoration: none; color: #505050; } #pay-options ul li:first-child a { border-top: solid 1px #cacaca; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #pay-options ul li:last-child a { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #pay-options ul li a.active { background: url(../png/payment-option-selected.png) no-repeat 15px center; background-size: 20px auto; } #pay-options ul li a span { float: left; padding: 4px 0; margin-left: 42px; } #pay-options ul li a img { float: right; padding-top: 2px; margin-right: 20px; height: 25px; width: auto; } #pay-options ul li a .pay-dd { float: right; margin-right: 20px; font-weight: bold; font-style: italic; } #payway-wrap { float: left; position: relative; width: 96%; padding: 0 2%; background: #FAFAF9; border: solid 1px #ccc; margin: 0 0 30px 0; -moz-border-radius: 6px; border-radius: 6px; } #payway-wrap frame { float: left; width: 100%!important; } div.payway-card { width: 100%!important; } #ccv-explanation { position: absolute; top: 235px; left: 280px; font-size: 13px; } #ccv-hint { float: left; width: 90%; padding: 0 5% 20px 5%; color: #666; font-style: italic; } /* -------------------------------------------------- */ #content.girl { background: url(../jpg/empty-cart-girl.jpg) no-repeat 0 bottom; background-size: 100% auto; padding-bottom: 400px; } #thank-you { background: url(../png/icon-tick-02.png) no-repeat center 40px #4d9f1b; text-align: center; padding: 120px 5% 20px 5%; width: 90%; color: #fff; } #thank-you h1 { font-weight: bold; color: #fff; margin: 0 0 5px 0; } #thank-you h2 { color: #fff; font-size: 1.25em; } #thank-you .bank-account { border-top: solid 1px #92d16c; width: 80%; padding: 20px 10% 0 10%; margin: 0; } #thank-you p { color: #fff; font-size: 1.0em; } #thank-you-order-wrap { float: left; width: 92%; padding: 50px 4% 50px 4%; border-bottom: dotted 2px #ccc; } #thank-you-facebook { float: left; width: 90%; padding: 10px 5%; border-bottom: solid 2px #3d5a98; } #thank-you-facebook.fb-shift { } #thank-you-facebook #like-facebook a { color: #3d5a98; } #thank-you-create-account { text-align: center; padding: 10px 30% 20px 30%; } #thank-you-create-account label { width: 100%!important; line-height: 2.0em; } #thank-you-create-account fieldset { margin: 0; } #thank-you-create-account fieldset .fieldW4 { width: 200px; padding: 5px; font-size: 17px!important; } #thank-you-create-account fieldset p { margin: 0 0 20px 0; } #thank-you-email-signup { float: left; width: 90%; padding: 20px 5%; background: url(../jpg/email-signup-girl.jpg) no-repeat right bottom #f2ede5; border-bottom: solid 1px #b8b4ad; } #thank-you-email-signup h2 { float: left; width: 480px; padding: 20px 20px 20px 80px; margin: 0; font-size: 1.4em; line-height: 1.3em; background: url(../png/icon-mail.png) no-repeat 0 center; } #thank-you-email-signup h2 strong { color: #4d9f1b; } #thank-you-email-signup .signup-btn { float: left; margin-top: 28px; -moz-border-radius: 5px; border-radius: 5px; } #thank-you-email-signup .success { border-bottom: solid 2px #4d9f1b; text-align: center; float: left; width: 100%; padding: 0 0 15px 0; font-size: 17px; margin: 0 0 12px 0; } /* --------------------------------------------------------------------------------- GLOBAL CLASSES --------------------------------------------------------------------------------- */ .bold { font-weight: bold; } .hide { display: none; } .show { display: block; } /* --------------------------------------------------------------------------------- LOGIN & REGISTER --------------------------------------------------------------------------------- */ #content .error { float: left; clear: both; width: 100%; text-align: center; margin: 0 0 15px 0; background: #9b0000; color: #fff!important; padding: 6px 0; font-weight: bold; clear: both; } #content .error a { color: #fff; } #content #login-border { width: 400px; margin: 0 auto; } #content #login { width: 86%; background: #f3f1ec; padding: 30px 7%; margin-top: 0; clear: both; margin: 60px 0 20px 0; } #content #login form { float: left; width: 100%; } #content #login h2 { margin-bottom: 5px; color: #32302B; } #content #login label { width: 100%; float: left; margin: 0 0 5px 0; } #content #login p { float: left; width: 100%; margin: 0 0 20px 0; } #content #login .login { width: 100%; text-align: right; } #content #login .field { width: 94%; float: left; } #content #login a { float: left; margin: 4px 0 0 0px; } #content #not-registered { float: left; width: 58%; background: #fff; } #content #not-registered h1, .h1-green { float: left; width: 92%; font-size: 25px; font-weight: 600; padding: 10px 4%; border: solid 1px #8cc63f; background: #8cc63f; color: #fff; margin: 0!important; } #content #not-registered h2 { margin-bottom: 25px; } #content #not-registered h2.bold { font-size: 1.25em; margin: 5px 0 15px 0; } #content #not-registered fieldset { margin: 0; } #content #not-registered legend { margin: 0 0 10px 0; } #content #not-registered .fieldW2 { width: 232px; } #content #not-registered p { color: #565149; } #content #not-registered input[type="text"], #content #not-registered select { padding: 5px; } #content #not-registered-details { float: left; padding: 20px 5%; width: 90%; border: solid 1px #ccc; border-top: none; } #content #not-registered-create-account { float: left; width: 567px; padding: 20px; background: #ebe7de; } #content #not-registered-create-account fieldset { margin: 0; } #content #not-registered .padtop { padding-top: 20px; } #content #not-registered-continue, #content #delivery-instructions { padding: 20px 4% 10px 4%; float: left; width: 92%; border: solid 1px #ccc; border-top: none; } #content #not-registered .underline { border-bottom: solid 1px #ebe7de; padding-bottom: 15px; } #content #not-registered .accept { float: left; width: 450px; } #content #delivery-instructions h2 { margin: 0 0 10px 0; } #content #delivery-instructions h2 span, #content #delivery-instructions label span { font-size: 14px; color: #666; font-weight: normal; font-style: italic; } #content #delivery-instructions p { margin: 0 0 15px 0; } #content #checkout-gift-section { float: left; padding: 20px 5%; width: 90%; background: #f0ebe2; border: solid 1px #ccc; border-top: none; } #content #gift-options { float: left; width: 100%; padding: 20px 0 10px 0; margin: 20px 0 0 0; border-top: dotted 2px #bcb09b; } #content #gift-options h2 { margin-bottom: 10px; } #content #gift-options h2.top-margin { margin-top: 15px; } #content #gift-options .input-option { margin: 0 0 10px 0; } #content #gift-options .input-option span { color: #CA0200; } #content #gift-options textarea { border: solid 1px #ccc; color: #515151; padding: 5px 1%; width: 98%; font-size: 15px; -moz-border-radius: 3px; border-radius: 3px; } /* #content .registration-bulk #not-registered { margin-right: 19%; text-align: left; } #content .registration-bulk { padding-bottom: 400px!important; } */ #sitemap ul li { font-weight: bold; } #sitemap ul ul li { font-size: 0.7em; font-weight: normal; } #sitemap ul li a { text-decoration: none; } #customer-return { float: left; width: 56%; } #customer-return .padd { float: left; padding: 20px 4%; width: 92%; background: #fff; border: solid 1px #ccc; border-top: none; } #customer-return h1 { float: left; width: 92%; padding: 10px 4%; border: solid 1px #8cc63f; background: #8cc63f; color: #fff; margin: 0; } #customer-return h2 { font-weight: normal; margin-bottom: 20px; line-height: 21px; border-bottom: dotted 2px #ccc; padding-bottom: 20px; } #customer-return h2 strong { color: #8cc63f; } #customer-return .password { font-family: arial, helvetica, sans-serif; width: 200px; border: solid 1px #ccc; font-size: 20px; border-right: none; padding: 3px 10px 1px 10px; } #customer-return h4 { text-transform: none; } #customer-return form { float: left; width: 100%; margin: 0 0 20px 0; } #customer-return form input { float: left; } /* --------------------------------------------------------------------------------- PRODUCT BANNER --------------------------------------------------------------------------------- */ #product-feature { float: left; width: 100%; background: url(../jpg/feature-bg.jpg) repeat-x center 0 #efeeeb; height: 408px; } #product-feature .text { width: 800px; margin: 0 auto; text-align: center; } #product-feature.width-reduction .text { width: 650px; } #product-feature p { float: left; width: 100%; padding: 90px 0 0 0; font-size: 24px; font-weight: 300; } #product-feature .h-intro { float: left; width: 100%; padding: 50px 0 0 0; margin: 0; text-transform: uppercase; font-size: 21px; } #product-feature h1 { float: left; width: 100%; padding: 0 0 0 0; margin: 0 0 10px 0; } #product-feature.width-reduction p { padding: 10px 0 0 0; } /* --------------------------------------------------------------------------------- RECIPES - NEW --------------------------------------------------------------------------------- */ #recipe-detail-wrap { float: left; width: 100%; } #recipe-detail { float: left; width: 90%; padding: 0 5%; } #recipe-section-one { float: left; width: 100%; padding: 50px 0; } #recipe-section-one .thumb { float: left; width: 35%; } #recipe-section-one .thumb img { width: 100%; height: auto; } #recipe-section-one .overview { float: right; width: 62%; } #recipe-section-one .recipe-cats, #recipe-section-one .recipe-cats a { text-transform: uppercase; text-decoration: none; color: #BC0000; } #recipe-section-one .recipe-cats a:hover { text-decoration: underline; } #recipe-section-one .intro { font-size: 1.2em; } #recipe-section-one .author { float: left; background: #ededed; width: 94%; padding: 20px 3% 15px 2%; } #recipe-section-one .author .thumb { float: left; width: 12%; padding-left: 5px; } #recipe-section-one .author .thumb img { width: 100%; height: auto; -moz-border-radius: 50%; border-radius: 50%; } #recipe-section-one .author .info { float: right; width: 85%; } #recipe-section-one .author h3 { color: #18478a; font-size: 15px; margin: 0 0 5px 0; font-weight: normal; } #recipe-section-one .author h3 a { color: #18478a; text-decoration: none; font-weight: bold; } #recipe-section-one .author h3 a:hover { text-decoration: underline; } #recipe-section-one .author p { font-size: 14px; } #author-social-links { float: left; width: 100%; margin: 0; padding: 0; } #author-social-links li { float: left; list-style-type: none; padding: 0; margin: 0 10px 0 0; } #author-social-links li img { width: 24px; height: auto; } #recipe-section-two { float: left; width: 100%; border-top: solid 5px #ededed; margin: 0 0 75px 0; } #recipe-section-two .recipe-ingredients { float: left; width: 29%; padding: 30px 3%; background: #ededed; } #recipe-section-two .recipe-method { float: right; width: 62%; padding: 30px 0; } #recipe-section-two h2 { font-weight: bold; font-size: 25px; margin: 0 0 20px 0; } #recipe-section-two h3 { color: #32302B; margin: 0 0 10px 0; } #recipe-section-two ul { margin: 0 0 25px 0; padding: 0; } #recipe-section-two ul li { list-style-type: none; padding: 0 0 0 25px; margin: 0 0 5px; background: url(../icon-chefhat.html) no-repeat 0 4px; background-size: 13px auto; } #recipe-section-two ul li a { color: #BC0000; } #recipe-section-two .recipe-method p, #recipe-section-two .recipe-method li { font-size: 17px; } #recipe-section-two ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #recipe-section-two ol > li { position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */ padding:0px 12px 18px 12px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ /* border-top:1px solid #0a579b; */ background: none; } #recipe-section-two ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-5px; left:-1.8em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:1.8em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:12px; padding: 6px 0px; color:#0a579b; background: #dfe6f0; font-weight:bold; text-align:center; -moz-border-radius: 30px; border-radius: 30px; font-size: 20px; } /* --------------------------------------------------------------------------------- BULK APPLICATION --------------------------------------------------------------------------------- */ #apply-for-discount h1 { color: #ac3636; padding-top: 50px!important; font-weight: normal; } #apply-for-discount p { padding: 0!important; font-size: 21px!important; } #apply-for-discount p strong { color: #000; font-weight: bold; } .apply-discount-account { float: left; width: 90%; text-align: center; background: #ac3636; border: solid 1px #ac3636; color: #fff; margin: -88px 0 0 0!important; padding: 30px 5%; } .apply-discount-account h2 { color: #fff; font-size: 24px; font-weight: bold; margin: 0; } .apply-discount-account p { color: #fff; margin: 0; } .registration-bulk #not-registered { width: 54%!important; } #category-types { float: left; width: 90%; padding: 50px 5%; background: #fff; border-top: solid 1px #efefef; } #category-types ul { float: left; width: 20%; padding: 0; margin: 0; } #category-types ul li { float: left; width: 100%; list-style-type: none; padding: 1px 0; } #category-types ul li a { text-decoration: none; } #category-types ul h3 { color: #000; margin: 0 0 5px 0; } #category-types ul h3 a { color: #000; } #category-types ul li.pad-top { padding-top: 18px; } #discount-application { width: 700px; margin: 0 auto; } #discount-application #contact-form-discount { float: left; background: #fff; border: solid 1px #ccc; border-top: none; width: 90%; padding: 0px 5% 20px 5%; } #discount-application form p { float: left; width: 100%; margin: 0 0 8px 0; } #discount-application input[type=text], #discount-application textarea { width: 65%; float: right; border: solid 1px #ccc!important; padding: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: arial; font-size: 14px; } #discount-application #contact-form label { width: 25%!important; } #discount-application .intro { font-size: 17px; text-align: center; border-bottom: dotted 2px #ccc; margin: 0 0 30px 0; padding: 0 0 20px 0; } #form-success { float: left; width: 50%; padding: 50px 25%; color: #14ae14; font-size: 25px; text-align: center; line-height: 30px; } /* --------------------------------------------------------------------------------- PROMO - REMARKETING LANDING PAGES --------------------------------------------------------------------------------- */ #promo-banner { float: left; width: 680px; padding: 5px 30px 25px 30px; } #promo-banner img { width: 680px; } #promo-brands { float: left; width: 710px; padding: 0 0 15px 30px; } #promo-brands ul { float: left; width: 100%; padding: 0; margin: 0; } #promo-brands ul li { float: left; list-style-type: none; padding-right: 25px; } #promo-content { float: left; width: 94%; padding: 2% 3% 0 3%; margin: 0 0 20px 0; border: dashed 1px #bbb; background: #fff; } #promo-content img, #promo-content iframe { margin-bottom: 20px; background: #fff; } #promo-content table { width: 100%; border-bottom: solid 1px #ccc; margin: 0 0 20px 0; } #promo-content table th { border: solid 1px #ccc; background: #efefef; padding: 5px; text-align: left; font-size: 0.9em; } #promo-content table td { border: solid 1px #ccc; padding: 5px; font-size: 0.8em; } #promo-content table p { font-size: 1.0em; margin: 0; } #brand-removed { float: left; width: 80%; padding: 30px 10%; text-align: center; } #brand-removed h3 { color: #c80000; font-size: 22px; margin: 20px 0 20px 0; } #brand-removed h3 span { font-size: 40px; } #brand-removed .brand-recommended { float: left; padding: 20px 4%; width: 92%; background: #fff; text-align: left; border: solid 1px #ccc; margin-top: 20px; } #brand-removed .brand-recommended h3 { margin-bottom: 20px; } #brand-removed .thumb { float: left; height: 180px; margin-right: 30px; } #brand-removed .btn-margin { margin-top: 30px; } #promo-brands h3, #promo-products h3 { color: #32302b; text-transform: uppercase; font-size: 12px; margin: 0 0 10px 0; } #promo-products { float: left; width: 680px; margin: 0 30px; border-top: solid 1px #ccc; padding: 20px 0 30px 0; } #promo-products ul { float: left; width: 100%; margin: 0; padding: 0; } #promo-products ul li { float: left; width: 149px; padding: 10px; text-align: center; list-style-type: none; } #promo-products a img { margin: 0 0 10px 0; max-height: 140px; max-width: 130px; } #promo-products h4 { text-transform: none; margin: 0; font-weight: normal; } #promo-products h4 a { color: #736b5c; text-decoration: none; font-size: 13px; } #promo-products h4 a:hover { color: #cd0b0a; text-decoration: underline; } #promo-products .price { color: #cd0b0a; font-weight: bold; } /* --------------------------------------------------------------------------------- AFFILIATE --------------------------------------------------------------------------------- */ #affiliate { float: left; width: 70%; padding: 0 15% 100px 15%; } #affiliate .btm-margin { margin: 0 0 30px 0; } #affiliate p { font-size: 1.1em; line-height: 1.45em; font-weight: 300; } #affiliate p strong { color: #000; } #affiliate ul { float: left; padding: 30px 0; margin: 0; width: 100%; background: url(../gif/empty-cart-divider.gif) no-repeat center 0; } #affiliate h1.divider { float: left; text-align: center; padding: 30px 0 0 0!important; width: 100%; background: url(../gif/empty-cart-divider.gif) no-repeat center 0!important; } #affiliate ul li { float: left; width: 46%; padding: 0 0 0 4%; margin: 0 0 5px 0; list-style-type: none; text-align: left; background: url(../gif/icon-tick.gif) no-repeat 0 0; } #affiliate .start { float: left; width: 100%; background: none!important; padding-top: 0px!important; color: #32302b; font-weight: bold; } #affiliate .img-border { border: solid 1px #ccc; padding: 3px; margin: 0 0 30px 0; background: #fff; } #affiliate.coupon-signup { padding-bottom: 150px; } #coupon-signup { float: left; width: 100%; padding: 0 0 30px 0; background: url(../gif/empty-cart-divider.gif) no-repeat center bottom; margin: 0 0 30px 0; } #coupon-signup fieldset { float: left; width: 65%; padding: 0; margin: 0 0 0 25%; } #coupon-signup fieldset p { float: left; position: relative; margin: 0; font-size: 0.7em; } #coupon-signup fieldset label { position: absolute; padding: 0; margin: 0; top: 11px; left: 0; z-index: 100; color: #979797; font-style: italic; cursor: text; } #coupon-signup fieldset label, #footer fieldset .input-field { font-size: 15px; } #coupon-signup fieldset .input-field { float: left; width: 275px; font-size: 15px; padding: 8px 6px 8px 10px!important; border: solid 1px #ccc; border-right: none; color: #000; float: left; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; font-family: 'Source Sans Pro', serif; font-weight: 300; } #coupon-signup fieldset .input-field:focus { border-right: none!important; } #coupon-signup #subscribe { float: right; -webkit-appearance: none; -webkit-border-radius: 0; } .coupon-signup .successful { float: left; width: 90%; margin: 0 0 30px 0; padding: 10px 5%; color: #fff; background: #099d1a; font-size: 17px; -moz-border-radius: 10px; border-radius: 10px; } /* --------------------------------------------------------------------------------- COUPON/OFFER PAGE --------------------------------------------------------------------------------- */ #content #empty-cart.water-btm { background: url(../jpg/content-btm-water.jpg) no-repeat 0 bottom!important; background-size: 100% auto!important; padding-bottom: 120px!important; } #content #empty-cart.water-btm .code { background: #efefef; padding: 5px 15px; font-weight: bold; font-size: 22px; } #content #empty-cart.water-btm .orange { color: #ff6c00; font-weight: 900; } /* --------------------------------------------------------------------------------- FOOTER DISCOUNT CALLOUT --------------------------------------------------------------------------------- */ #footer-discount-wrap { float: left; width: 90%; background: #077368; padding: 50px 5% 60px 5%; } #footer-discount h4 { float: left; width: 100%; margin: 0 0 30px 0; text-align: center; text-transform: none; color: #fff; font-weight: 300; font-size: 19px; } #footer-discount h4 span { font-weight: 700; } #footer-discount #mailing { width: 400px; margin: 0 auto; } #footer-discount #mailing fieldset { float: right; } #footer-discount #mailing fieldset p { float: left; position: relative; margin: 0; font-size: 0.7em; } #footer-discount #mailing fieldset label { position: absolute; top: 11px; left: 10px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #footer-discount #mailing fieldset label, #footer-discount fieldset .input-field { font-size: 15px; } #footer-discount #mailing fieldset .input-field { width: 280px; font-size: 15px; padding: 8px 10px 8px 10px; border: none; color: #000; float: left; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; font-family: 'Source Sans Pro', serif; font-weight: 300; } #footer-discount #mailing #subscribe { -webkit-appearance: none; -webkit-border-radius: 0; } /* --------------------------------------------------------------------------------- SUBFOOTER --------------------------------------------------------------------------------- */ #subfooter { float: left; width: 100%; background: url(../jpg/ie.jpg) no-repeat left bottom #fafaf9; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; padding: 20px 0; min-height: 160px; } #subfooter #we-accept { float: right; padding-right: 20px; text-align: center; } #subfooter #we-accept h4 { text-transform: none; } #subfooter .we-accept-img { margin: 0 0 8px 0; } #subfooter .secure { background: url(../png/icon-padlock.png) no-repeat 4px center; background-size: auto 11px; padding-left: 13px; color: #0b5e00; font-weight: 600; margin: 0; } #subfooter-left { float: left; width: 630px; } #subfooter blockquote { float: right; width: 328px; text-align: center; color: #717171; font-style: italic; font-family: 'Source Sans Pro', arial; font-size: 16px; line-height: 22px; padding-top: 20px; } #subfooter blockquote.lg { font-size: 19px; line-height: 25px; } #subfooter blockquote.sm { font-size: 15px; line-height: 19px; } #subfooter blockquote span { color: #0a579b; font-size: 16px; font-style: normal; line-height: 30px; } #subfooter .btns { float: right; width: 328px; text-align: center; padding-top: 5px; } #subfooter.subfooter-bg1 { background: url(../jpg/hiker.jpg) no-repeat left bottom #fff; background-size: auto 232px; } #subfooter.subfooter-bg2 { background: url(../jpg/mountain-biker.jpg) no-repeat left bottom #fff; background-size: auto 232px; } #subfooter.subfooter-bg3 { background: url(../jpg/mountain-biker.jpg) no-repeat left bottom #fff; background-size: auto 232px; } #subfooter.subfooter-bg4 { background: url(../jpg/couple.jpg) no-repeat left bottom #fff; background-size: auto 232px; } #subfooter.subfooter-bg5 { background: url(../jpg/hiker.jpg) no-repeat left bottom #fff; background-size: auto 232px; } /* --------------------------------------------------------------------------------- FOOTERSUB (new) --------------------------------------------------------------------------------- */ #footersub-wrap { background: #077368; } #footersub #mailing h4 { float: left; text-transform: none; color: #fff; font-weight: 300; font-size: 19px; padding-top: 5px; } #footersub #mailing h4 span { font-weight: 700; } #footersub #mailing { float: left; width: 100%; padding: 20px 0; } #footersub #mailing fieldset { float: right; } #footersub #mailing fieldset p { float: left; position: relative; margin: 0; font-size: 0.7em; } #footersub #mailing fieldset label { position: absolute; top: 11px; left: 10px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #footersub #mailing fieldset label, #footer fieldset .input-field { font-size: 15px; } #footersub #mailing fieldset .input-field { width: 175px; font-size: 15px; padding: 8px 6px 8px 10px; border: none; color: #000; float: left; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; font-family: 'Source Sans Pro', serif; font-weight: 300; } #footersub #mailing #subscribe { -webkit-appearance: none; -webkit-border-radius: 0; } #footer-blog { float: left; width: 90%; padding: 30px 5% 0 5%; } #footer-blog h3 { color: #32302B;} #footer-blog .article { float: left; width: 23%; padding: 30px 0; } #footer-blog div:nth-child(2), #footer-blog div:nth-child(3), #footer-blog div:nth-child(4) { margin-right: 2.5%; } #footer-blog .article .thumb { float: left; width: 100%; margin: 0 0 20px 0; } #footer-blog .article .thumb img { width: 100%; } #footersub .article p { } #footer-blog .article h4 { text-transform: none; margin: 0 0 15px 0; } #footer-blog .article h4 span { font-weight: 300; color: #777; } #footer-blog .article h4 a { text-decoration: none; } #footer-blog .article h4 a:hover { text-decoration: underline; } #footer-blog .article h4 a, #footersub .article p a { color: #32302B; } #footersub #books { float: left; width: 27%; padding: 25px 0 0 1%; } #footersub #books .thumb { float: left; width: 47%; } #footersub #books h3, #footersub #books p { float: right; width: 49%; } #footersub #books h3 { margin: 0 0 30px 0; font-weight: 300; line-height: 1.7em; } #footersub #books h3 a { text-decoration: none; color: #fff; } #footersub #books h3 a span { font-size: 40px; font-weight: 700; } #footersub #books .btn { background: url(../gif/btn-green-bg.gif) repeat-x 0 0 #389300; text-transform: none; padding-left: 15px; padding-right: 15px; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer-callout-wrap { padding: 30px 0 60px 0; } #footer-callout { text-align: center; width: 980px; margin: 0 auto; background: url(../gif/footer-callout-line.gif) repeat-x 0 16px; min-height: 30px; } #footer-callout h3 { font-size: 1.4em; color: #807156; font-weight: 300; } #footer-callout h3 a { background: #fafaf9; padding: 0 10px; color: #807156; text-decoration: none; } #footer-callout h3 a:hover { text-decoration: underline; } #footer-callout h3 span { font-weight: bold; color: #4a4232; } #footer-callout h3 .red { color: #cd0b0a; } .white-bg #footer-callout h3 a { background-color: #fff; } #footer-wrap { background: #fff; } #footer-btm { float: left; width: 100%; text-align: center; padding: 40px 0 50px 0; border-top: dotted 1px #b1b1b1; background: #fff; } #footer-btm p { margin: 0 0 4px 0; color: #838383; font-size: 0.95em; } #footer-btm a { padding: 0 4px; text-decoration: none; color: #838383;} #footer-btm .payments { margin: 30px 0 0 0; } #footer-btm .payments img { height: 72px; width: auto; } #footer-btm .ph-help { color: #0e4783; font-weight: bold; font-size: 17px; } #footer-inner { float: left; background: #fff; width: 100%; padding-bottom: 10px; } #footer-right { float: right; width: 130px; text-align: right; } #footer p, #footer ul li { font-size: 0.85em; color: #837b68; line-height: 1.5em; } #footer p a, #footer ul li a { color: #837b68; } #footer p a:hover, #footer ul li a:hover { color: #bc0000; } #footer #copyright { float: right; padding: 46px 0 15px 20px; margin: 0; width: 220px; background: url(../gif/logo-footer.gif) no-repeat right 20px; text-align: right; } #footer #copyright p { margin: 0; padding-top: 10px; } #footer #tickgreen { margin-right: -7px; } #footer .bold { color: #837b68; } #footer .red a { color: #bc0000; } #footer h4 { text-transform: none; font-size: 1.2em; } #footer .phone { float: right; padding: 30px 0 10px 0; font-size: 20px; font-weight: 700; margin: 0 0 55px 0; } #footer .phone span { color: #3e9700; } #footer .phone a { text-decoration: none; color: #32302b; } #footer #links { float: left; width: 840px; padding: 0; margin: 30px 0 0 0; } #footer #links .footer-nav { float: left; } #footer #links .footer-nav ul { padding: 0; margin: 0; list-style-type: none; } #footer #links .link-list { float: left; padding-right: 28px; margin: 0 0 20px 0; } #footer #links .link-list ul { float: left; margin: 0; padding: 0; list-style-type: none; } #footer #links .link-list ul li { padding: 1px 0; font-size: 0.95em; } #footer #links .link-list ul li a { text-decoration: none; color: #6f6f6f; } #footer #links .link-list ul li a:hover { text-decoration: underline; } #footer #links ul li.padd-top { padding-top: 29px; } #footer #links .divider { /* border-right: solid 1px #c6baa3; */ margin-right: 10px; } #footer #mailing-list { float: left; width: 950px; margin: 0 0 0 15px; border-bottom: solid 1px #cbc0ab; } #footer #mailing-list fieldset { float: right; width: 410px; margin: 0; padding: 10px 0 11px 20px; } #footer #mailing-list fieldset h4 { margin: 0; float: left; padding-top: 6px; font-weight: normal; width: 150px; } #footer #mailing-list fieldset p { float: left; position: relative; width: 250; margin: 0; font-size: 0.7em; } #footer #mailing-list fieldset label { position: absolute; top: 6px; left: 9px; z-index: 100; color: #5f5f5f; font-style: italic; } #footer #mailing-list fieldset label, #footer fieldset .input-field { font-size: 12px; font-family: arial; } #footer #mailing-list fieldset .input-field { width: 150px; padding: 6px 6px 6px 8px; border: solid 1px #ada28c; color: #000; float: left; margin-right: 5px; -moz-border-radius: 3px; border-radius: 3px; } #footer #mailing-list fieldset #subscribe { float: left; margin-top: 1px; } #footer #mailing-list #facebook-like { float: left; width: 50%; padding: 5px 0 0 20px; } #footer #slogan, #footer .home-footer-p { float: left; font-size: 0.7em; padding: 14px 0 0 20px; } #footer #slogan span span { font-size: 1.3em; } #footer #slogan a:hover, #footer #slogan a:hover span { color: #bc0000; } #footer .home-footer-p { float: right; padding-right: 20px; } #footer #social-bar { float: left; width: 100%; padding: 35px 0 30px 0; border-bottom: dotted 1px #B1B1B1; } #footer #social-left { float: left; width: 70%; } #footer #facebook-like { float: left; padding-top: 12px; } #footer #social { text-align: right; float: right; width: 100%; padding: 0 20px 0 0; } #footer .twitter { color: #0e9bc0; background: url(../gif/icon-twitter.gif) no-repeat right 0; padding-right: 20px; } #footer .facebook { color: #3b5998; background: url(../gif/icon-facebook.gif) no-repeat right 0; padding-right: 0; margin-left: 10px; } #facebook-logo { float: left; margin: 10px 15px 0 0; width: 110px; } #footer-pages { float: left; width: 100%; background: #dcd1bf; padding: 8px 0 35px 0; border-top: solid 10px #dcd1bf; } #footer-pages ul { float: left; margin: 0; padding: 10px 10px 0 20px; } #footer-pages ul li { float: left; list-style-type: none; padding: 0 10px 0 0; } #footer-pages .footer-clearance { float: left; padding: 0 0 0 20px; margin: 0; } #footer-pages .footer-clearance a { font-weight: bold; color: #bc0000; } #footer-pages .logo-neutral { float: left; padding-left: 20px; } #footer #social-links { float: right; width: 200px; padding-top: 0px; } #footer #social-links a { float: right; margin-left: 5px; } #footer-review-bar { float: left; width: 60%; margin: 3px 0 0 0; } #footer-review-bar a { /* display: block; width: 600px; margin: 0 auto; */ } #footer-review-bar span { float: left; font-size: 19px; padding: 0 15px 0 0; line-height: 1.4em; list-style-type: none; font-weight: 600; } #footer-review-bar .stars { padding: 0 10px 0 0; margin-top: 3px; } #footer-review-bar .rating { color: #32302B; } #footer-review-bar .reviews-num { text-align: center; color: #ff7849; } #footer-review-bar .reviews-io-logo { float: left; width: 25%; margin-top: 3px; } #footer-review-bar .reviews-io-logo img { height: 23px; width: auto; } #footer-review-bar .rating, #footer-review-bar .reviews-num, #footer-review-bar .reviews-io-logo { float: left; padding: 0 10px; } #switch-to-mobile { float: left; width: 100%; text-align: center; } #switch-to-mobile p a { float: left; width: 100%; text-align: center; padding: 35px 0; background: #0d70c3; border-top: solid 6px #084482; font-size: 36px; color: #fff; text-decoration: underline; } #hover-overlay { background: #000; width: 100%; height: 100%; position: fixed; z-index: 900; opacity: 0.5; filter: alpha(opacity=50); } #coupon-footer-wrap { float: left; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; background: url(../png/shadow.png) repeat-x 0 0; padding-top: 12px; } #coupon-footer { float: left; width: 70%; padding: 18px 15%; background: #559f29; border-top: solid 1px #2c6f14; color: #fff; text-align: center; position: relative; } #coupon-footer p { font-style: italic; color: #d7f2cf; margin: 0; font-size: 17px; line-height: 30px;} #coupon-footer p span { border: dotted 2px #fff; font-style: normal; color: #fff; padding: 3px 10px; margin: 0 5px; font-weight: bold; } #coupon-footer p strong { color: #fff; white-space: nowrap; font-style: normal; } #coupon-footer .close { position: absolute; right: 20px; top: 12px; padding: 10px; text-decoration: none; } #coupon-footer .close img { width: 16px; height: auto; } #coupon-footer .close span { background: #fff; padding: 8px 20px; -moz-border-radius: 5px; border-radius: 5px; color: #559f29; text-transform: uppercase; } #coupon-footer .close span:hover { background: #d8fcc2; } #coupon-footer .tick { background: url(../png/icon-tick-02.png) no-repeat 0 center; border: none; background-size: 20px auto; padding: 12px; } #coupon-footer.expired { background: #bf2222; border-top: solid 1px #a71c1c; } #coupon-footer.expired p { color: #f6dfdf; } #coupon-footer.expired .tick { display: none; } /* --------------------------------------------------------------------------------- CUSTOMER - LOGGED IN --------------------------------------------------------------------------------- */ #quick-list table { width: 100%; border-left: solid 1px #ccc; border-right: solid 1px #ccc; } #quick-list table th { background: #000; color: #fff; padding: 6px 10px; } #quick-list table td { padding: 6px 10px; border-bottom: solid 1px #ccc; } #quick-list .quick-title { text-align: left; width: 430px; } #quick-list .quick-title a { text-decoration: none; } #quick-list .quick-price { text-align: right; } #quick-list .odd { background: #efefef; } #quick-list .addtocart { float: right; padding: 20px 0 0 0; } /* --------------------------------------------------------------------------------- CONTACT FORM --------------------------------------------------------------------------------- */ #contact-form { float: left; width: 94%; padding: 20px 3%; margin-top: -20px; background: #f3f1ec; } #contact-form h2 { font-weight: bold; font-size: 25px; } #cForm fieldset { width: 680px; padding: 0px; border: none; margin-bottom: 10px; } #cForm fieldset p { padding: 3px 0 0 0; margin: 0 0 2px 0; border-top: none; float: left; width: 100%; } #contact-form label { width: 212px!important; padding: 3px 0 6px 0; float: left; margin: 0 10px 7px 0; border-bottom: dashed 1px #c7c0b3; } #contact-form fieldset .field { width: 446px; border: solid 1px #c7c0b3; padding: 4px!important; float: right; } #contact-form fieldset textarea:focus { color: #000; border: solid 1px #b9944b; background: #fffae2; } #contact-form #commentbox { padding: 3px; font-family: arial; font-size: 12px; } #contact-form .required { font-size: 1.4em; line-height: 0em; color: #9d0000; } #successful { background: #8cc63f; color: #fff; font-weight: bold; padding: 6px; } #cForm .antispam { width: 100px; } #cForm .code { width: 130px; } #cForm img { float: left; margin-right: 5px; } #contact-form .submit { text-align: right; } /* ------------------------------------------------------------------------------ PRODUCT LOOKUP TABLE ------------------------------------------------------------------------------ */ #lookup { float: left; width: 100%; padding: 20px 0 0 0; font-size: 20px; } #pick-table { float: left; width: 100%; background: #fafaf9; margin: 10px 0; } #pick-table td, #pick-table th { text-align: left; font-size: 13px; padding: 5px 6px; border-top: solid 2px #fff; } #pick-table td img { display: none; } #pick-table h3 { background: #0e4783; color: #fff; padding: 10px; text-align: center; } .order-table { width: 100%; } .admin-prod-lookup .btn-grey { margin-right: 10px; } .admin-eta { color: #666; padding-top: 10px; } /* ------------------------------------------------------------------------------ ERROR 404 DETAILS ------------------------------------------------------------------------------ */ #feature-wrap-repeat { float: left; width: 100%; background: url(../jpg/feature-bg-repeat.jpg) repeat center 0; } #feature-wrap { float: left; width: 100%; background: url(../jpg/feature-bg.jpg) repeat-x center bottom; padding: 100px 0 200px 0; } #feature-text { width: 600px; margin: 0 auto; text-align: center; } #feature-text h1 { font-size: 70px; margin: 0 0 30px 0; } #feature-text h2 { font-weight: bold; font-size: 30px; } #feature-text .btm-margin { margin-bottom: 40px; } /* ------------------------------------------------------------------------------ TRACK YOUR ORDER PAGE ------------------------------------------------------------------------------ */ #tracking-form-wrap { float: left; width: 100%; background: #f3f1ec; padding: 30px 0 40px 0; } #tracking-form h1 { margin: 0 0 20px 0; } #tracking-form { width: 600px; margin: 0 auto; text-align: center; } #tracking-form fieldset { float: left; width: 100%; margin: 0; padding: 0; } #tracking-form .col-1, #tracking-form .col-2 { float: left; position: relative; } #tracking-form .col-3 { float: right; } #tracking-form fieldset label { position: absolute; top: 12px; left: 13px; z-index: 100; color: #616161; font-style: italic; } #tracking-form fieldset .input-field { width: 194px; padding: 11px 12px; border: solid 1px #e5e2d9; color: #32302c; float: left; margin-right: 10px; -moz-border-radius: 3px; border-radius: 3px; } #tracking-form fieldset label, #tracking-form fieldset .input-field { font-size: 17px; } #tracking-form #track-btn { -moz-border-radius: 3px; border-radius: 3px; } #tracking-form .error { font-weight: bold; color: #d70202; } #tracking-home { float: left; width: 100%; padding: 50px 0 50px 0; text-align: center; } #tracking-home img { height: 210px; } #tracking-details { float: left; width: 100%; text-align: center; padding: 20px 0 75px 0; } #tracking-details h1 { color: #438bd8; font-size: 25px; } #tracking-details .ordernum { margin: 0; } #tracking-details .icon { width: 80px; margin: 0 0 15px 0; } #tracking-details .expected-delivery { text-transform: uppercase; margin: 0 0 30px 0; } #tracking-details .expected-delivery span { color: #438bd8; font-size: 17px; } #tracking-details .delivery-details-wrap { width: 600px; margin: 0 auto; } #tracking-details .delivery-details { float: left; width: 90%; padding: 30px 5% 25px 5%; background: #fff; border: solid 1px #d2d2d2; -moz-border-radius: 10px; border-radius: 10px; } #tracking-details .courier img { max-height: 50px; } #tracking-details .delivery-details .track-num { margin: 0 0 30px 0; } #tracking-details .delivery-details .btn span { background: url(../png/icon-track-truck-white.png) no-repeat 8px center; padding-left: 42px; background-size: 25px auto; } #tracking-details .freight-status { float: left; width: 90%; padding: 12px 5%; border: dashed 2px #ccc; margin: 0 0 35px 0; } #tracking-details .freight-status h3 { color: #C7002B; text-transform: uppercase; font-size: 14px; } #tracking-details .freight-status p { margin: 0; } #tracking-steps-wrap { width: 950px; margin: 0 auto; } #tracking-steps { float: left; width: 100%; padding: 30px 0 10px 0; } #tracking-steps .step { float: left; width: 25%; text-align: center; background: url(../gif/step-divider-grey.gif) no-repeat center 86px; } #tracking-steps .step-1 { background-image: url(../gif/step-divider-bggreen.gif); } #tracking-steps .step-4 { background-image: url(../gif/step-divider-greybg.gif); } #tracking-steps .status h4 { color: #438bd8; font-size: 13px; display: none; } #tracking-steps .status { float: left; width: 100%; padding: 105px 0 0 0; } #tracking-steps .step-1 .status { background: url(../png/icon-step1-completed.png) no-repeat center 0; } #tracking-steps .step-2 .status { background: url(../png/icon-step2.png) no-repeat center 0; } #tracking-steps .step-3 .status { background: url(../png/icon-step3.png) no-repeat center 0; } #tracking-steps .step-4 .status { background: url(../png/icon-step4.png) no-repeat center 0; } /* TRACKING STEPS - STAGE 2 */ #tracking-steps.stage-2 .step-2 { background-image: url(../gif/step-divider-greenbluegrey.gif); } #tracking-steps.stage-2 .step-2 .status { background: url(../png/icon-step2-active.png) no-repeat center 0; } #tracking-steps.stage-2 .step-2 h4 { display: block; } /* TRACKING STEPS - STAGE 3 */ #tracking-steps.stage-3 .step-2 { background-image: url(../gif/step-divider-green.gif); } #tracking-steps.stage-3 .step-2 .status { background: url(../png/icon-step2-completed.png) no-repeat center 0; } #tracking-steps.stage-3 .step-3 { background-image: url(../gif/step-divider-greenbluegrey.gif); } #tracking-steps.stage-3 .step-3 .status { background: url(../png/icon-step3-active.png) no-repeat center 0; } #tracking-steps.stage-3 .step-3 h4 { display: block; } /* TRACKING STEPS - STAGE 4 */ #tracking-steps.stage-4 .step-2 { background-image: url(../gif/step-divider-green.gif); } #tracking-steps.stage-4 .step-2 .status { background: url(../png/icon-step2-completed.png) no-repeat center 0; } #tracking-steps.stage-4 .step-3 { background-image: url(../gif/step-divider-green.gif); } #tracking-steps.stage-4 .step-3 .status { background: url(../png/icon-step3-completed.png) no-repeat center 0; } #tracking-steps.stage-4 .step-4 { background-image: url(../gif/step-divider-greenbg.gif); } #tracking-steps.stage-4 .step-4 .status { background: url(../png/icon-step4-completed.png) no-repeat center 0; } #tracking-steps.stage-4 .step-4 h4 { display: block; color: #93bf51; } /* ------------------------------------------------------------------------------ RESPONSIVE VIDEO ------------------------------------------------------------------------------ */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-- SEARCH SUGGESTIONS Autocomplete --*/ .ac-thumb { width: 46px; height: 46px; text-align: center; margin-right: 10px; } .ac-thumb img { max-width: 46px; max-height: 46px; } .ui-autocomplete li { font-size: 15px; padding: 0; } .ui-autocomplete li:hover, .ui-autocomplete li:hover a { background: #FAFAF9!important; border: none; } .ui-autocomplete li a { border: none!important; padding: 0!important; } .ui-autocomplete li a:hover { background: #FAFAF9; } .ui-autocomplete li:hover span { background: #FAFAF9!important; } .ui-autocomplete li a:hover span { background: #FAFAF9!important; } .ui-menu-item-wrapper.ui-state-active { background: #FAFAF9!important; color: #fff; } .ac-category div { font-style: italic; } .ac-brand div { } .ac-product { border-top: solid 1px #efefef; font-weight: normal; font-size: 13px!important; } .ac-info { font-style: italic; border: none; } .ac-category, .ac-brand { text-indent: 15px; } .ui-autocomplete .ac-heading { padding: 5px 10px; color: #32302B; border: none!important; } /* ------------------------------------------------------------------------------ SEARCH SUGGESTION STYLES ------------------------------------------------------------------------------ */ /* default (inactive field) */ .sf_inactive{ color:#b0aca5; } /* on focus (when field is clicked on) */ .sf_active{ border:2px #8BB544 solid; background:#fff; color:#333; } /* with text (when field is inactive but contains user's input) */ .sf_text{ color:#666; } /* suggestions box */ /* js code generates unordered list */ .sf_suggestion { position:relative; } .sf_suggestion ul{ position:absolute; margin:0; padding:0; background:#b0aca6; top:32px; left: 0px; z-index: 999; display: block; } .sf_suggestion li{ margin:0; padding:0; list-style:none; font-size: 13px; } .sf_suggestion li a{ display:block; text-indent:5px; color:#fff; padding: 3px 0; text-decoration: none; } .sf_suggestion li.selected a{ background:#918d87; color: #fff; } /* ------------------------------------------------------------------------------ REMOVE BROWSER PLUGINS ------------------------------------------------------------------------------ */ #zyft-extension-root { display: none!important; }