/* --------------------------------------------------------------------------------- Mobile Stylesheet // Aussie Health Products Author: © Pixel House / PC Software Solutions Pty Ltd --------------------------------------------------------------------------------- */ .hide {display:none;} body { background: #fff; margin: 0; padding: 0; font-family: 'Asap', arial, sans-serif!important; font-weight: 400; font-size: 13px; line-height: 18px; color: #505050; -webkit-text-size-adjust: 100%; } * { font-family: 'Asap', arial, sans-serif!important; } h1, h2, h3 { font-weight: 700; font-size: 16px; margin: 0 0 0.6em 0; } h1, h2, h3 { color: #212020; } h1 a, h2 a, h3 a { color: #212020; text-decoration: none; } h1 { font-size: 24px; line-height: 28px; } p, ul, ol { margin: 0 0 1.4em 0; } p, ul li, ol li { color: #505050; } p a { color: #ff450f; } p strong { color: #000; } hr { border: none; border-top: solid 1px #ccc; height: 20px; } textarea:focus, input:focus { outline: none; } pre a { word-wrap: break-word; } #header-top-wrap { background: #077368; position: relative; z-index: 990; } #header-wrap { background: #148479; text-align: center; position: relative; z-index: 900; } #content-wrap { background: #fff; } #footer-sub-wrap { background: #148479; } #footer-wrap { background: #077368; color: #fff; text-align: center; margin: 0; } #feature-wrap img { width: 100%; } #header-top-wrap, #header-wrap, #feature-wrap, #content-wrap, #footer-sub-wrap, #footer-wrap, .total-wrap, .total-wrap-container { float: left; width: 100%; } #header-top, #header-btns, #header, #content, #footer-sub, #footer { padding: 15px 5% 10px 5%; width: 90%; float: left; } #header-top { padding: 12px 0 12px 0; width: 100%; min-height: 30px; } #header { padding: 12px 15px 15px 15px; width: 100%; box-sizing: border-box; } .left { float: left; } .right { float: right; } .bold { font-weight: 700; } .normal { font-weight: 300; } .no-margin { margin: 0!important; } .top-margin { padding-top: 20px; } .btn, ul.btns li a { text-decoration: none; font-size: 16px; } .bg-white { background-color: #fff; } .bg-grey { background-color: #fafaf9; } .bg-light-green { background-color: #e6f3f0; } .btm-border { border-bottom: solid 1px #d5d5d5; } .top-border { border-top: solid 1px #d5d5d5; } #logo { position: absolute; top: 9px; left: 50%; } #logo img { width: 118px; margin: 2px 0 5px -59px; } #menu { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-menu.png) no-repeat 0 center; background-size: 16px 12px; padding: 4px 0 4px 22px; cursor: pointer; cursor: hand; outline: none; } /* #cart { background: url(../images/btn-cart-bg.gif) repeat-x 0 0 #8ac043; -moz-border-radius: 6px; border-radius: 6px; color: #084481; font-weight: 700; } #cart .ico-cart { float: left; background: url(../images/icon-cart.png) no-repeat 6px center; background-size: 18px 15px; padding: 4px 8px 4px 29px; font-size: 13px; } */ #icon-menu { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-menu.png) no-repeat 0 center; border-right: solid 1px #4cb2a8; background-size: 22px auto; width: 35px; height: 30px; padding: 0; margin: 0 0 0 16px; cursor: pointer; cursor: hand; outline: none; } #icon-search { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-search.png) no-repeat center 7px; background-size: 16px auto; width: 30px; height: 30px; padding: 0; cursor: pointer; cursor: hand; outline: none; margin-left: 4px; } #icon-cart { float: right; position: relative; margin-right: 15px; } #icon-cart a { float: left; background: url(https://www.aussiehealthproducts.com.au/images/icon-bag.png) no-repeat 0 center; background-size: 20px auto; width: 30px; height: 28px; } #icon-cart .ico-cart { float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-cart-num.png) no-repeat center 0; background-size: 22px auto; width: 22px; padding: 7px 0 5px 0; line-height: 10px; text-align: center; position: absolute; right: -8px; top: -6px; color: #077368; font-size: 10px; } #icon-notifications { float: right; position: relative; margin-right: 15px; } #notifications { float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-notification-bell.png) no-repeat 0 center; background-size: 18px auto; width: 20px; height: 28px; cursor: pointer; cursor: hand; } #notifications .ico-num { float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-cart-num.png) no-repeat center 0; background-size: 22px auto; width: 22px; padding: 7px 0 5px 0; line-height: 10px; text-align: center; position: absolute; right: -8px; top: -6px; color: #fff; font-size: 10px; } #callout { float: left; width: 90%; padding: 10px 5%; margin: 0; text-align: center; background: #30b343; color: #fff; } #callout span { font-weight: bold; } #callout .coupon { border: solid 1px #fff; padding: 3px 5px; } .promo-bar { float: left; width: 84%; position: relative; background: #77bb22; padding: 8px 8%; color: #e5f0de; text-align: center; } .promo-bar a { color: #cee4c2; text-decoration: none; } .promo-bar span { font-weight: bold; color: #fff; } .promo-bar .coupon { border: dotted 2px #fff; color: #fff; padding: 3px 10px; margin: 0 4px; font-weight: bold; } .promo-bar .new-line { float: left; width: 100%; margin: 8px 0 4px 0; } .hide-promo-bar .promo-bar, .hide-promo-bar #coupon-footer { display: none; } .promo-bar .close { position: absolute; right: 6px; top: 6px; float: right; padding: 4px; font-weight: bold; color: #fff; font-size: 20px; } .ship-promo { width: 79%; padding: 30px 10% 20px 10%; 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; } .warning { float: left; width: 90%; padding: 10px 5%; background: #F3F1EC; margin: 0 0 10px 0; } .warning p { margin: 0; } .warning h3 { float: left; width: 93%; font-size: 14px; padding: 0 0 0 7%; background: url(https://www.aussiehealthproducts.com.au/images/icon-warning.png) no-repeat 0 center; background-size: 15px auto; color: #c43939; margin: 0 0 5px 0; } .warning-v2 { float: left; width: 90%; padding: 10px 5%; margin: 0; text-align: center; border-bottom: dashed 2px #c43939; margin: 0 0 10px 0; } .warning-v2 p { margin: 0; } /* SLIDE IN DRAWER MENU */ #nav-side-menu .arrow-forward, #nav-side-menu .arrow-back { } .menu-toggle { font-size: 24px; padding: 16px; background: #eee; cursor: pointer; z-index: 998; position: relative; } /* Overlay that dims the background */ .menu-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 998; display: none; } .menu-overlay.active { display: block; } nav.side-menu { position: fixed; top: 0; left: -100%; width: 80%; max-width: 300px; height: 100%; background: #fff; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); overflow: hidden; transition: left 0.3s ease; z-index: 999; } nav.side-menu.active { left: 0; } .menu-level { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #fff; overflow-y: auto; transition: left 0.3s ease; padding: 16px; } .menu-level.active { left: 0; } #nav-side-menu ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #d5d5d5; } #nav-side-menu li { padding: 0; margin: 0; border-bottom: 1px solid #d5d5d5; list-style-type: none; } #nav-side-menu li a { display: block; padding: 12px 0; color: #333; text-decoration: none; } #nav-side-menu li a:hover { text-decoration: underline; } #nav-side-menu .menu-title { font-weight: bold; font-size: 16px; margin-bottom: 12px; } #nav-side-menu .back-button { display: inline-block; margin-bottom: 12px; font-size: 16px; color: #077368; cursor: pointer; background: none; border: none; padding: 0; text-align: left; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-back.png) no-repeat 0 center; background-size: auto 10px; text-indent: 20px; } /* Optional: Prevent page scroll when menu is open */ body.menu-open { overflow: hidden; } #nav-side-menu li.arrow { background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-right.png) no-repeat 260px center; background-size: auto 10px; } /* --------------------------------------------------------------------------------- Button Styles --------------------------------------------------------------------------------- */ .btn-grey { background: url(https://www.aussiehealthproducts.com.au/m/images/btn-refine-bg.gif) repeat-x 0 0 #353535; background-size: auto 35px; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 15px; color: #fff; font-weight: 700; border: none; } .btn-blue { background: #fff; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 15px; color: #fff; font-weight: 700; border: solid 3px #074c91; color: #074c91; font-size: 16px; } .btn-darkgreen { background: #fff; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 15px; color: #fff; font-weight: 700; border: solid 3px #077368; color: #077368; font-size: 16px; } select.btn { background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-dropdown.png) no-repeat right 0 #353535!important; background-size: auto 35px; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } ul.btns { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; } ul.btns li { border-bottom: solid 1px #d5d5d5; background: #fff; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px; } ul.btns a { float: left; width: 100%; color: #000; float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-circle.png) no-repeat 10px center; background-size: 15px 15px; padding: 10px 0; text-indent: 33px; cursor: pointer; cursor: hand; } ul.btns a span { color: #aaaaaa; } ul.btns li:hover, p.btn:hover { background: #148479; color: #fff; } ul.btns a:hover, p.btn a:hover { color: #fff; } ul.btns a span { } /* ul.btns li:first-child { -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } ul.btns li:last-child { -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border: solid 1px #d5d5d5; } */ ul.btns .single { -moz-border-radius: 6px; border-radius: 6px; border: solid 1px #d5d5d5; } ul.arrow-v2 li a { background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-v2.png) no-repeat 94% center; background-size: auto 12px; text-indent: 10px; } .expand-menu-btns { display: none; } /*.expand-searchbox { display: none; }*/ ul.btns .icon-cart a { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-cart-black.png) no-repeat 10px center; background-size: auto 14px; text-indent: 33px; } ul.btns .red { color: #c30000; font-weight: bold; } ul.btns .red a { color: #c30000; } p.btn a, .btn .pretend-anchor, .btn-expand span { float: left; width: 100%; color: #505050; float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-circle.png) no-repeat 10px center; background-size: 15px 15px; padding: 8px 0; text-indent: 33px; cursor: pointer; cursor: hand; } p.btn { border-bottom: none; background: #F3F1EC; background-size: 10px 35px; font-weight: normal; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 13px; } p.btn { -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 10px 0; } p.btn a, .btn .pretend-anchor { text-align: center; text-indent: 0; background: none; text-decoration: none; } p.btn-expand { margin: 0 0 20px 0; } p.btn-expand a, p.btn-expand span { text-align: left; text-indent: 33px; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-expand.png) no-repeat 11px center; background-size: auto 13px; } p.btn-expand:hover, p.btn-expand:hover span, p.btn-expand:hover a, p.btn-expand:hover span, .btn .pretend-anchor:hover { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-expand-hover.png) no-repeat 11px center; background-size: auto 13px; color: #fff; } p.btn-contract a, p.btn-contract span { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-contract.png) no-repeat 11px center; background-size: auto 13px; } p.btn-contract:hover a, p.btn-contract:hover span { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-contract-hover.png) no-repeat 11px center; background-size: auto 13px; } .btn-orange, .btn-green { -moz-border-radius: 6px; border-radius: 6px; /* box-shadow: 1px 1px 2px #c5c5c5; */ border-bottom: none; background: url(https://www.aussiehealthproducts.com.au/m/images/btn-orange-bg.gif) repeat-x 0 0 #ff470f; background-size: 10px 35px; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 20px; } .btn-orange a, .btn-green a { width: 85%; float: left; line-height: 1.3em; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-v4.png) no-repeat 95% center; background-size: auto 18px; padding: 12px 10% 12px 5%; text-align: left; color: #fff; text-decoration: none; font-weight: 700; text-shadow: #ce4511 1px 1px 1px; text-transform: uppercase; } .btn-orange:hover { background: #cc4612; } .btn-green { background: #7bc043; } .btn-green a { width: 90%; padding: 12px 5% 12px 5%; text-shadow: #76aa2d 1px 1px 1px; text-align: center; background: none; } .btn-paypal { -moz-border-radius: 6px; border-radius: 6px; border-bottom: none; background: #F3F1EC; background-size: 10px 40px; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 14px; } .btn-paypal a { width: 100%; float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-v5.png) no-repeat 95% center; background-size: auto 14px; padding: 9px 0 11px 0; text-align: left; text-indent: 20px; color: #1d3a62; text-decoration: none; font-weight: 700; text-transform: uppercase; } .btn-paypal:hover { background: #e7e3d9; } #info h2 a { color: #c30000; text-decoration: underline; } #header-btns { background: #e6f3f0; padding-bottom: 20px; border-bottom: solid 1px #077368; } #header-top ul.btns li { background: none; color: #fff; border-left: none; border-right: none; } #header-top ul.btns li a { color: #fff; } #header-btns ul { float: left; width: 100%; margin: 0; padding: 0; } #header-btns ul li { border-top: solid 1px #bcddd5; background-size: 10px 35px; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px; } #header-btns ul li:first-child { border: none; } #header-btns ul li a, #header-btns .category { float: left; width: 100%; color: #077368; text-decoration: none; float: left; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-v2.png) no-repeat 94% center; background-size: auto 12px; text-indent: 10px; padding: 10px 0; cursor: pointer; cursor: hand; } #header-btns .category { background: none; padding-top: 30px; font-weight: bold; background: none; } #header-btns .red a { color: #c30000; font-weight: bold; } .cart-buttons .btn { float: left; width: 49%; margin: 0 0 2% 0; } .cart-buttons .btn:first-child { width: 100%; } .cart-buttons .btn:last-child { float: right; } /* --------------------------------------------------------------------------------- Searchbar --------------------------------------------------------------------------------- */ fieldset { border: none; padding: 0; margin: 0; } #searchForm { float: left; width: 100%; padding-top: 3px; margin: 0; position: relative; } #search { float: left; width: 100%; position: relative; background: #fff; -moz-border-radius: 6px; border-radius: 6px; } #search label { position: absolute; top: 9px; left: 13px; color: #6f6f6f; font-style: italic; } #searchfield { float: left; background: none; border: none; color: #000; font-size: 16px; width: 70%; margin-left: 12px; padding-top: 8px; font-family: 'Asap', arial, sans-serif; } .search-btn { float: right; margin: 8px 10px 8px 0; } #searchForm #search-arrow { position: absolute; top: -5px; left: 42px; width: 30px; height: 20px; background: url(https://www.aussiehealthproducts.com.au/m/images/search-arrow.png) no-repeat 0 0; background-size: 30px auto; } #search-noresults { float: left; width: 100%; padding: 30px 0; text-align: center; } #search-noresults ul { margin: 0; padding: 0; } #search-noresults ul li { list-style-type: none; padding: 0; margin: 0 0 5px 0; } .ui-autocomplete { z-index: 999!important; } /*-- 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 #F3F1EC; 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; } /* --------------------------------------------------------------------------------- Homepage --------------------------------------------------------------------------------- */ #slider1, #slider2 { margin: 0; padding: 0; } #slider1 li, #slider2 li { margin: 0; padding: 0; list-style-type: none; } #feature-wrap .bx-pager { bottom: 30px!important; } #feature-wrap .bx-wrapper .bx-pager.bx-default-pager a { background-color: #666; } #feature-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff;} #new-arrivals { float: left; width: 100%; padding-top: 30px; margin: 0 0 1px 0; /* margin-top: -30px; */ } #new-arrivals .product-row { border-right: 1px solid #d5d5d5; border-top: none; } #new-arrivals .product-row .product { padding-top: 0px; } #new-arrivals .product-row .product .product-desc, #new-arrivals .product-row .product .product-price { padding-left: 9%; padding-right: 5%; width: 86%; } #new-arrivals .product-row .product .label-sale { left: 9%; top: 10px; } #new-arrivals .product-row .product .thumb { padding-left: 2%; padding-right: 3%; } #new-arrivals ul { margin: 0; padding: 0; } #new-arrivals h2.title { float: left; width: 90%; padding: 0 5%; font-size: 21px; line-height: 24px; } #home #content h2.title { float: left; width: 100%; border-bottom: 1px solid #d5d5d5; font-size: 21px; line-height: 24px; text-align: center; padding: 0 0 15px 0; margin: 0; } #new-arrivals .bx-pager { display: none; } #new-arrivals .bx-wrapper { margin: 0; } #home #content ul.btns { border-top: 1px solid #d5d5d5; } #home-intro { float: left; width: 80%; padding: 20px 10% 0 10%; text-align: center; } #cbar_widget1 h2, #cbar_widget0 h2 { font-size: 24px!important; line-height: 30px!important; } #cbar_widget1, #cbar_widget0 { margin-bottom: 30px!important; background: none!important; } #cbar_widget1 { border: none!important; } #content .owl-controls { display: none!important; } /* .bx-wrapper { z-index: 900; } .bx-pager { position: relative; z-index: 1000; } .bx-pager-item { position: relative; z-index: 1000; } */ /** CHRISTMAS 2020 BANNER **/ #feature-christmas { float: left; width: 100%; background: url(https://www.aussiehealthproducts.com.au/m/images/banners/christmas-2020-bg.jpg) no-repeat center 0 #F3F1EC; background-size: 500px auto; text-align: center; padding: 130px 0 0 0; height: 334px; } #feature-christmas .buttons { float: left; width: 100%; padding-top: 30px; } #feature-christmas .btn { background: #ca0200; color: #fff; font-style: italic; text-decoration: none; padding: 10px 15px; margin: 0 5px; font-size: 13px; } #home-trust-box { float: left; width: 100%; margin: 0; } #home-trust-box .left { float: left; width: 100%; text-align: center; } #home-trust-box .left img { width: 100%; max-width: 600px; height: auto; } #home-trust-box .right { width: 82%; padding: 40px 9% 20px 9%; text-align: center; } #home-trust-box h1 { font-size: 21px; line-height: 24px; } #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 { width: 100%; text-align: center; padding: 0 0 10px 0; } #review-bar .rating { width: 45%; padding: 0; text-align: right; color: #32302b; } #review-bar .reviews-num { float: right; width: 52%; padding: 0; text-align: left; color: #ff7849; } #review-bar .reviews-io-logo { width: 100%; padding: 10px 0 0 0; text-align: center; } #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 20px 0; } #home-content .left p:nth-child(1) { font-size: 1.35em; line-height: 1.4em; color: #093f7d; } #home-content h2 { margin: 0 0 20px 0; line-height: 1.4em; } #home-categories { float: left; width: 100%; padding: 20px 0 0 0; } #home-categories .home-cat { float: left; width: 100%; margin: 0 0 20px 0; background: #fafaf9; } #home-categories .home-cat .thumb { width: 100%; height: auto; } #home-categories .txt { float: left; width: 90%; padding: 20px 5%; } #home-categories .home-cat h3 { margin: 0 0 10px 0; } #home-categories .home-cat h3 a { color: #32302B; text-decoration: none; } #home-categories .txt a { color: #C30000; } #usp-list-wrap { float: left; width: 100%; background: #e6f3f0; } #usp-list ul { float: left; width: 100%; background: #e6f3f0; text-align: center; margin: 0; padding: 0; } #usp-list ul li { float: left; width: 100%; color: #077368; padding: 12px 0; } #usp-list ul li a { text-decoration: none; color: #077368; } #usp-list ul .stars { background: url(https://www.aussiehealthproducts.com.au/images/stars-green.png) no-repeat 0 0; background-size: auto 15px; padding-left: 90px; } #usp-list ul li:first-child { padding-left: 0; background: none; } #usp-list .bx-pager { display: none; } #usp-list .bx-wrapper { margin: 0; } #home-banners h2 { font-size: 21px!important; line-height: 24px!important; margin: 0 0 20px 0!important; } #home-cats-wrap { float: left; width: 100%; padding: 30px 0; } #home-cats .slider-wrap { float: left; width: 100%; position: relative; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } #home-cats .slider-wrap::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #home-cats ul { float: left; width: 660px; padding: 0 20px; 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%; margin: 0 0 10px 0; } #home-cats ul li .thumb img { width: 90%!important; height: auto; border: solid 1px #f3f1ec; padding: 5%; width: auto; 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; } #home-cats h2 { float: left; width: 90%; padding: 0 5%; font-size: 21px; line-height: 24px; } #top-brands-wrap { float: left; width: 100%; padding: 30px 0%; } #top-brands .text { float: left; width: 76%; padding: 0 12% 30px 12%; text-align: center; } #top-brands h2 { font-size: 21px; line-height: 24px; } #top-brands p { margin: 0 0 30px 0; } #top-brands .top-brands-list-wrap { float: left; width: 100%; position: relative; overflow-y: hidden; } #top-brands .top-brands-list { float: left; width: 100%; position: relative; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; -ms-overflow-style: none; scrollbar-width: none; } #top-brands .top-brands-list ul { float: left; width: 1190px; margin: 0; padding: 0; } #top-brands .top-brands-list::-webkit-scrollbar { display: none; /* Safari and Chrome */ } /* #top-brands .top-brands-list ul li { float: left; width: 48%; margin: 0 1% 2% 1%; list-style-type: none; } #top-brands .top-brands-list ul li a { float: left; width: 76%; margin: 0 2% 2% 2%; padding: 15px 10%; text-align: center; list-style-type: none; background: #fff; border: solid 1px #d5d5d5; -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: auto; max-width: 100%; height: auto; max-height: 60px; } */ #top-brands .button { float: none; } #top-brands .top-brands-list ul li { float: left; padding: 0 5px; list-style-type: none; overflow-y: hidden; text-align: center; } #top-brands .top-brands-list ul li a { float: left; width: 130px; height: 40px; padding: 5px 0; background: #fff; border: solid 1px #d5d5d5; -moz-border-radius: 6px; border-radius: 6px; } #top-brands .top-brands-list ul li img { width: auto; height: 40px; } #top-brands .top-brands-list ul li:first-child { padding-left: 30px; } #top-brands .top-brands-list ul li:last-child { } #top-brands #gradient-right { width: 25px; height: 80px; background: url(https://www.aussiehealthproducts.com.au/m/images/gradient-right-grey.png) repeat-y right 0; position: absolute; top: 0; right: 0; } #trending-products-wrap { float: left; width: 100%; padding: 30px 0; position: relative; overflow-y: hidden; } #trending-products-wrap h2 { float: left; width: 90%; padding: 0 5%; font-size: 21px; line-height: 24px; } #trending-products { float: left; width: 100%; padding: 0; position: relative; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } #trending-products::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #trending-products ul { float: left; width: 950px; padding: 0 20px; 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: #C30101; font-weight: bold; font-size: 18px; margin: 0 0 5px 0; } #trending-products ul li a { color: #757575; } #trending-products ul li .p-title { float: left; width: 100%; height: 38px; overflow: hidden; } #homepage-brands-wrap { float: left; width: 100%; padding: 0px 0% 10px 0; background: #fff; position: relative; } #homepage-brands-wrap h2 { width: 70%; padding: 10px 15%; margin: 0; text-align: center; } #homepage-brands-wrap h3 { width: 70%; padding: 0px 15%; text-align: center; } #homepage-brands-wrap h3 a { color: #C30000; border-bottom: solid 1px #ed7b70; } #homepage-brands { width: 100%; margin: 0 auto; position: relative; } #homepage-brands ul { width: 100%; padding: 10px 0; margin: 0; height: 40px; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; -ms-overflow-style: none; scrollbar-width: none; } #homepage-brands ul::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #homepage-brands ul li { float: none; width: auto; height: 45px; margin: 0; padding: 0; list-style-type: none; overflow-y: hidden; text-align: center; display: inline; padding: 0 8px; } #homepage-brands ul li img { width: auto; height: 45px; } #homepage-brands ul li:first-child { padding-left: 30px; } #homepage-brands ul li:last-child { padding-right: 30px; } #homepage-brands-wrap #gradient-right { width: 25px; height: 80px; background: url(https://www.aussiehealthproducts.com.au/m/images/gradient-right-white.png) repeat-y right 0; position: absolute; top: 0; right: 0; } #home-wholefoods { float: left; width: 90%; padding: 30px 5%; } #home-wholefoods h2 { font-size: 21px; line-height: 24px; } #home-wholefoods .wholefoods-list .top-wholefoods { float: left; width: 96%; margin: 10px 0 5px 0; padding: 0 2%; } #home-wholefoods .wholefoods-list .top-wholefoods li { float: left; width: 29%; margin: 0 2% 0 2%; list-style-type: none; text-align: center; } #home-wholefoods .wholefoods-list .top-wholefoods li img { width: 80%; height: auto; max-width: 100px; max-height: 100px; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 5px 0; } #home-wholefoods .wholefoods-list .top-wholefoods li a { color: #32302b; text-decoration: none; font-weight: bold; } #home-wholefoods .wholefoods-list .top-wholefoods .title { float: left; width: 100%; height: 40px; } #home-wholefoods .text { float: left; width: 84%; padding: 0 8% 30px 8%; text-align: center; } #home-wholefoods .text .button { float: none; } #home-wholefoods .text p { margin: 0 0 30px 0; } #home-wholefoods .wholefoods-cats { float: left; width: 100%; margin: 0; padding: 0; } #home-wholefoods .wholefoods-cats li { float: left; width: 31.3%; 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; } #home-diet-section { float: left; width: 100%; border-top: solid 1px #d5d5d5; padding: 30px 0 0 0; margin: -1px 0 30px 0; } #home-diet-section .text { float: left; width: 90%; text-align: center; padding: 0 5%; } #home-diet-section h2 { font-size: 21px; font-weight: bold; line-height: 24px; } #home-diet-section p { margin: 0 0 30px 0; } #home-diet-section .diet-cats { float: left; width: 100%; padding: 0 0%; } .d-section { float: left; width: 39.8%; padding: 20px 5% 0 5%; border-top: solid 1px #cce2dd; border-left: solid 1px #cce2dd; } #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; margin: 0; } #home-diet-section .diet-cats li.no-bg a { background: none; text-decoration: underline; text-align: left; } #home-diet-section .diet-cats li.no-bg a:hover { background: #077368; color: #fff; } #home-diet-section .m-no-divider { border-left: none; } #home-diet-section .diet-cats li:last-child { border-bottom: none; } #next-level-cats-wrap { float: left; width: 110%; box-sizing: border-box; position: relative; overflow-y: hidden; padding: 0 -5%!important; margin: -2px -5% 0 -5%; background: #fff; border-bottom: solid 1px #ccc; } #next-level-cats { overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 1rem; border: none; border-radius: 0px; -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */ margin: 0; padding: 0; } #next-level-cats ul { list-style: none; padding: 0; margin: 0 0 10px 0; white-space: nowrap; } #next-level-cats li { display: inline-block; padding: 0; min-width: 50px; } #next-level-cats li a { float: left; padding: 10px 20px; font-size: 12px; margin: 0 2px 0 0; color: #077368; background: #e6f3f0; -moz-border-radius: 25px; border-radius: 25px; text-decoration: none; } #next-level-cats li:first-child a { margin-left: 5px; } /* #next-level-cats-wrap #gradient-right { width: 25px; height: 80px; background: url(../images/gradient-right-white.png) repeat-y right 0; position: absolute; top: 0; right: 0; } */ /* --------------------------------------------------------------------------------- FAQ SECTION --------------------------------------------------------------------------------- */ #faq-section-wrap { float: left; width: 100%; background: #fff; border-top: solid 1px #d5d5d5; padding: 0 0 15px 0; } #faq-section-text { float: left; width: 90%; padding: 30px 5% 20px 5%; } #faq-section h2 { text-align: center; color: #32302b; font-weight: bold; font-size: 1.5em; margin: 0 0 30px 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: 90%; padding: 30px 5% 0 5%; text-align: center; } #faq-section .faq-thumb img { width: 100%; max-width: 140px; height: auto; -moz-border-radius: 50%; border-radius: 50%; } #faq-section ul { float: left; width: 100%; margin: 0; padding: 0; } #faq-section .faq-item { float: left; width: 100%; border-top: solid 1px #ccc; } #faq-section .faq-question { margin: 0; font-size: 13px; line-height: 18px; } #faq-section .faq-question button { font-size: 13px; line-height: 18px; } .faq-toggle-button { width: 100%; background: none; border: none; line-height: 1.6em; padding: 20px 15px; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 10px; outline: none; transition: background 0.3s ease; color: #666; font-size: 13px; line-height: 18px; } .faq-toggle-button:hover { background: none; color: #000; } .toggle-icon { font-weight: bold; font-size: 20px; width: 15px; 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; } /* --------------------------------------------------------------------------------- Footer - Subsections --------------------------------------------------------------------------------- */ #footer-blog { float: left; width: 90%; padding: 30px 5% 20px 5%; border-top: solid 1px #e0e1dc; } #footer-blog h3 { color: #32302B;} #footer-blog .article { float: left; width: 48%; padding: 15px 0; min-height: 350px; } #footer-blog .article:nth-child(odd) { float: right; } #footer-blog .article .thumb { float: left; width: 100%; margin: 0 0 15px 0; } #footer-blog .article .thumb img { width: 100%; } #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; } #footer-blog .article p { margin: 0; } #footer-blog .article a { color: #C30000; } #footer-review-bar { float: left; width: 100%; margin: 0; padding: 12px 0; border-top: dotted 2px #1e9488; } #footer-review-bar a { float: left; width: 100%; } #footer-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; } #footer-review-bar .stars { width: 100%; text-align: center; padding: 0 0 10px 0; } #footer-review-bar .rating { width: 30%; padding: 0 3% 0 0; text-align: right; color: #fff; } #footer-review-bar .reviews-num { float: left; width: 33%; padding: 0; text-align: center; color: #ff7849; } #footer-review-bar .reviews-io-logo { width: 31%; padding: 2px 0 0 3%; text-align: left; } #footer-review-bar .reviews-io-logo img { height: 15px; width: auto; } /* --------------------------------------------------------------------------------- Brand Logos --------------------------------------------------------------------------------- */ #brand-feature-wrap { float: left; width: 90%; background: #fafaf9; padding: 30px 5% 20px 5%; text-align: center;} #brand-feature { border-top: none; } #brand-feature h2 a { color: #bc0000; } #brand-feature ul { float: left; width: 98%; margin: 0; padding: 10px 0 0 2%; display: table; } #brand-feature ul li { float: left; margin: 0; list-style-type: none; height: 70px; width: 33.3%; text-align: center; display: table-cell; vertical-align: middle; } #brand-feature ul li img { max-width: 100px; max-height: 60px; vertical-align: middle; } #brand-feature ul li:last-child { display: none; } /* Horizontal Slider Version */ #brand-slider-wrap { float: left; width: 100%; padding: 20px 0%; background: #fafaf9; position: relative; overflow-x: scroll; } #brand-slider-wrap h2 { width: 70%; padding: 10px 15%; text-align: center; } #brand-slider { width: 100%; margin: 0 auto; position: relative; } #brand-slider ul { width: 100%; padding: 10px 0; margin: 0; height: 40px; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; -ms-overflow-style: none; scrollbar-width: none; } #brand-slider ul::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #brand-slider ul li { float: none; width: auto; height: 45px; margin: 0; padding: 0; list-style-type: none; overflow-y: hidden; text-align: center; display: inline; padding: 0 8px; } #brand-slider ul li img { width: auto; height: 45px; } #brand-slider ul li:first-child { padding-left: 30px; } #brand-slider ul li:last-child { padding-right: 30px; } #brand-slider-wrap #gradient-right { width: 25px; height: 80px; background: url(https://www.aussiehealthproducts.com.au/m/images/gradient-right-grey.png) repeat-y right 0; position: absolute; top: 0; right: 0; } /* --------------------------------------------------------------------------------- Brand Page --------------------------------------------------------------------------------- */ #brand-az { float: left; width: 100%; padding: 10px 0 20px 0; margin: 0; } #brand-az li { float: left; width: 8.8%; text-align: center; font-weight: bold; list-style-type: none; padding: 0 1% 1% 1%; margin: 0; } #brand-az li a { float: left; width: 100%; text-decoration: none; padding: 5px 0; border: solid 1px #ccc; color: #000; } #brand-list { float: left; width: 100%; padding: 0; margin: 0 0 30px 0; } #brand-list ul { float: right; width: 100%; padding: 0; margin: 0; } #brand-list ul li { list-style-type: none; float: left; width: 47%; padding: 2px 3% 2px 0; height: 20px; overflow: hidden; } #brand-list ul li a { color: #505050; text-decoration: none; } #brand-list ul li a:hover { text-decoration: underline; } #brand-list ul li span { color: #ccc; } #brand-list ul li span.new { color: #86B95D; font-weight: bold; } #brand-list .brand-char-wrap { float: left; width: 100%; padding: 30px 0 0 0; } #brand-list .brand-char { font-size: 30px; text-align: center; float: left; width: 20%; padding: 15px 0; margin: 0 0 15px 0; color: #a79d88; font-weight: bold; background: #fafaf9; } /* --------------------------------------------------------------------------------- Content --------------------------------------------------------------------------------- */ table { color: #3a3a3a; } .previous { float: left; width: 100%; border-bottom: solid 1px #d5d5d5; padding: 0 0 10px 0; margin: 0 0 15px 0; } .previous a { float: left; color: #878787; text-decoration: none; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-prev-single.png) no-repeat 0 center; background-size: auto 11px; padding: 0px 5px 0px 14px!important; margin-left: 5px; } .previous a:first-child { margin-left: 0; } #heading { float: left; width: 100%; padding: 15px 0 5px 0; border-bottom: solid 1px #d5d5d5; } #heading h1 { margin: 0; text-align: center; margin: 0 0 10px 0; } #heading .refine-h1 { float: left; width: 100%; text-transform: uppercase; font-weight: normal; font-size: 20px; } #heading p { text-align: center; margin: 0 0 10px 0; font-style: italic; } #heading img { max-width: 100%; height: auto; } #heading .desc-expand, #heading .desc-contract { float: left; width: 100%; text-align: center; position: relative; margin: -40px 0 15px 0; padding: 35px 0 0 0; font-style: italic; font-size: 0.95em; } #heading .desc-expand { background: url(https://www.aussiehealthproducts.com.au/m/images/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 { float: left; width: 100%; margin-top: 15px; padding: 30px 0 0 0; text-align: left; border-top: dotted 2px #ccc; } #heading .description-expanded p { text-align: left; width: 100%; padding: 0; margin: 0 0 1.4em 0; } #heading .description-expanded h3 { font-size: 15px; color: #077368; } #heading .description-expanded h3 a { text-decoration: underline; color: #077368; } #heading .description-expanded blockquote { float: left; width: 90%; margin: 0 0 30px 0; color: #767676; padding: 20px 5% 20px 5%; background: #F3F1EC; border-left: solid 8px #07488F; font-style: italic; } #heading .description-expanded blockquote a { font-weight: bold; font-style: normal; color: #056AB8; } #heading .special-offer strong { color: #168c00; } .prod-unavailable { float: left; width: 80%; padding: 10px 10% 20px 10%; text-align: center; } .prod-unavailable .prod-thumb { width: 122px; margin: 0 auto; clear: both; } .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%; } .prod-unavailable .prod-thumb img { height: 80px!important; width: auto; max-width: 80px; } .prod-unavailable .more { float: left; width: 100%; color: #737373; font-style: italic; } .prod-unavailable h2 { float: left; width: 100%; font-weight: bold; } #sort-bar { float: left; width: 100%; /* border-bottom: solid 1px #d5d5d5; */ padding: 10px 0 10px 0; } #sort-bar .sort-wrap { float: left; width: 30%; display: block; min-height: 10px; } #sort-bar .results { float: left; width: 40%; text-align: center; color: #757575; font-style: italic; margin: 0; padding: 8px 0 6px 0; } #sort-bar select { background: #ffffff!important; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 70px!important; text-align: left!important; padding: 5px 0 5px 18px!important; } #sort-bar select.refine { padding-left: 12px!important; width: 76px!important; } #sort-bar select.right { width: } /* Optional: for Firefox to hide the dropdown arrow */ #sort-bar select::-ms-expand { display: none; } .product-row { float: left; width: 100%; border-top: solid 1px #d5d5d5; padding: 10px 0 5px 0; background: url(https://www.aussiehealthproducts.com.au/m/images/product-row-divider.gif) repeat-y center 0; } .product-row .product { float: left; width: 50%; padding: 10px 0; position: relative; } .product-row .product .thumb { clear: both; position: relative; width: 300px; padding-right: 5%; text-align: center; display: table-cell; height: 150px; vertical-align: middle;} .product-row .product:nth-child(2) .thumb { padding-right: 0; padding-left: 5%;} .product-row .product .thumb img { max-width: 90%; max-height: 150px; } .product-row .product .product-price { float: left; width: 97%; padding-right: 3%; padding-top: 20px; margin: 0 0 12px 0; } .product-row .product .product-desc { float: left; width: 91%; padding-right: 9%; padding-top: 5px; } .product-row .product:nth-child(2) .product-desc, .product-row .product:nth-child(2) .product-price { padding-right: 0; padding-left: 9%; width: 91%; } .product-row .product h2, .product-row .product h3 { margin: 0; line-height: 18px; } .product-row .product h2 span, .product-row .product h3 span { font-weight: normal; float: left; width: 100%; color: #757575; font-size: 13px; line-height: 16px; padding-bottom: 4px; } .product-row .product .size { float: left; width: 100%; padding-top: 4px; color: #757575; font-size: 13px; line-height: 16px; } .product-row .product .size .type { color: #57a559; font-style: italic; padding-left: 5px; } .product-row .product .size .type.gf { color: #7e5f16; } .product-row .product .out-of-stock { float: left; width: 100%; color: #ff2626; background: #fff; text-align: left; padding: 10px 0 0 0; font-style: italic; } .product-row .product .out-of-stock span { color: #000; } .product-row .product .new { text-transform: uppercase; color: #65b958; font-weight: bold; } .rrp { float: left; text-decoration: line-through; margin: 10px 0 0 10px; color: #797979; } .rrp sup { vertical-align: baseline; font-size: 13px; } .price, .product-total, .price-show { float: left; clear: both; color: #c30000; font-weight: 700; font-size: 30px; text-decoration: none; } .price sup, .price-show sup { font-size: 16px; } .product .arrow { float: right; } .label-sale { float: left; position: absolute; top: 40px; left: 0; width: 50px; height: 34px; padding-top: 16px; text-align: center; background: url(https://www.aussiehealthproducts.com.au/m/images/label-sale.png) no-repeat center center; background-size: 50px auto; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; } .label-new { float: left; position: absolute; top: -11px; right: -1px; width: 50px; height: 50px; text-align: center; background: url(https://www.aussiehealthproducts.com.au/m/images/label-new-corner.png) no-repeat center center; background-size: 50px auto; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; } .product-row .product:nth-child(2) .label-sale { left: 9%; } #pages { float: left; width: 100%; padding: 15px 0; border-top: solid 1px #d5d5d5; } .desc h1 { margin: 0 0 2px 0; } .desc h1 span { font-weight: normal; float: left; width: 100%; color: #757575; font-size: 15px; line-height: 22px; } .desc .size { color: #757575; font-size: 15px; line-height: 22px; } .desc .preheadline { float: left; width: 100%; font-weight: bold; text-transform: uppercase; color: #65B958; } .desc-image { float: left; width: 100%; padding: 20px 0 10px 0; position: relative; } .desc-image .on-special { float: right; position: absolute; right: 0; top: 60px; padding: 10px 20px; background: #c30000; color: #fff; } .desc { float: left; width: 100%; margin: 0 0 20px 0; } .desc .rrp, .desc .price, .desc .price-show { float: left; margin-bottom: 0!important; padding-bottom: 0!important; } .desc .price, .desc .price-show { float: left; margin: 0; } .desc h1 { font-size: 21px; line-height: 24px; padding: 0 3%; } .desc { text-align: center; } .desc .lg-photo { max-height: 300px; max-width: 80%; } .desc .price-bar { float: left; width: 100%; padding-top: 10px; } .desc #label { float: left; padding: 10px 0 0 10px; margin: 0; } .desc .special-offer { float: left; width: 100%; color: #168c00; text-align: left; padding-top: 10px; } .desc .special-offer .bold { font-weight: bold; } #product-wrap { float: left; width: 100%; padding: 20px 0 10px 0; position: relative; } #product-wrap .on-special { float: right; position: absolute; right: 0; top: 60px; padding: 10px 20px; background: #c30000; color: #fff; } #product-wrap img { max-height: 300px; max-width: 80%; } #product-thumbs .thumbnails { float: left; width: 100%; padding: 15px 0 0 0; } #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: 80px; max-height: 70px; padding: 10px; } #product-thumbs .thumbnails li.selected img { border: solid 1px #ccc; } .add-to-cart { float: left; width: 100%; margin: 0 0 10px 0; } .add-to-cart .btn-orange { float: right; width: 76%; } .add-to-cart .btn-green { float: right; width: 76%; } .add-to-cart .btn-full-width { float: left; width: 100%; } .add-to-cart select { float: right; width: 76%; font-size: 19px!important; padding: 7px; margin: 0 0 15px 0; border: solid 2px #d5d5d5; } .add-to-cart .btn-orange a { background: none; text-align: center; text-indent: 0; } .add-to-cart .btn-green a { background: none; text-align: center; text-indent: 0; } .add-to-cart .add-qty { float: left; border: solid 2px #d5d5d5; width: 15%; padding: 9px 10px; text-align: center; font-size: 23px!important; font-weight: bold; } .number-in-cart { width: 100%; float: left; margin: 0; clear: both; padding: 10px 0; background: #148479; text-align: center; color: #fff; font-style: italic; } .number-in-cart a { font-weight: bold; color: #fff; } .number-in-cart a span { color: #fff; text-decoration: none; } .number-in-cart span { font-weight: bold; color: #000; } #prod-info .description { float: left; width: 100%; padding: 20px 0 20px 0; } #prod-info .description img { max-width: 100%!important; height: auto!important; } #brand-info { float: left; width: 90%; padding: 30px 5% 30px 5%; text-align: center; border-top: solid 1px #ccc; } #brand-info #brand-thumb { float: left; width: 100%; margin: 0 0 30px 0; } #brand-info #brand-thumb img { max-height: 50px; } #brand-info .btn-brand { float: left; margin-top: 10px; width: 90%; border: solid 2px #bdbdbd; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 5%; color: #000; font-weight: 700; text-decoration: none; } #brand-info .more { white-space: nowrap; } #product-reviews-wrap { float: left; width: 90%; background: #FAFAF9; padding: 20px 5% 5px 5%; margin: 0 0 10px 0; } #widget, #ReviewsWidget { float: left; width: 100%; } #product-benefits { float: left; width: 100%; margin: 10px 0 0 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: 15px; line-height: 20px; } #product-benefits li { margin: 0; padding: 2px 0 2px 28px; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-tick.png) no-repeat 0 4px; background-size: 16px auto; list-style-type: none; } #product-benefits p { margin: 0 0 10px 0; } #product-benefits ul.label li { } #australian-made { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; } #australian-made ul { margin: 0; padding: 0; } #australian-made li { font-style: italic; font-size: 15px; color: #329800; } #australian-made li { margin: 0; padding: 3px 0 3px 28px; background: url(https://www.aussiehealthproducts.com.au/images/icon-koala.png) no-repeat 0 3px; background-size: auto 16px; list-style-type: none; } #bulk-buys { float: left; width: 88%; padding: 20px 6% 15px 6%; margin: 0; background: #f0ebe2; } #bulk-buys h3 { color: #32302B; margin: 0 0 10px 0; } #bulk-buys table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } #bulk-buys table th { text-align: left; font-weight: normal; text-transform: uppercase; } #bulk-buys table th, #bulk-buys table td { border-collapse: collapse; padding: 5px 0; border-top: solid 1px #d1cbc2; padding-right: 30px; text-align: left; } #bulk-buys .td-discount { color: #ca0200; } #bulk-buys .td-qty { width: 40px; } #bulk-buys .td-price { width: 80px; } #content-general img { width: 90%; text-align: center; } .add-to-cart { float: left; width: 100%; text-align: center; font-style: italic; } #size-options { float: left; width: 100%; margin: 0 0 20px 0; } #size-options select { float: left; width: 98%; padding: 10px 15px; background: #f6f6f6; background-size: auto 100%; border: solid 1px #ccc; -moz-border-radius: 6px; border-radius: 6px; font-size: 17px; font-style: italic; color: #666; } #label.organic { font-style: italic; color: #57a559; } #label.gluten-free { font-style: italic; color: #7e5f16; } .sold-out-heading { float: left; width: 100%; padding: 10px 0 0 0; border-top: 1px solid #d5d5d5; } .sold-out-heading span { font-weight: bold; color: #aa302f; } .brand-list { float: left; width: 100%; margin: 0 0 20px 0!important; padding: 0!important; } .brand-list li { float: left; width: 50%; margin: 0!important; list-style-type: none; padding: 0!important; text-align: center; } .brand-list li img { width: auto!important; margin: 0; padding: 0; height: 80px; } .img-extend { width: 100%; height: auto; } #sidebar-content { float: left; width: 100%; padding: 20px 0% 10px 0%; } #sidebar-content img { max-width: 45%; height: auto!important; text-align: center; } #promo-content { float: left; width: 90%; padding: 30px 5%; background: #fafaf9; } #promo-content img { max-width: 45%; height: auto!important; } #promo-content table { width: 100%; border: none; border-bottom: solid 1px #ccc; margin: 0 0 20px 0; border-collapse: collapse; } #promo-content table th { border: solid 1px #ccc; background: #F3F1EC; 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; } .best-before, .best-before-v2 { float: left; width: 100%; text-transform: uppercase; padding: 0 0 20px 0; } .best-before { color: #C30000; } .best-before-v2 { color: #666; } .product .best-before { padding: 2px 0 0 0; } #paylater { float: left; width: 100%; border-top: solid 1px #E0E1DC; border-bottom: solid 1px #E0E1DC; padding: 20px 0 20px 0; margin: 0 0 10px 0; } #paylater .pay { float: left; width: 45.5%; padding: 0 2%; text-align: center; } #paylater.pl-trio .pay { width: 29%; } #paylater .pay span { float: left; width: 100%; color: #76746F; line-height: 1.5em; } #paylater .pay span a { color: #76746F; } #paylater .pay img { height: 17px; margin: 0 0 10px 0; } #paylater .afterpay { border-right: solid 1px #E0E1DC; } #paylater .zip { /* border-right: solid 1px #E0E1DC; */ } #category-callouts { float: left; width: 100%; margin: 0 auto; position: relative; border-bottom: solid 1px #c2c2c1; } #category-callouts ul { float: left; width: 100%; padding: 15px 0; margin: 0; } #category-callouts ul li { float: left; width: 44%; margin: 0; padding: 0 3%; list-style-type: none; text-align: center; display: inline; } #category-callouts ul li .title { float: left; width: 100%; min-height: 55px; line-height: 1.2em; font-size: 1.2em; font-weight: bold; color: #32302B; } #category-callouts ul li img { /* float: left; */ width: 100%; max-width: 250px; height: auto; background: #fff; -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; } #brand-removed { float: left; width: 100%; padding: 30px 0 0 0; text-align: center; } #brand-removed h3 { color: #c80000; font-size: 17px; line-height: 20px; margin: 0 0 30px 0; } #brand-removed h3 span { font-size: 22px; } #brand-removed .brand-recommended { float: left; padding: 20px 4%; width: 92%; border: solid 1px #ccc; margin-top: 20px; } #brand-removed .brand-recommended h3 { margin-bottom: 20px; } #brand-removed h4 { font-size: 17px!important; margin: 0 0 10px 0; } #brand-removed .thumb { float: left; height: 180px; width: auto; margin-right: 30px; } #brand-removed .btn-margin { margin-top: 30px; } #brand-removed .btn-margin { -moz-border-radius: 6px; border-radius: 6px; box-shadow: 1px 1px 2px #c5c5c5; border-bottom: none; background: url(https://www.aussiehealthproducts.com.au/m/images/btn-orange-bg.gif) repeat-x 0 0 #ff470f; background-size: 10px 35px; list-style-type: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 20px; } #brand-removed .btn-margin a { width: 85%; float: left; line-height: 1.3em; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-v4.png) no-repeat 95% center; background-size: auto 18px; padding: 10px 10% 12px 5%; text-align: left; color: #fff; text-decoration: none; font-weight: 700; text-shadow: #ce4511 2px 2px 1px; text-transform: uppercase; } #brand-removed .btn-margin a:hover { background: #cc4612; } #coupon-signup { float: left; width: 100%; padding: 0 0 30px 0; border-bottom: solid 1px #ccc; margin: 0 0 30px 0; } .special-offer h1 { font-size: 24px; padding-top: 15px; } #coupon-signup fieldset { float: left; width: 100%; padding: 0; margin: 0; } #coupon-signup fieldset p { float: left; width: 100%; position: relative; margin: 0; font-size: 0.7em; } #coupon-signup fieldset label { position: absolute; padding: 0; margin: 0; top: 10px; left: 10px; 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: 50%; font-size: 15px; padding: 7px 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: left; -webkit-appearance: none; -webkit-border-radius: 0; } .h-intro { text-transform: uppercase; } .about-page #content { background: #fafafa; } .about-page #content-general img { float: right; max-width: 50%!important; height: auto; } #about-feedback { float: left; width: 90%; margin: 20px 0; padding: 20px 5% 10px 5%; border-left: solid 5px #0068a9; background: #cfe6f3; } #about-feedback h2 a { color: #0068a9; } .table-style { width: 100%; border: none; border-collapse: collapse; border-bottom: solid 1px #ddd3c0; margin: 0 0 20px 0; } .table-style th { background: #dcd1bd; color: #6a6459; padding: 5px; text-align: left; } .table-style td { background: #f6f2ea; border-top: solid 1px #ddd3c0; padding: 5px; } .table-style strong { color: #6a6459; } .table-style p { font-size: 1.0em; margin: 0; } #popular-tags { float: left; width: 100%; border-top: solid 3px #c8c7c7; padding: 30px 0 18px 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 12px 12px 0; } #popular-tags ul li a { float: left; padding: 5px 10px; background: #e0e0e0; -moz-border-radius: 5px; border-radius: 5px; color: #797979; text-decoration: none; } #alternates-wrap { float: left; width: 100%; background: #fff; padding: 20px 0; } #alternates { float: left; width: 100%; } #alternates ul { margin: 0; padding: 0; width: 100%; } #alternates ul li { list-style-type: none; float: left; width: 33%; padding: 0; text-align: center; } #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 { float: none; text-align: center; margin: 0 auto 10px auto; max-height: 110px; max-width: 110px; } #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: 100%; } #trending-products-wrap-outer { float: left; width: 100%; } #trending-products-wrap-outer #trending-products-wrap { padding: 20px 0!important; background: #FAFAF9; } #trending-products-wrap-outer #trending-products-wrap { float: left; width: 100%!important; margin: 0; box-sizing: border-box; padding: 0; } #trending-products-wrap-outer #trending-products-wrap h2 { padding-left: 5%; font-size: 16px; } #trending-products ul li .thumb { width: 130px; height: 130px; } #trending-products ul li .thumb img { max-height: 90px; max-width: 90px; } /* ------------------------------------------------------------------------------ USED TO EXTEND SECTIONS WITHIN CAT PAGES THAT HAVE TRENDING SECTION --------------------------------------------------------------------------------- */ #content.no-padd { width: 100%!important; padding-left: 0!important; padding-right: 0!important; } #content.no-padd #sort-bar { width: 90%; padding-left: 5%!important; padding-right: 5%!important; } #content.no-padd #next-level-cats { } #content.no-padd #next-level-cats-wrap { width: 100%; margin: -2px 0 0 0; } #content.no-padd #next-level-cats-wrap { width: 100%; padding: 0; margin: -2px 0 0 0; } #content.no-padd #next-level-cats-wrap { } #content.no-padd #next-level-cats li:first-child a { margin-left: 10px; } #content.no-padd #next-level-cats li:last-child a { margin-right: 10px; } #content.no-padd .product-row { width: 90%; margin-left: 5%; margin-right: 5%; } #content.no-padd #pages { width: 90%; padding-left: 5%; padding-right: 5%; } #content.no-padd .previous { width: 90%; margin-left: 5%!important; margin-right: 5%!important; } #content.no-padd #heading, #content.no-padd #popular-tags { width: 90%; padding-left: 5%; padding-right: 5%; } /* ------------------------------------------------------------------------------ PRODUCT EXTENDED INFORMATION --------------------------------------------------------------------------------- */ #extended-product-information { float: left; width: 100%; padding: 20px 0; } #extended-product-information h2 { margin: 0 0 20px 0; } #extended-product-information img { max-width: 100%; height: auto; } #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: 86%; margin: 0; padding: 20px 7% 5px 7%; border-bottom: solid 2px #d4d4d4; list-style-type: none; } #faq li h3 { font-size: 14px; text-transform: none; margin: 0 0 15px 0; /* background: url(../images/icon-expand.png) no-repeat 3% center; background-size: 12px auto; */ } #faq div { float: left; width: 80%; padding: 10px 10%; } #faq .ui-accordion-header-active { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-contract.png) no-repeat 3% center #fff; background-size: 12px auto; } #faq h3, #faq h3:hover, #faq h3:active, #accordion h3:focus, #accordion div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; } #faq h3:first-child, #faq li:last-child { border: none; } #faq .ui-accordion-header-active:hover { background-color: #fff!important; } /* --------------------------------------------------------------------------------- BRAND ABOUT SECTION --------------------------------------------------------------------------------- */ #brand-about-wrap { float: left; width: 100%; background: #fafaf9; border-top: solid 1px #e0e1dc; text-align: center; } #brand-about-wrap.brand-photo-inc { margin-top: 75px; } #brand-about { float: left; width: 80%; padding: 0 10%; } #brand-about-text { float: left; width: 100%; padding: 40px 0; } #brand-about p { color: #737373; font-style: italic; } #brand-about h3 { text-transform: uppercase; font-weight: normal; color: #32302b; margin: 0 0 15px 0; } #brand-about h3 span { float: left; width: 100%; text-transform: none; font-size: 24px; line-height: 40px; font-weight: 800; margin: 0 0 25px 0; } #brand-about .b-logo { max-width: 170px; max-height: 80px; 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: 35%; margin: 0 0 5px 0; height: auto!important; -moz-border-radius: 6px; border-radius: 6px; } .brand-founders { position: relative; padding: 10px; width: 130px; background: #fafaf9; border: solid 1px #dadbd7; -moz-border-radius: 50%; border-radius: 50%; margin: -65px auto -20px auto; } .brand-founders img { -moz-border-radius: 50%; border-radius: 50%; width: 130px; height: 130px; z-index: 999; position: relative; } .brand-founders span { float: left; width: 152px; height: 100px; background: #fafaf9; position: absolute; top: 65px; left: -1px; z-index: 900; } #brand-about ul { float: left; width: 100%; margin: 0; padding: 0; text-align: left; } #brand-about ul li { margin: 0; padding: 0 0 0 20px; text-align: left; } /* 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: #f5f5f5; 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: #fafafa; } /* Highlight the first column */ #brand-about table td:first-child, #faq-section table td:first-child { font-weight: 600; color: #444; } /* --------------------------------------------------------------------------------- Shopping Cart --------------------------------------------------------------------------------- */ #shopping-cart { float: left; width: 100%; margin: 0 0 10px 0; } #shopping-cart .product { border-bottom: 1px solid #d5d5d5; float: left; padding: 10px 0; width: 100%; } #shopping-cart .product .thumb { float: left; width: 15%; text-align: center; } #shopping-cart .product .thumb img { max-width: 95%; max-height: 80px; } #shopping-cart .product .product-desc { float: right; width: 80%; padding-right: 3%; } #shopping-cart .cart-qty { border: solid 2px #d5d5d5; width: 40px; padding: 5px; font-size: 16px!important; font-weight: bold; } #shopping-cart .price { font-size: 20px; color: #6d6d6d; font-weight: normal; } #shopping-cart .product-total { float: right; font-size: 20px; clear: none; padding-top: 6px; } #shopping-cart .product h2 { float: left; width: 100%; font-weight: normal; font-size: 13px; line-height: 18px; color: #505050; } #shopping-cart .product h2 a { color: #505050; } #shopping-cart .product h2 .left { width: 88%; } .xms { width: 100%; clear: both; padding: 20px 0 10px 0; border-bottom: 1px solid #d5d5d5; } #center-heading { text-align: center; padding: 10px 0 15px 0; border-bottom: solid 2px #9FCE55; } #center-heading h1 { font-size: 24px; font-style: italic; margin: 0; } .just-added { background: #9FCE55; text-align: center; padding: 5px 10% 10px 10%; } .just-added p { margin: 0; color: #fff; font-style: italic; } .coupon-success { background: #559f29; color: #d7f2cf; font-size: 14px; font-style: italic; text-align: center; padding: 12px 0; clear: both; margin-top: -2px; line-height: 30px; } .coupon-success strong { color: #fff; font-style: normal; } .coupon-success span { border: dotted 2px #fff; color: #fff; font-style: normal; padding: 3px 8px; margin: 0 3px; font-weight: bold; } .coupon-success .tick { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-tick-02.png) no-repeat 0 center; border: none; background-size: 18px auto; padding: 10px; } .shipping-options td { padding-top: 12px; } .ship-opt { font-size: 12px!important; color: #666; line-height: 28px; } #ship-info { font-size: 12px; color: #666; font-style: italic; } #ship-info td { padding-bottom: 6px; } #total-price { font-size: 16px; margin-bottom: 25px; } #total-price .total td { font-weight: 700; color: #000; padding-top: 15px; font-size: 19px; } #total-price .subtotal td { padding-top: 15px; } #myform { float: left; width: 100%; } #coupon-code, #shipping-postcode { float: left; width: 100%; border: solid 2px #077368; background: #E6F2EF; -moz-border-radius: 5px; border-radius: 5px; } #coupon-code p, #shipping-postcode p { float: left; width: 90%; position: relative; margin: 5%; } #coupon-code label, #shipping-postcode label { position: absolute; top: 5px; left: 8px; font-style: italic; color: #8a8a8a; } #coupon-code input[type="text"], #shipping-postcode input[type="text"] { float: left; border: solid 1px #077368; padding: 5px; width: 67%; } #coupon-code #Email { width: 63%; } #shipping-postcode input[type="text"] { width: 55%; } #coupon-code #apply-coupon { float: right; } .red-link { color: #c30000; } /* --------------------------------------------------------------------------------- ARTICLES | E-MAGAZINE --------------------------------------------------------------------------------- */ #article-list { float: left; width: 100%; padding-bottom: 30px; } #article-list .article-row { float: left; width: 100%; padding-top: 10px; } #article-list .article { float: left; width: 100%; margin: 0 0 20px 0; text-align: center; } #article-list .article img { width: 100%; margin: 0 0 20px 0; } #article-list .article h2 { font-size: 1.5em; line-height: 1.3em; text-transform: uppercase; font-weight: 700; } #article-list .date { text-transform: uppercase; color: #b5b5b5; } #article-list .date span { font-weight: 600; color: #979797; } #article-right .thumb { width: 100%; } #article-left p { font-size: 1.05em; line-height: 1.45em; margin: 0 0 1.45em 0; } #article-left p a, #article-left li a { color: #bc0000; } #article-left img { max-width: 100%!important; height: auto!important; } #article-left h2 { color: #0a579b; font-weight: bold; margin: 0 0 1.0em 0; font-size: 1.6em; line-height: 1.3em; } #article-left h3 { margin: 0 0 1.0em 0; } #article-left blockquote { float: left; width: 100%; font-style: italic; margin: 5px 0 30px 0; padding: 20px 0 5px 0; border-top: dotted 2px #0a579b; border-bottom: dotted 2px #0a579b; } #article-left blockquote p, #article-left p em { color: #0a579b; } #article-left blockquote strong { font-style: normal; font-weight: bold; } #article-left .img-topmargin { margin-top: 15px; } #article-left .sm { font-size: 10px!important; } #article-left ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #article-left 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 15px 12px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ /* border-top:1px solid #0a579b; */ background:#fff; } #article-left 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:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* 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: 3px 4px; color:#fff; background:#0a579b; font-weight:bold; text-align:center; -moz-border-radius: 30px; border-radius: 30px; } #heading.heading-article { text-align: center; background: #fff; border-bottom: dotted 2px #ccc; padding: 30px 5%; width: 90%; } #article-heading .cat { text-transform: uppercase; color: #a4a199; text-align: center; } #article-heading .cat span { color: #888379; font-weight: 600; } #article-heading h1 { width: 100%; text-align: center; font-size: 2.2em; line-height: 1.2em; font-weight: bold; } #article-photo { float: left; width: 100%; } #article-photo img { width: 100%; } #article-products { float: left; width: 100%; text-align: center; padding-top: 20px; } #article-products h2 { font-size: 1.3em; font-weight: 700; } #article-products ul { float: left; width: 100%; margin: 0; padding: 0; } #article-products ul li { float: left; width: 100%; text-align: center; padding: 20px 0; border-top: solid 1px #ccc; margin: 0; list-style-type: none; } #article-products ul li .img { float: left; width: 100%; margin: 0 0 10px 0; } #article-products ul li img { max-height: 160px; max-width: 80%; width: auto!important; } #article-products ul li .fn { float: left; width: 100%; } #article-comments { float: left; width: 100%; border-top: dotted 2px #ccc; text-align: center; padding: 30px 0; margin-bottom: 20px; background: #f5f3ee; } #article-comments h2 { font-size: 1.8em; font-weight: 700; } #disqus_thread { padding-left: 10px!important; padding-right: 10px!important; } #article-more h3.bottom-border { float: left; width: 100%; text-align: center; margin: 0; padding: 30px 0 10px; color: #32302b; } #article-more .article { float: left; width: 100%; border-top: solid 1px #ccc; padding: 15px 0; background: #fff; } #article-more .article.first { border-top: solid 3px #4c9dd0; } #article-more .article .thumb { float: left; width: 25%; } #article-more .article img { float: left; width: 100%; } #article-more .article .article-details { float: right; width: 69%; padding-right: 0%; } #article-more .article .article-details span { color: #666; font-style: italic; } #article-more .article h4 { font-size: 1.0em; line-height: 1.3em; margin: 0; } #article-more .article h4 a { color: #4c9dd0; font-weight: normal; text-decoration: none; } #article-more .article p { font-size: 0.9em; line-height: 1.3em; margin: 0; } .share-btns { float: left; width: 100%; margin: 0 0 20px 0; } #feature-image img { width: 100%!important; margin: 0 0 30px 0; } .references { float: left; width: 100%; border-top: solid 1px #ccc; padding-top: 30px; margin-top: 20px; } .references p, .references li { font-size: 12px!important; } .references a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .author { float: left; width: 100%; border-top: 1px solid #ccc; padding: 20px 0 0 0; } .author .thumb { float: left; width: 16%; } .author .thumb img { border-radius: 50%; width: 100%; } .author .info { float: right; width: 80%; } #lead-magnet { float: left; width: 80%; padding: 20px 10%; background: #dcd1bf; margin: 0 0 20px 0; text-align: center; } #lead-magnet fieldset { float: left; width: 100%; margin: 0; padding: 0; } #lead-magnet #lead-subscribe { float: left; width: 100%; height: auto; -webkit-appearance: none; -webkit-border-radius: 0; } #lead-magnet #lead-magnet-email { width: 94%; padding: 5px 3%; font-size: 17px; text-align: left; background: #fff; border: solid 1px #c7bba7; -moz-border-radius: 6px; border-radius: 6px; } #lead-magnet h3 { color: #32302b; font-size: 1.35em; margin: 0 0 10px 0; } #lead-magnet .row { float: left; width: 100%; margin: 0 0 10px 0; position: relative; } #lead-magnet .row label { position: absolute; text-align: left; top: 5px; left: 10px; z-index: 100; color: #ccc; cursor: text; } /* --------------------------------------------------------------------------------- RELATED ARTICLES --------------------------------------------------------------------------------- */ #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: 90%; color: #fff!important; background: #094a8e; padding: 10px 5%; margin: 0 0 2px 0; font-size: 14px; text-transform: uppercase; } #related-articles .article { float: left; width: 90%; padding: 5% 5%; background: #f5f1eb; margin: 0 0 2px 0; } #related-articles .article .thumb { float: left; width: 100%; margin: 0 0 15px 0; } #related-articles .article .thumb img { float: left; width: 100%; } #related-articles .article h4, #related-articles .article p { float: right; width: 90%; text-align: center; margin: 0!important; padding: 0 5%!important; } #related-articles .article h4 { margin: -15px 0 10px 0!important; font-style: italic; color: #000; } #related-articles .article h4 a { text-transform: none; text-decoration: none; color: #000; } /* --------------------------------------------------------------------------------- COMPETITION PAGES --------------------------------------------------------------------------------- */ #competition { float: left; width: 100%; padding: 20px 0; text-align: center; } #competition h1 { margin: 0 0 30px 0; } #competition h1 span { font-size: 24px; padding-top: 15px; line-height: 40px; } #competition p { font-size: 15px; line-height: 19px; } /* --------------------------------------------------------------------------------- FIELDSET / CHECKOUT --------------------------------------------------------------------------------- */ .hide-nav-options #icon-menu, .hide-nav-options #icon-search, .hide-nav-options #icon-cart, .hide-nav-options #header { display: none; } .hide-nav-options #header { display: none; } .hide-nav-options #center-heading { padding-top: 0; } .customer-details { float: left; width: 100%; margin: 0 0 10px 0; padding: 20px 0 0 0; } .customer-details p { float: left; width: 100%; margin: 0 0 15px 0; font-weight: bold; line-height: 25px; color: #077368; } .customer-details p input[type=text], .customer-details p input[type=email], .customer-details p input[type=password], .customer-details select { float: left; width: 96%; padding: 5px 1.9%; font-size: 16px; border: solid 1px #ccc; background: #fff; border-radius: 3px; -moz-border-radius: 3px; } .customer-details select { width: 98%; padding: 5px; text-transform: none; } .customer-details p label span { color: #999; font-style: italic; font-weight: normal; } .customer-details .delivery-instructions { border-top: dotted 2px #ccc; padding-top: 15px; } .error { float: left; width: 90%!important; font-style: italic; padding: 10px 5%; line-height: 20px!important; text-align: center; background: #d32c2c; color: #fff!important; } .error a { color: #fff; } #calculate .error { padding-top: 0; padding-bottom: 0; line-height: 40px!important; font-size: 15px; } #payway-wrap { float: left; position: relative; width: 96%; padding: 0 2%; background: #FAFAF9; border: solid 1px #ccc; margin: 0 0 15px 0; -moz-border-radius: 6px; border-radius: 6px; } #payway-wrap frame { float: left; width: 100%!important; } #ccv-explanation { display: none; } #creditCard { float: left; width: 100%; } #creditCard p { float: left; width: 100%; margin: 0 0 5px 0; } #creditCard select { padding: 5px 1.9%; font-size: 16px; border: solid 1px #ccc; background: #fff; border-radius: 3px; -moz-border-radius: 3px; } #creditCard input { float: left; width: 96%; padding: 5px 1.9%; font-size: 16px; border: solid 1px #ccc; background: #fff; border-radius: 3px; -moz-border-radius: 3px; } #creditCard .whats-this { float: left; padding: 6px 0 0 10px; color: #959595; } #creditCard label { float: left; width: 100%; margin: 0; padding-top: 2px; font-weight: bold; line-height: 25px; color: #077368; } #creditCard .card-img { float: left; margin: 0; width: 20%; padding-top: 2px; } #ccvHint { float: left; width: 91%; color: #666; font-style: italic; margin: 0 0 15px 0; background: #F3F1EC; border: dotted 1px #ccc; padding: 10px 4%; } #creditCard #cardNumber { float: left; margin: 0 10px 0 0; } #cart-pay h2 { float: left; width: 100%; margin-top: 15px; font-style: italic; } #total-price .free { color: #5d9813; text-transform: uppercase; } #total-price .discount { font-weight: bold; color: #458e1a; font-size: 14px; padding: 0 3px; } #total-price .discount a { color: #b42121; font-weight: normal; font-size: 13px; font-style: italic; padding: 0 3px; text-decoration: none; } #total-price .discount a:hover { background: #458e1a; color: #fff; } #total-price .discount-total td { border-bottom: dotted 2px #458e1a; padding: 15px 0; } #total-price .discount-total td:nth-child(2) { color: #458e1a; font-weight: bold; } #cardExpiryMonth, #cardExpiryYear { float: left; width: 47%; text-align: center; } #cardExpiryYear { float: right; } /* ----- OLD PAYMENT STYLE ------- */ /* .payment-tabs { float: left; width: 100%; margin: 0; padding: 0; } .payment-tabs li { float: left; padding: 0; margin: 0 5px 0 0; list-style-type: none; } .payment-tabs li a { float: left; padding: 10px 8px; background: #faf2e7; text-decoration: none; color: #cc8d34; } .payment-tabs li a.active { background: #f8e7cf; border: solid 1px #d4b891; border-bottom: none; margin-bottom: -1px; z-index: 999; position: relative; } #cart-pay-wrap { float: left; width: 90%; padding: 20px 5%; border: solid 1px #d4b891; background: #f8e7cf; margin-bottom: 35px; } #cart-pay-wrap input { padding: 5px 1.9%; font-size: 15px; border: solid 1px #ccc; background: #fff; border-radius: 3px; -moz-border-radius: 3px; } #cart-pay-wrap .note { float: left; width: 90%!important; font-style: italic; padding: 10px 5%; line-height: 20px!important; text-align: center; border: dotted 2px #d32c2c; color: #d32c2c!important; } #cart-pay-wrap .sm-margin { margin-bottom: 8px; } */ /* ----- CAN DELETE AT SOME POINT ----------- */ #thank-you-email-signup, #thank-you-create-account { border: solid 1px #ccc; background: #F3F1EC; float: left; width: 88%; padding: 20px 6% 10px 6%; margin: 0 0 30px 0; text-align: center; } #thank-you-create-account .fieldW4 { padding: 5px; border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; background: #fff; font-size: 17px; } #thank-you-email-signup { background: #d6e6f4; border: solid 1px #265784; } #thank-you-create-account h2 { text-transform: uppercase; margin: 0 0 30px 0; } #order-complete { float:left; width: 100%; padding-top: 20px; text-align: center; margin: 0 0 20px 0; } #order-complete .address { float: left; text-align: left; border: solid 1px #ccc; width: 88%; padding: 20px 6% 10px 6%; } #order-complete-header { float: left; width: 90%; padding: 70px 5% 25px 5%; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-tick-02.png) no-repeat center 20px #4aa101; background-size: 40px auto; text-align: center; } #order-complete-header h2 { margin: 0; text-transform: uppercase; color: #fff; } #order-complete .order-details { float: left; width: 90%; padding: 0 5%; } #order-complete .order-details #email { white-space: nowrap; } #order-complete .address input[type="text"], #order-complete .address select { width: 96%; padding: 5px 1.9%; font-size: 15px; border: solid 1px #ccc; background: #fff; border-radius: 3px; -moz-border-radius: 3px; margin: 0 0 10px 0; } #order-complete .address .postcode { width: 130px!important; } #cart-pay-wrap .deliveryline { margin: 0; width: 75%; } #cart-pay-wrap .btn-green, #cart-pay-wrap .processing-payment { margin: 15px 0 40px 0!important;} #cbar_widget0 h2, #cbar_widget1 h2, #cbar_widget2 h2 { font-size: 16px!important; } .product-pic { max-width: 100%!important; } .processing-payment { -moz-border-radius: 6px; border-radius: 6px; border-bottom: none; background: url(https://www.aussiehealthproducts.com.au/m/images/processing.gif) repeat-x 0 0 #169701; list-style-type: none; padding: 0; margin: 0 0 15px 0; float: left; width: 100%; text-align: center; font-size: 20px; } .processing-payment span { width: 90%; float: left; line-height: 1.3em; text-align: center; padding: 12px 5% 12px 5%; color: #fff; text-decoration: none; font-weight: 700; text-transform: uppercase; } #order-complete-follow { float: left; width: 90%; padding: 30px 5% 0 5%; text-align: center; } #order-social-links a { display: inline; margin: 0 5px; } #order-complete .update-success { float: left; width: 100%; margin: 0 0 10px 0; color: #4aa101; font-weight: bold; padding-top: 5px; } #order-complete .register-btn { height: 25px!important; } #order-complete #options p { margin: 0 0 5px 0; } #order-complete #options p.incorrect { margin-bottom: 25px; } #order-complete #options p label { float: left; width: 100%; margin: 0 0 5px 0; } #order-complete #options p label span { color: #999; } #checkout-gift-section { float: left; padding: 20px 5%; width: 89.8%; background: #F4F1EC; border: solid 1px #ccc; border-top: none; } #gift-options { float: left; width: 100%; padding: 20px 0 10px 0; margin: 20px 0 0 0; border-top: dotted 2px #bcb09b; } #gift-options h2 { margin-bottom: 10px; } #gift-options h2.top-margin { margin-top: 10px; } #gift-options .input-option { margin: 0 0 10px 0; } #gift-options .input-option span { color: #CA0200; } #gift-options textarea { border: solid 1px #ccc; color: #515151; padding: 5px 1%; width: 98%; font-size: 15px; -moz-border-radius: 3px; border-radius: 3px; } /* ----- NEW PAYMENT PAGE STYLES --------- */ #pay-options { float: left; width: 100%; padding-top: 20px; } #pay-options h2 { margin: 0 0 15px 0; color: #077368; } #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(https://www.aussiehealthproducts.com.au/m/images/payment-option-unselected.png) no-repeat 15px center; background-size: 18px auto; border: solid 1px #d5d5d5; 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 #d5d5d5; -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(https://www.aussiehealthproducts.com.au/m/images/payment-option-selected.png) no-repeat 15px center; background-size: 18px auto; } #pay-options ul li a span { float: left; padding: 4px 0; margin-left: 42px; } #pay-options ul li a img { float: right; 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; } #order-summary-wrap { float: left; width: 100%; padding-bottom: 10px; background: url(https://www.aussiehealthproducts.com.au/m/images/shadow-30.png) repeat-x 0 bottom; background-size: 100% 12px; } #order-summary-header { float: left; width: 90%; padding: 10px 5%; background: #f4f1ec; } #order-summary-header .right { color: #077368; font-weight: bold; font-style: italic; } #order-summary-header .left span { background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-down.png) no-repeat right 6px; padding-right: 16px; background-size: 10px auto; } #order-summary-header .left .up-arrow { background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-up.png) no-repeat right 6px; background-size: 10px auto; } #order-summary { display: none; float: left; width: 80%; padding: 30px 10%; background: #f4f1ec; border-top: dotted 2px #c8c8c8; } #order-summary .close { float: left; width: 100%; text-align: center; color: #077368; font-style: italic; } #order-summary #total-price { width: 100%!important; } #order-summary #total-price td { padding-left: 0!important; padding-right: 0!important; } #order-summary .delivery-details { float: left; width: 100%; padding-bottom: 0px; border-bottom: solid 1px #d5d5d5; margin: 0 0 10px 0; } #order-summary #shopping-cart { border: solid 1px #d5d5d5; border-bottom: none; background: #fff; margin: 0 0 20px 0; } #order-summary #shopping-cart .price { font-size: 13px; color: #6d6d6d; font-weight: normal; } #order-summary #shopping-cart .product-total { font-size: 13px; padding-top: 0px; } #order-summary #shopping-cart .product h2 { font-size: 13px; font-weight: normal; } #shopping-cart .product .thumb { } #shopping-cart .product .thumb img { max-width: 80%; max-height: 60px; } /* --------------------------------------------------------------------------------- NOTIFICATION SYSTEM --------------------------------------------------------------------------------- */ #hover-overlay { background: #000; width: 100%; height: 100%; position: fixed; z-index: 990; opacity: 0.5; filter: alpha(opacity=50); } #notification-panel-wrap { float: left; width: 100%; position: absolute; top: 58px; left: 0; z-index: 999; } #notification-panel { float: left; width: 92%; margin: 0 4%; padding: 0; background: #fff; -moz-border-radius: 6px; border-radius: 6px; } #arrow-up { float: right; width: 22px; height: 10px; margin-right: 64px; background: url(https://www.aussiehealthproducts.com.au/m/images/arrow-up-white.png) no-repeat right 0; background-size: 22px auto; } #notification-panel #close { position: absolute; right: 7%; top: 20px; } #notification-panel #close span { float: left; width: 18px; height: 18px; background: url(https://www.aussiehealthproducts.com.au/m/images/icon-close.png) no-repeat center center; background-size: 18px auto; cursor: pointer; cursor: hand; } #notification-panel .signup-offer { float: left; width: 90%; padding: 20px 5%; } #notification-panel .label { float: left; width: 100%; padding: 5px 0; color: #ff661f; text-transform: uppercase; } #notification-panel .title { float: left; width: 100%; font-weight: bold; font-size: 1.3em; line-height: 1.4em; } #notification-panel .icon-bell { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-notification-bell-orange.png) no-repeat 0 center; background-size: 15px auto; text-indent: 20px; } #notification-panel .btn-green { float: left; width: 90%; padding: 10px 5%; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.3em; } #notification-panel .mail-list-wrap { float: left; z-index: 900; position: relative; width: 100%; margin: 15px 0; } #notification-panel .mail-list-wrap label { position: absolute; font-size: 16px; top: 10px; left: 12px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #notification-panel .mail-field { width: 93.3%; font-size: 1.3em; background: #fff; padding: 7px 3% 8px 3%; color: #000; float: left; border: solid 2px #ccc; font-family: 'Source Sans Pro', serif; font-weight: 300; } #notification-panel #cupo-applied { width: 80%; padding: 25px 10%; font-weight: normal; text-align: center; font-size: 1.3em; line-height: 1.8em; color: #73bb04; } #notification-panel #cupo-applied span { font-weight: bold; } #notification-panel .code { border: dashed 2px #73bb04; padding: 4px 8px; margin: 0 3px;} /* --------------------------------------------------------------------------------- BULK DISCOUNT / bulk-discount.php --------------------------------------------------------------------------------- */ .apply-discount-account { float: left; width: 90%; text-align: center; background: #ac3636; border: solid 1px #ac3636; color: #fff; margin: 0; padding: 20px 5%; } .apply-discount-account h2 { color: #fff; font-size: 21px; font-weight: bold; margin: 0; } #discount-application { width: 100%; margin: 0 auto; } #discount-application #contact-form-discount { float: left; background: #fff; border: solid 1px #ccc; border-top: none; width: 90%; padding: 20px 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; } /* --------------------------------------------------------------------------------- COUPON PAGE / coupons.php --------------------------------------------------------------------------------- */ #offer-coupon { float: left; width: 90%; padding: 30px 5%; } #mailing-cupo { float: left; width: 76%; padding: 30px 10%; background: #f7f4f0; border: solid 5px #77bb22; } #mailing-cupo h2 { color: #0e4783; font-weight: bold; font-size: 20px; } #mailing-cupo h3 { color: #32302b; font-weight: normal; } #mailing-cupo h3 span { font-weight: bold; } #mailing-cupo h2 span { font-weight: 700; } #mailing-cupo fieldset { float: left; } #mailing-cupo fieldset p { float: left; position: relative; margin: 0; font-size: 0.7em; } #mailing-cupo fieldset label { position: absolute; top: 8px; left: 10px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #mailing-cupo fieldset label, #mailing-cupo .input-field { font-size: 15px; } #mailing-cupo fieldset .input-field { width: 150px; font-size: 15px; padding: 8px 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; border: solid 1px #ccc; } #mailing-cupo #subscribe { -webkit-appearance: none; -webkit-border-radius: 0; } /* --------------------------------------------------------------------------------- SIDE OPTIN --------------------------------------------------------------------------------- */ #side-optin { float: right; width: 40px; position: fixed; bottom: 50px; right: 0; } #side-optin img { width: 40px; } /* ------------------------------------------------------------------------------ TRACK YOUR ORDER PAGE ------------------------------------------------------------------------------ */ #tracking-form-wrap { float: left; width: 100%; background: #fafaf9; padding: 25px 0 25px 0; } #tracking-form { float: left; width: 100%; } #tracking-form h1 { margin: 0 0 15px 0; } #tracking-form { width: 100%; 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 .col-1 { width: 45%; margin-left: 5%; } #tracking-form .col-2 { width: 45%; margin-right: 5%; } #tracking-form .col-3 { width: 100%; text-align: center; padding-top: 10px; } #tracking-form fieldset label { position: absolute; top: 11px; left: 13px; z-index: 100; color: #616161; font-style: italic; } #tracking-form fieldset .input-field { width: 80%; 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: 13px; } #tracking-form #track-btn { -moz-border-radius: 3px; border-radius: 3px; height: 36px; } #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 { width: 220px; height: auto; } #tracking-details { float: left; width: 100%; text-align: center; padding: 20px 0 30px 0; } #tracking-details h1 { color: #438bd8; } #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: 90%; margin: 0 5%; } #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 { float: left; width: 90%; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 5%; color: #fff; font-weight: 700; border: none; background: #c30000; } #tracking-details .delivery-details .btn span { background: url(https://www.aussiehealthproducts.com.au/images/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; margin: 0 0 5px 0; } #tracking-details .freight-status p { margin: 0; } #tracking-steps-wrap { float: left; width: 100%; } #tracking-steps { float: left; width: 100%; padding: 30px 0 10px 0; } #tracking-steps .step { float: left; width: 25%; text-align: center; background: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-grey.gif) no-repeat center 55px; } #tracking-steps .step-1 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-bggreen.gif); } #tracking-steps .step-4 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-greybg.gif); } #tracking-steps .status h4 { color: #438bd8; font-size: 13px; display: none; margin: 0; text-transform: uppercase; } #tracking-steps .status { float: left; width: 100%; padding: 68px 0 0 0; background-size: 50px auto!important; } #tracking-steps .step-1 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step1-completed.png) no-repeat center 0; } #tracking-steps .step-2 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step2.png) no-repeat center 0; } #tracking-steps .step-3 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step3.png) no-repeat center 0; } #tracking-steps .step-4 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step4.png) no-repeat center 0; } /* TRACKING STEPS - STAGE 2 */ #tracking-steps.stage-2 .step-2 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-greenbluegrey.gif); } #tracking-steps.stage-2 .step-2 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/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(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-green.gif); } #tracking-steps.stage-3 .step-2 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step2-completed.png) no-repeat center 0; } #tracking-steps.stage-3 .step-3 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-greenbluegrey.gif); } #tracking-steps.stage-3 .step-3 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/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(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-green.gif); } #tracking-steps.stage-4 .step-2 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step2-completed.png) no-repeat center 0; } #tracking-steps.stage-4 .step-3 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-green.gif); } #tracking-steps.stage-4 .step-3 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/icon-step3-completed.png) no-repeat center 0; } #tracking-steps.stage-4 .step-4 { background-image: url(https://www.aussiehealthproducts.com.au/images/tracking/step-divider-greenbg.gif); } #tracking-steps.stage-4 .step-4 .status { background: url(https://www.aussiehealthproducts.com.au/images/tracking/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%; } /* --------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------- */ .hide-footer-offer #footer-sub-wrap { display: none; } #footer-sub { padding: 25px 15% 30px 15%; width: 70%; text-align: center; color: #fff; } #footer-sub p { color: #fff; font-style: italic; } #footer-sub .discount { color: #9fce54; } #footer-sub .discount span { font-weight: bold; font-size: 16px; color: #9fce54; } #footer-sub #mail-list { float: left; width: 100%; padding: 0; text-align: center; } #footer-sub #mail-list h4 { float: left; width: 100%; text-align: center; text-transform: none; font-weight: 300; font-size: 22px; margin: 0 0 20px 0; } #footer-sub #mail-list h4 span { font-weight: 700; } #footer-sub #mail-list fieldset { margin: 0 0 0 50%; width: 50%; padding: 0; border: none; text-align: left; } #footer-sub #mail-list .mail-list-wrap { float: left; z-index: 900; position: relative; width: 260px; margin: 0 0 0 -125px; } #footer-sub #mail-list .mail-list-wrap label { position: absolute; font-size: 16px; top: 10px; left: 12px; z-index: 100; color: #979797; font-style: italic; cursor: text; } #footer-sub #mail-list .mail-field { width: 133px; font-size: 16px; background: #fff; padding: 7px 6px 8px 12px; border: none; color: #000; float: left; border: solid 1px #fff; border-right: none; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; font-family: 'Source Sans Pro', serif; font-weight: 300; } #footer-sub #mail-list .submit-btn { float: left; -webkit-appearance: none; -webkit-border-radius: 0; position: relative; top: 0; z-index: 999; height: 35px; margin-top: 0; } #footer-sub #mail-list p { float: left; clear: both; width: 100%; padding-top: 10px; text-align: center; margin: 0 0 0 -50%; } #footer-sub #mail-list p label { margin-right: 10px; } #footer-wrap { padding-bottom: 30px; } #footer-wrap ul li { background: none; color: #fff; } #footer-wrap ul li.icon-cart { background: #fff; } #footer-wrap .footer-cart { float: left; width: 93%; border: solid 2px #269a8f; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 3%; color: #fff; font-weight: 700; font-size: 16px; margin: 0 0 20px 0; } #footer-wrap .footer-cart { background: none; color: #fff; text-decoration: none; } #footer-wrap .footer-cart span.center { background: url(https://www.aussiehealthproducts.com.au/m/images/icon-cart-white.png) no-repeat 0 center; background-size: 20px auto; padding-left: 30px; color: #fff; } #footer-wrap .footer-cart span span { font-weight: normal; color: #9ECD54; } #footer-wrap ul.split { float: left; text-align: center; text-align: left; margin: 0 0 20px 0; padding: 0; } #footer-wrap ul.split li, #footer-wrap .link-list li { padding: 2px 0; margin: 0; list-style-type: none; } #footer-wrap ul.split li a, #footer-wrap .link-list li a { color: #fff; text-decoration: none; } #footer-wrap ul.split li a:hover, #footer-wrap .link-list li a:hover { text-decoration: underline; } #footer-wrap ul.split.left { width: 40%; padding-left: 10%; } #footer-wrap ul.split.right { width: 40%; padding-right: 10%; } #footer-wrap .link-list { float: left; width: 40%; padding-left: 10%; margin: 0 0 20px 0; text-align: left; } #footer-wrap .link-list.right { width: 50%; padding-left: 0; } #footer-wrap .link-list ul { margin: 0; padding: 0; } #footer-wrap .link-list h4 { font-weight: bold; color: #fff; margin: 0; } #footer-wrap .divider { float: left; width: 100%; margin: 5px 0 0 0; padding: 15px 0 0 0; border-top: dotted 2px #1e9488; } #footer-wrap .divider img { max-width: 100%; height: auto; } #footer-wrap p { margin: 0; color: #fff; line-height: 22px; } #footer-wrap a { color: #fff; } #coupon-footer-wrap { float: left; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; background: url(https://www.aussiehealthproducts.com.au/m/images/shadow.png) repeat-x 0 0; padding-top: 12px; } #coupon-footer { float: left; width: 88%; padding: 15px 6% 15px 6%; background: #559f29; border-top: solid 2px #2c6f14; color: #fff; text-align: center; z-index: 999; } #coupon-footer p { color: #d7f2cf; margin: 0; font-size: 13px; line-height: 25px;} #coupon-footer p span { border: dotted 2px #fff; color: #fff; padding: 3px 10px; margin: 0 4px; font-weight: bold; } #coupon-footer p strong { color: #fff; white-space: nowrap; } #coupon-footer .b-close { float: left; width: 100%; padding: 20px 0 10px 0; } #coupon-footer .close { text-decoration: none; } #coupon-footer .close img { width: 14px; 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(https://www.aussiehealthproducts.com.au/m/images/icon-tick-02.png) no-repeat 0 center; border: none; background-size: 16px auto; padding: 10px 8px; } #coupon-footer.expired { background: #bf2222; border-top: solid 1px #a71c1c; } #coupon-footer.expired p { color: #f6dfdf; } #coupon-footer.expired .tick { display: none; } #social-links { float: left; width: 100%; padding: 10px 0 15px 0; text-align: center; } #social-links a { display: inline; margin: 0 5px; } .hide-social-icons #social-links { display: none; } ul.bottom-divider { border-bottom: solid 1px #d5d5d5; padding-bottom: 20px; margin-bottom: 1px; } ul.top-divider { border-top: solid 1px #c6c6c6; padding-top: 18px; } *.un-highlightable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */ -ms-user-select: none; user-select: none; } /* ------------------------------------------------------------------------------ REMOVE BROWSER PLUGINS ------------------------------------------------------------------------------ */ #zyft-extension-root { display: none!important; } /* --------------------------------------------------------------------------------- FOR < 380px --------------------------------------------------------------------------------- */ @media screen and (max-width: 370px) { #home-wholefoods .wholefoods-cats li { width: 48%; margin: 0 1% 2% 1%; } }