article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ @font-face { font-family: 'montserrat-bold'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-bold.eot'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-bold.woff') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-bold.ttf') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-bold.svg#montserrat-bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserrat-sbold'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-semibold.eot'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-semibold.woff') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-semibold.ttf') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-semibold.svg#montserrat-sbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'montserrat-med'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-medium.eot'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-medium.eot?#iefix') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-medium.woff') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-medium.ttf') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-medium.svg#montserrat-med') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'montserrat-reg'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-regular.eot'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-regular.woff') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-regular.ttf') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-regular.svg#montserrat-reg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserrat-light'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-light.eot'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-light.woff') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-light.ttf') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/montserrat-light.svg#montserrat-light') format('svg'); font-weight: normal; font-style: normal; } html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%;/* 2 */ } body { margin: 0; } /* -------------------------------------------- * * Icons */ .icon-sprite, .btn-remove2, skip-search .icon,.skip-link .icon, .skip-account .icon, .skip-cart .icon, .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before, .cart-table .cart-links > li:first-child > a:after, .opc .section.allow:not(.active) .step-title a:after, .btn-remove:after, .cart-table .cart-links > li > a.link-wishlist:after, .head-left a:before, .head-right .enquiry-minicart a:before, .owl-nav div:before, .owl-nav div:after, .home-post-section .home-post-left-side-image a:after, .currently li:before,.sorter > .view-mode .grid:before, .sorter > .view-mode .list:before,#sidebar-nav-menu > li:before, .owl-buttons div:before, .owl-buttons div:after, .wp-sidebar .block-blog li:before { background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .btn-remove2, skip-search .icon,.skip-link .icon, .skip-account .icon, .skip-cart .icon, .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before, .cart-table .cart-links > li:first-child > a:after, .opc .section.allow:not(.active) .step-title a:after, .btn-remove:after, .cart-table .cart-links > li > a.link-wishlist:after, .head-left a:before, .head-right .enquiry-minicart a:before, .owl-nav div:before, .owl-nav div:after, .home-post-section .home-post-left-side-image a:after, .currently li:before,.sorter > .view-mode .grid:before, .sorter > .view-mode .list:before, #sidebar-nav-menu > li:before, .owl-buttons div:before, .owl-buttons div:after, .wp-sidebar .block-blog li:before { background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite@2x.png); background-size: 100px 600px;} .selector span{background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite@2x.png); background-size:22px 10px;} } /* ========================================================================== Links ========================================================================== */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: normal; font-family: 'montserrat-bold'; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } dl { margin-bottom: 20px; margin-top: 0 } dt { font-weight: normal; margin-bottom: 5px; margin-top: 0 } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0 } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ form { display: block } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0;/* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0;/* 3 */ } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer;/* 3 */ border-radius:0px !important; -webkit-border-radius:0px !important; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; position: absolute;width: 18px; left:0px; top: 0;height: 18px;z-index: 3;opacity: 0;} input[type="checkbox"] + label { position:relative; display:block; padding-left:25px;padding-bottom: 0;line-height: 25px; } input[type="checkbox"] + label:before { content:''; position:absolute; display:block; z-index:0; left:0px; top:0px; width:20px; height:20px; border:2px solid #CCC; background:#FFF; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } input[type="checkbox"] + label:after { content:''; position:absolute; top: 4px; left: 7px; z-index:0; width: 6px; height: 11px; border: 3px solid #7a7a7a !important; border-top: none !important; border-left: none !important; opacity: 0; z-index: 10; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } input[type=checkbox]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } input[type="radio"] + label { position:relative; display:block; padding-left:21px; z-index:2; cursor:pointer;padding-bottom: 0;line-height: 25px; } input[type="radio"] + label:before { content:''; position:absolute; display:block; left:0px; top:5px; width:16px; height:16px; border:2px solid #004677; background-color:transparent; z-index:0; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } input[type="radio"] + label:after { content:''; position:absolute; width:6px; height:6px; left:5px; top:10px; background-color:#004677; z-index:0; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transform:scale(0); -webkit-transform:scale(0); border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; } input[type="radio"]:checked + label:after, input[type="radio"]:active + label:after { transform:scale(1); -webkit-transform:scale(1); } form { -webkit-tap-highlight-color: rgba(0,0,0,0) } address { font-style: normal } *:focus { box-shadow: none; outline: 0 } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {} input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top;/* 2 */ } .catalog-category-view .currently ol li, .catalogsearch-result-index .currently ol li {padding-left:20px;} .catalog-category-view .btn-remove2:after, .catalog-category-view .btn-remove:after, .catalogsearch-result-index .btn-remove2:after, .catalogsearch-result-index .btn-remove:after {display:inline-block;} .catalog-category-view .prod-leftsidebar .toggle-content ol.m-filter-item-list li, .catalog-category-view .prod-leftsidebar .block-layered-nav--no-filters .toggle-content ol.m-filter-item-list li.m-selected-ln-item, .catalogsearch-result-index .prod-leftsidebar .toggle-content ol.m-filter-item-list li, .catalogsearch-result-index .prod-leftsidebar .block-layered-nav--no-filters .toggle-content ol.m-filter-item-list li.m-selected-ln-item {position:relative;} .catalog-category-view .block-layered-nav dl dd ol > li > span, .catalogsearch-result-index .block-layered-nav dl dd ol > li > span {display:inline-block; padding-right:0; padding-left: 25px;} .catalog-category-view input[type="checkbox"], .catalogsearch-result-index input[type="checkbox"] { box-sizing: border-box; padding: 0; position: absolute;width: 18px; left:0px; top: 2px; height: 18px; z-index: 3; opacity: 1;} .catalog-category-view input[type="checkbox"] + label, .catalogsearch-result-index input[type="checkbox"] + label {display: inline-block;} .catalog-category-view input[type="checkbox"] + label:before, .catalogsearch-result-index input[type="checkbox"] + label:before { content:''; position:absolute; display:block; z-index:0; left:0px; top:0px; width:20px; height:20px; border:2px solid #CCC; background:#FFF; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; opacity:0; display:none; } .catalog-category-view input[type="checkbox"] + label:after, .catalogsearch-result-index input[type="checkbox"] + label:after { content:''; position:absolute; top: 4px; left: 7px; z-index:0; width: 6px; height: 11px; border: 3px solid #7a7a7a !important; border-top: none !important; border-left: none !important; opacity: 0; z-index: 10; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; display:none;} .catalog-category-view input[type=checkbox]:checked + label:after, .catalogsearch-result-index input[type=checkbox]:checked + label:after { opacity: 0; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ============================================ * * Reset * ============================================ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%;overflow-x:hidden !important;} body { background: #FFFFFF; color: #000000; line-height: 1; overflow:auto; overflow-x:hidden !important;} html, body, img, fieldset, abbr, acronym { border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; } address { font-style: normal; font-size: 13px; } fieldset { margin: 0; padding: 0; border: 0; } img { display: block; } ol, ul { list-style: none; } q:before, q:after { content: ''; } input:focus, input[type="search"]:focus { outline-offset: 1px; outline: 0px; } input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /* ============================================ * * Base Styles * ============================================ */ @-ms-viewport { width: device-width;} @-o-viewport { width: device-width;} @viewport { width: device-width;} a, button { -ms-touch-action: manipulation; touch-action: manipulation; } body, button, input, select, table, textarea { font-family: 'montserrat-reg', sans-serif; color: #636363; font-size: 14px; line-height: 1.5; border-radius: 0px !important; } a{color:#303030; text-decoration:none; outline:1px; outline-color:#004677; } .no-touch a:hover { color: #004677;} a:focus{outline:1px; color:#004677;} ol, ul{list-style:none; margin:0; padding:0;} p{font-size:14px;} ::selection{background:#004677; color:#FFF;} ::-moz-selection{ background:#004677; color:#FFF; } select option::selection { background: #004677; color: #FFF; } select option::-moz-selection { background:#004677; color:#FFF; } /* ============================================ * * Typography * ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #303030; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2;font-family: 'montserrat-bold';} h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #404040; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; font-family: 'montserrat-bold';} h3, .h3 { margin: 0; margin-bottom: 10px; color: #505050; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; font-family: 'montserrat-bold';} h4, .h4 { margin: 0; margin-bottom: 10px; color: #606060; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.4; font-family: 'montserrat-bold'; } h5, .h5 { margin: 0; margin-bottom: 10px; color: #707070; font-size: 13px; font-weight: 400; font-style: normal; line-height: 1.4; font-family: 'montserrat-bold'; } h6, .h6 { margin: 0; margin-bottom: 5px; color: #808080; font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.4; font-family: 'montserrat-bold'; } /* ANIMATION(Transition) EFFECTS CSS */ .product-image img, .no-touch .product-img-box .product-image:not(.zoom-available):hover img, .cart-table th, .cart-table td, .cart-table tbody td, .button2, #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button, #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper, .cart-table .cart-footer-actions .button2, .shipping .form-list li, .shipping #co-shipping-method-form .buttons-set .button, .opc h3, .opc p.back-link a, .opc .please-wait, .buttons-set, #discount-coupon-form .input-text, .cart .giftcard .input-text, .opc #checkout-shipping-method-load, .opc #onepage-checkout-shipping-method-additional-load, .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2, .customer-account-login .new-users .field, .customer-account-login .registered-users .field, #login-form .registered-users:before, .customer-account-edit .my-account, .buttons-set button.button, #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart, #wishlist-table td p a.button.link-edit, p.back-link a, #wishlist-table td .button.btn-cart, #wishlist-table .item-manage .button, #wishlist-table .product-name a, .sidebar .actions button.button, .my-account .buttons-set p a, .my-account .buttons-set p .button, .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button, body.customer-account .data-table td.view a, .block-account li a, .block-cms-menu li a, h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a, .sidebar .block:not(.block-layered-nav) .block-title > strong:after, #payment-tool-tip, .pages li, body.customer-account .data-table td .nobr a, body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* ============================================ * * Shared Classes * ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #11b400; } .availability.available-soon, .availability.out-of-stock { color: #df280a; } .availability-only { color: #df280a; margin-bottom: 10px; } /* -------------------------------------------- * * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 0px; border-top: 1px solid #909090; } .block-title h2, .block-title h3, .block-title strong { margin: 0; color: #fff; font-size: 16px; line-height: 24px; font-weight: normal; font-family: 'montserrat-bold'; font-style: normal; text-transform: uppercase; } .block-progress .block-title strong { font-size: 18px; } .block-title small { font-size: 100%; font-weight: normal; color: #FFF; padding-left: 5px; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-subtitle { font-weight: normal; margin-bottom: 7px; } .block-content { margin-top: 0px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 0; padding-left: 20px; padding-right: 20px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a {line-height: 33px;margin-right: 5px;} .enquirycart-index-index #sliderslider {display: none;} .contactmgt-index-index #sliderslider {display: none;} @media only screen and (max-width:979px) { .sidebar .block:not(.block-layered-nav) { /* margin-bottom:25px; */ } .sidebar .block:not(.block-layered-nav) .block-title{margin-top: 0; border-bottom: 0px solid; border-top: 0px solid; margin-bottom: 0; cursor: pointer;color: #FFF; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding: 0 0 0 10px; position: relative;} .sidebar .block:not(.block-layered-nav) .block-title:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #004677; border-right: none; right:0px; top: 50%; margin-top: -10px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease;} .sidebar .block:not(.block-layered-nav) .block-title.active{-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .sidebar .block:not(.block-layered-nav) .block-title.active:after { border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 9px solid #004677; border-bottom: none; right:0px; top: 50%; margin-top: -5px; } .sidebar .block:not(.block-layered-nav) .block-content {margin-top: 0px;margin-bottom: 0;border-bottom: 0; padding-left: 10px !important;} .sidebar .block:last-of-type { border-bottom: 0px solid #cccccc; } .customer-account .col-left .block-account .block-title:after { display: none; } } /* -------------------------------------------- * * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { text-transform: uppercase; margin: 7px 0; padding-left: 15px } .customer-account .col-left .block-account ul { padding: 15px 0; } .customer-account .col-left .block-account li { text-transform: uppercase; margin: 0; padding: 0 20px 9px 20px; } .customer-account .col-left .block-account li:last-child { padding-bottom: 0; } .customer-account .col-left .block-content { margin: 0px; border-bottom: solid 5px #d9d9d9; background: #ebebeb; } .customer-account .col-left .block-content .empty { margin: 0px; padding: 10px; } .customer-account .col-left .block-content .block-subtitle { margin: 0px; padding: 10px 20px 0; text-transform: uppercase; } .customer-account .col-left .block-account li:hover { text-transform: uppercase; margin: 0; } .customer-account .col-left .block-account .current { color: #fc4653; } .block-account li strong, .block-cms-menu li strong { font-weight: normal; color: #fc4653; } .block-account li a, .block-cms-menu li a { font-weight: 500; color: #6c6c6c; text-decoration: none; } .no-touch .block-account li a:hover, .no-touch .block-cms-menu li a:hover { color: #fc4653; } /* ============================================ * * Buttons * ============================================ */ /* Secondary Buttons */ .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: #999999; color: #fff; padding: 9px 12px; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #004677; cursor: pointer; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #636363; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #636363; background: #c4c4c4; outline: none; } .sidebar .actions button.button { white-space: normal; } /* Primary Buttons */ .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { background: #004677; display: inline-block; padding: 9px 12px; border: 0; color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-family:'montserrat-bold' } .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { background: #999999; cursor: pointer; } .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background: #004677; color: #FFFFFF; } .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: #004677; outline: none; color: #FFFFFF; } a.button { text-decoration: none; } a.button:hover { color: #FFFFFF; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button { margin-left: 5px; } /* -------------------------------------------- * * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 34px; margin: 0px 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0px; } .paypal-button img { display: inline; } @media only screen and (max-width: 740px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * * Button Sets */ .buttons-set { margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; line-height: 36px; float: right; } .buttons-set .back-link { float: left; margin: 0; line-height: 33px; } .buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set button.button { float: right; margin-left: 15px; margin-bottom: 5px;/* min-width: 140px; */ } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Breadcrumbs */ .breadcrumbs { overflow: hidden; margin:0px 0 20px; padding:10px 0px 9px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .page-header.sticky + .breadcrumbs {/*margin-top:0px;*/} .breadc-wrap { margin: 0 auto; max-width: 1200px; padding:0 15px; position: relative; text-align:center;} .breadcrumbs li {font-size:14px; display:inline;} .breadcrumbs a { color: #303030; } .no-touch .breadcrumbs a:hover { color: #004677; } .breadcrumbs strong { color: #636363; font-weight: normal; color: #004677; font-family: 'montserrat-reg'; } .breadcrumbs span {padding: 0 2px; display:inline; } @media only screen and (max-width: 770px) { .breadcrumbs { display: none; } } /* -------------------------------------------- * * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; /* border: 1px solid #ededed */ text-align: center; /* Hide text */ font-size:0px; text-shadow: none; color: transparent; position: relative; } .no-touch .btn-previous:hover { background-color: #004677; border-color: #004677; } .btn-remove2 { border: none; vertical-align: top; background: none; } .cart-table .btn-remove2{left:-3px; top:4px;} .btn-remove2:after, .btn-remove:after { background-position:0px -350px; content: ""; height: 20px; width: 20px; display: block; } .btn-remove2:hover:after, .btn-remove:hover:after { background-color: transparent; background-position: -39px -350px; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #004677; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid white; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } /* -------------------------------------------- * * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #cccccc; background: #f4f4f4; } /* -------------------------------------------- * * CVV Security Code */ #payment-tool-tip { background: #ffffff; border: 1px solid #cccccc; left: 50%; margin-left: -250px; margin-top: -120px; max-width: 500px; padding: 10px; position: absolute; top: 50%; width: 100%; z-index: 999; } .tool-tip-content > img { max-width: 100%; } .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 35px; } .btn-close > a { position: absolute; z-index: 9; top: -11px; right: -12px; font-size: 0; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite.png) no-repeat scroll 1px -648px; width: 22px; height: 22px; } /* -------------------------------------------- * * Container */ .main-container { position: relative; max-width: 1200px; padding:0 15px; margin: 0 auto; padding-top:30px; padding-bottom:30px; clear:both;} .footer-container { margin:0 auto; padding:0px; background-color:#252525; color:#FFF; } .FootContnr { position: relative; max-width: 1220px; margin: 0 auto; } .main-container:after, .footer-container:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 480px) { .main-container {/*padding: 30px 25px;*/ } } .footer-container { padding-top: 0px; } /* -------------------------------------------- * * Column Layouts */ .main:after, .col-wrapper:after { content: ''; display: table; clear: both; } .col-left { float: left; position: relative; width: 270px; z-index: 1; clear: inherit; } .col-left img { max-width: 100%; } .customer-account .col-left .block-title { background: #909090; padding: 15px 20px; color: #FFF; } .customer-account .col-left .block-account { /* background:#fcecdb; */ color: #FFF; } .customer-account .col-left .block-account .block-title:after { display: block; width: 60px; height: 45px; content: ""; position: absolute; right: 0px; top: 2px; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite.png) no-repeat 12px -172px; } .main{min-height:270px;} .col-right { float: right; width: 270px; } .col-right img { max-width: 100%; } .col2-left-layout .col-main, .col3-layout .col-main { float: right; margin-left: -270px; padding-left: 300px; width: 100%; } .col1-layout .col-main { float: none; width: auto; padding: 0;/* Remove the 15px padding */ } .col2-right-layout .col-main { padding-left: 0;/* Remove the 15px padding */ } .col2-right-layout .col-main, .col3-layout .col-wrapper { float: left; width: 100%; margin-right: -270px; padding-right: 300px; } @media only screen and (max-width:979px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { margin-bottom: 15px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; margin-right: 0px; padding-right: 0px; } .col3-layout .col-main { margin-left: 0px; padding-left: 0px; } .col2-left-layout .col-main, .col3-layout .col-main {float: none; margin-left:0px; padding-left:0px;} } /* Content Columns */ .col2-set { margin: 0 -15px; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 0 15px; } body.sales-order-view .col2-set { margin: 0; } body.customer-account-login .col2-set { margin: 0; } @media only screen and (max-width:979px) { .col2-set { margin: 0 -10px; } .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-1 { float: left; } .col2-set .col-2 { float: right; } .col2-set .col-2 .box { max-width: 275px; margin: 0 auto; } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { content: ''; display: table; clear: both; } .box-account .col2-set .col-2 .box { margin: 0; } /* -------------------------------------------- * * Top Container */ @media only screen and (min-width: 771px) { .top-container { max-width: 1260px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * * Global Site Notice */ .global-site-notice { background: #e6e6e6; color:#303030; font-size: 11px; } .global-site-notice .notice-inner { padding-left:70px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height:19px; min-height: 40px; padding-top:9px; padding-bottom:9px; background-image: url("http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/demo-logo.png"); background-position: left; background-repeat: no-repeat; } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * * Promotional Message Banner */ .promo-msg { color: #004677; text-align: center; margin: 10px; text-transform: uppercase; font-family: "Raleway", sans-serif; } /* -------------------------------------------- * * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Messages */ .success { color: #11b400; } .error { color: #df280a; font-weight: normal; font-family: 'montserrat-bold'; } .notice { color: #e26703; font-weight: normal; font-family: 'montserrat-bold'; } /* -------------------------------------------- * * Messages */ .messages { margin-bottom:25px;} .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; font-size: 15px; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } .messages .error-msg li { color: black; border-left: 5px solid #df280a; background-color: #faebe7; } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #df280a; border-right: none; } .messages .notice-msg li { color: black; border-left: 5px solid #e26703; background-color: #f9ebe6; } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none; } .messages .success-msg li { color: black; border-left: 5px solid #11b400; background-color: #eff5ea; } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * * Payment Methods */ .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #cccccc; background: #f4f4f4; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #cccccc; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f4f4f4; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap;/* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * * Price Box - Standard */ .price-box { margin: 7px 0; font-family: trebuchet ms; } .price-box p { margin-bottom: 0; } .price-notice { color: #a0a0a0; } .price-box .price { color: #004677; font-size: 16px; } .price-box .price-label { color: #a0a0a0; white-space: nowrap; font-family: trebuchet ms; } .price-box .minimal-price-link { padding-left: 1em; color: #004677; display: block;/* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #a0a0a0; } /* -------------------------------------------- * * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #a0a0a0; text-decoration: line-through; } .price-box .special-price { color: #004677; padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } span.weee { display: block; } /* -------------------------------------------- * * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: normal; font-family: 'montserrat-bold'; } /* ============================================ * * Item Options * ============================================ */ .item-options { font-size: 12px; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 500; font-family: 'montserrat-sbold'; padding-right: 0px; } .item-options dt:after { content: ': '; } .item-options dd { float: left; padding-left: 5px; margin: 0 0 2px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; color: #666; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 3px 0px 0px; border: 1px solid #004677; background-color: #FFF; top: 25px; left: 50%; margin-left:-100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #004677; border-top: none; left: 50%; margin-left:-7px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: normal; font-family: 'montserrat-bold'; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; padding: 5px 8px; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } .page-print.sales-order-print > div { position: relative; } body.page-print h1 { position: absolute; right: 0; top: 15px; } .body.page-print h2 { margin-top: 20px; margin-bottom: 5px; } .body.page-print .order-date { font-weight: bold; position: absolute; right: 0; top: 55px; } /* -------------------------------------------- * * Add to links */ .add-to-links { margin: 7px 0; } .add-to-links a { display: inline-block; padding: 0px 3px 3px; } .add-to-links .separator { display: none; } /* -------------------------------------------- * * Ratings */ .ratings { margin: 7px 0; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0; } .ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden; } .ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px; } .ratings .amount { display: block; margin: 5px auto; } .ratings .rating-links .separator { margin: 0 3px; } /* -------------------------------------------- * * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .note { color: #a0a0a0; font-size: 13px; } /* -------------------------------------------- * * Tabs */ .tabs { margin-bottom: 10px; background: #FFFFFF; } /* -------------------------------------------- * * Toolbar */ .toolbar {margin-top:10px; margin-bottom:20px; padding: 5px 10px 0px 10px; } .toolbar:after { content: ''; display: table; clear: both; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { color: #636363; line-height: 35px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform:none; font-size:14px; color:#707070; line-height:35px; } .sorter { float: left; margin-bottom: 5px; margin-right:10px;} .sorter label { float: left; margin-right:8px; } .sorter label:after { content: ':'; } .sorter > .sort-by { float: left; margin-right: 5px; height: 30px; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sorter > .view-mode { float: right; } .sorter > .view-mode label{line-height:17px;} .sorter > .view-mode .grid, .sorter > .view-mode .list{background-color:transparent; font-weight: 400; line-height: 1; padding:0px 0px 4px; margin-left:4px; text-align: center; display: inline-block; text-decoration: none } .modes-label + .modes-mode { } .modes-mode:hover { color: #7d7d7d; } .modes-mode:last-child {} .modes-mode.active { color: #9e9e9e } .sorter > .view-mode .grid, .sorter > .view-mode .list{font-size:0px;} .sorter > .view-mode .grid:before, .sorter > .view-mode .list:before {content:''; display:inline-block; overflow: hidden; width:24px; height:24px;} .sorter > .view-mode .grid:hover, .sorter > .view-mode .list:hover{color: #7d7d7d } .page-products .sorter { position:relative; right:25px; } .view-mode .grid:before {background-position:0 -437px;} .view-mode .list:before {background-position:0px -473px;} .view-mode a.grid:before {background-position:-30px -437px;} .view-mode a.list:before {background-position:-30px -473px;} @media only screen and (min-width: 1199px) { .main {min-height: 500px;} } .pager { overflow: hidden; float:right;} .pager > .count-container { float: left; } .pager .amount { float: left; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: left; height: 35px; line-height: 35px; width:194px;} .pager .limiter > label { padding-right:8px; float: left;line-height: 36px;} .pager .limiter > .selector + span {font-size:14px; font-size: 14px; color: #707070; padding-left:5px;} .pager .limiter > label:after { content: ':'; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages ol{display:block;text-align:center;} .pages li {/* float: left;*/ width:41px; height:40px; display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #CCC; white-space: nowrap; margin-left: 1px; line-height:38px; outline: none; } .pages li:hover { border: 1px solid #004677; } .pages li:hover a { color: #004677; text-decoration: none; } .pages a, .pages .current { display: inline-block; border: 0; font-size:16px; text-align: center;vertical-align: middle; line-height:38px; padding: 0; color: #303030; font-family: 'montserrat-bold'; } .pages a { width: 100%; height: 100%; outline: none; } .pages .next, .pages .previous {font-size:0px;text-shadow: none; color: transparent; background-color: transparent; position: relative; display: block; width: 100%; height: 100%; } .pages .next:hover, .pages .previous:hover { } .pages .next:before { content: '>';color: #303030; font-family: 'montserrat-bold'; font-size:16px; position: absolute; width: 15px; height: 15px; display: block; top: 50%;margin-top:1px; left: 50%; margin-left: -7px; margin-top:-18px;} .pages .previous:before { content: '<';color: #303030; font-family: 'montserrat-bold'; font-size:16px; position: absolute; width: 15px; height: 15px; display: block; top: 50%; top: 50%; margin-top: 1px; left: 50%; margin-left: -7px; margin-top:-18px; } .pages .next:hover:before { background-position: -65px -826px; } .pages .previous:hover:before { background-position: -25px -826px; } .pages .current, .pages .current:hover { color: #FFF; border: 1px solid #004677; background:#004677; cursor: default; } .toolbar-bottom .pager {float:none;} @media only screen and (max-width:979px) { .toolbar.second .pager .limiter > .selector + span{display:none;} .pager .limiter {width:120px; } } @media only screen and (max-width:899px) { .toolbar.second .pager label{display:none;} .pager .limiter {width: 73px;} } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } .toolbar .view-mode > label { display: none; } .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { /*width: 100%; */} .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { /*float: left; clear: both; */} .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages {/* float: right; margin-left: 0; */} .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { /*float: right;*/ } } @media only screen and (max-width: 479px) { .pager .amount--has-pages { /* display: none; */ } .myac-bottom-toolbar .pager-no-toolbar .amount--has-pages { display: none; } .pages { float: left; } .limiter label { display: none; } } /* ============================================ * * Tax - Full Tax Summary * ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #004677; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #246b8f; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #004677; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #246b8f; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * * Magento Helpers * ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * * Custom Helpers * ============================================ */ .hidden { display: none; } /* ============================================ * * Print Styles * ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } /* ============================================ * * FORMS - COMMON * ============================================ */ /* -------------------------------------------- * * Fieldsets */ .fieldset p { /*margin-bottom: 7px; */} .fieldset p.required {/* margin-bottom: 5px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; */} .fieldset + .fieldset { margin-top: 5px; } form .legend { margin: 0; margin-bottom: 10px; color: #636363; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #ededed; } /* -------------------------------------------- * * Input Box */ .input-box { padding-top:0px; } .input-box:after { content: ''; display: table; clear: both; } li.centinel-logos div.input-box img { display: inline; vertical-align: middle; } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; } /* -------------------------------------------- * * Hints */ .input-hint { color: #a0a0a0; font-size: 12px; } /* -------------------------------------------- * * Select */ select { font-size: 13px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid silver; font-size: 13px; padding: 5px; } /* -------------------------------------------- * * Textarea */ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; } /* -------------------------------------------- * * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px !important; -o-border-radius:0px !important; border-radius:0px !important; border: 1px solid #cccccc; background: #FFFFFF; font-size: 15px; border-radius: 0px !important; } textarea { resize: none; } .selector.focus { overflow: visible; } .input-text:focus { outline-color: #004677; border: 1px solid #004677; } .selector.focus span { /* box-shadow: 0 0 1px 0px #900612; */ border: 1px solid #E3616C; } .input-text.validation-failed, .selector span.validation-failed { border-color: #004677; } .input-text.validation-failed:focus { outline-color: #004677; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height:45px; padding: 0 10px; font-size: 14px; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; max-width: 100%; width: 100%; } .customer-account-login h2 { color: #fff; font-size: 18px; font-family: 'montserrat-bold'; padding: 15px 20px; width: auto; background: #909090; margin-bottom: 15px; } .customer-account-login .form-instructions { color: #606060; font-size: 13px; margin-bottom: 10px; font-style: normal; } .customer-account-login .new-users .content ul { margin: 0; padding: 0; } .customer-account-login .new-users .content ul li { color: #606060; margin: 5px 0; font-size: 13px; padding-left: 20px; list-style: none; font-style: normal; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite.png) no-repeat -4px -221px; } .customer-account-login .field { padding: 0 20px; width: auto; display: block; } .customer-account-login .registered-users .field ul li a { color: #303030; text-decoration: underline; font-size: 13px; } .customer-account-login .registered-users .field ul li a:hover { color: #004677; text-decoration: none; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; border-radius: 0px !important;/* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; } /* -------------------------------------------- * * Placeholder */ ::-webkit-input-placeholder { color: #a0a0a0; } input:-moz-placeholder { color: #a0a0a0; } /* -------------------------------------------- * * Checkbox And Radio */ .checkbox + label, .radio + label { padding: 0 0 0 8px; font-size: 13px; font-weight: normal; vertical-align: top; } /* ============================================ * * Form List * ============================================ */ .form-list > li { padding-bottom: 13px; } .form-list select { margin-top: 4px; width: 365px; } .form-list .input-range .input-text { width: 74px; } .form-list .wide, .form-list .control { padding-bottom: 10px; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ } .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; } .registered-users .form-list > li:last-child { padding-bottom: 7px; } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100%; } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { padding-top: 4px; } .form-list .control label { float: none; /* font-weight:bold; */ font-family: 'montserrat-sbold'; } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; } form .form-instructions { /* font-style: italic; */ font-size: 13px; color: #656565; } /* ============================================ * * Table Helpers * ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * * Data Table * ============================================ */ .data-table { width: 100%; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th { background: #E5E5E5; text-transform: uppercase; font-family: 'montserrat-bold'; line-height: 1.4;/*white-space: nowrap;*/ } .data-table .date { text-align: left; } .data-table thead th, .data-table tbody td, .data-table tfoot td { border: 1px solid #cecece; } .my-account .data-table thead th, .my-account .data-table tbody td, .my-account .data-table tfoot td { border: 0px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; } .sales-order-history .data-table tbody td { border-bottom: 1px solid #cecece; } .data-table thead th:first-child {/* border-left: 1px solid #cecece; */} .data-table thead th:last-child { /*border-right: 1px solid #cecece; */} .data-table tfoot tr { background: #f4f4f4; } .data-table tbody td .item-options dt:after { content: ':'; } .data-table thead th.view { width: 25%; } /* ============================================ * * Generic Info Table * ============================================ */ .info-box { border: 1px solid silver; padding: 12px 15px; margin: 0 0 15px; } .info-box h2 { font-family: 'montserrat-bold'; font-size: 13px; } .info-table th, .info-table td { vertical-align: top; } .info-table th { font-family: 'montserrat-bold'; padding: 4px 20px 4px 0; } .info-table td { padding: 4px 0; } /* ============================================ * * Zebra-Stripe Table * ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid silver; } .zebra-table td, .zebra-table th { border-bottom: 1px solid silver; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #eeeded; } .zebra-table tr:nth-child(odd) { background-color: #f8f7f5; } /* ============================================ * * Linearize Table * ============================================ */ @media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ } .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-family: 'montserrat-bold'; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ } .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th { display: none; } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #cccccc; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } body.sales-order-view .linearize-table-large tbody td { border-right: 1px solid #cccccc; border-bottom: 0; border-top: 0; border-left: 1px solid #cccccc; } body.sales-order-view .linearize-table-large tfoot td { border-top: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-family: 'montserrat-bold'; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-family:'montserrat-bold' } .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; } body.sales-order-view .linearize-table-large tfoot td:nth-child(even) { text-align: right; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } /* ============================================ * * Global * ============================================ */ html, body { height: auto; } .wrapper { min-width: 300px; min-height: 100%; margin: 0 auto; background: #FFFFFF; } .wrapper:after { content: ''; display: table; clear: both; } .clearfix { position:relative; } .clearfix:after { position:relative; content:''; clear:both; display:table; } .cf { position:relative; } .cf:after { position:relative; content:''; clear:both; display:table; } /* ============================================ * * Header * ============================================ */ .page-header { display:block; padding:0px; margin:0px; width:100%; background-color:#FFF;box-shadow:0 0 0px transparent; -webkit-box-shadow:0 0 0px transparent; -o-box-shadow:0 0 0px transparent;transition:all .3s ease; -webkit-transition:all .3s ease;/* position:fixed; z-index:9; top:0px; left:0px; right:0;*/} .topheaderWrap, .top-menu-links { max-width:1200px; margin:0 auto; padding: 0 15px; position:relative; } .top-head { display:block; padding:0px; margin:0px; width:100%; background-color:#004677; } .top-menu-links:after { position:relative; content:''; clear:both; display:table; } .head-left { float:left; display:inline-block; padding:12px 0; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease;} .head-left a{display:inline-block; text-decoration:none !important; color:#c4c4c4; padding-left:25px; position:relative; transition:all .3s ease; -webkit-transition:all .3s ease; } .head-left a:before { content:''; display:block; position:absolute; left:0px; transition:all .3s ease; -webkit-transition:all .3s ease; } .head-left a.store-number { padding-left:22px; margin-right:18px; } .head-left a.store-number:before { width:15px; height:20px; background-position:-30px 0; top:0px;left: -1px; } .head-left a.store-email:before { width:20px; height:15px; background-position:-50px 0; top:2px;left: -3px; } .head-right { float:right; display:inline-block; position:relative; margin-right:-1px; } .head-right .links {display:inline-block; padding:12px 0; position:relative;margin-right:15px;transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease;} .head-right .links:after { content:''; display:block; position:absolute; right:0; bottom:0px; top:0px; width:1px; background-color:#003860; } .head-right .links ul { display:block; margin-right:5px; } .head-right .links ul li { display:inline-block; margin:0 12px 0 15px; position:relative; } .head-right .links ul li:after { content:'|'; display:block; position:absolute; right:-18px; top:1px; color:#c4c4c4; } .head-right .links ul li:last-child:after { display:none; } .head-right .links ul li a { text-decoration:none !important; color:#c4c4c4; position:relative; transition:all .3s ease; -webkit-transition:all .3s ease; } .head-right .links ul li a.active{color:#FFF;} .head-right .enquiry-minicart { display:inline-block; padding:10px 0; position:relative;transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .head-right .enquiry-minicart a { display:block; text-decoration:none !important; color:#c4c4c4; padding-left:30px; position:relative; transition:all .3s ease; -webkit-transition:all .3s ease; font-size:13px; } .head-right .enquiry-minicart a span.count { color:#FFF !important; transition:all .3s ease; -webkit-transition:all .3s ease; font-size:13px; } .head-right .enquiry-minicart a span.count:before { content:'('; display:inline-block;padding-right:0px; transition:all .3s ease; -webkit-transition:all .3s ease; font-size:13px;} .head-right .enquiry-minicart a span.count:after { content:')'; display:inline-block;padding-left:0px; transition:all .3s ease; -webkit-transition:all .3s ease; font-size:13px;} .head-right .enquiry-minicart a:before {content:''; display:block; position:absolute; left:-2px; width:21px; height:26px; background-position:0px 0; top:-5px; transition:all .3s ease; -webkit-transition:all .3s ease; } #header-search {width:470px; display:block; float:right; position:relative; padding-top:18px; opacity:1; visibility:visible; margin-right:-1px; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease;} #header-search:after { position:relative; content:''; clear:both; display:table; } #header-search form#search_mini_form { width:100%; display:block; float:left; padding-right:100px; margin-right:-90px; } #search_mini_form .form-search { position:relative; } #header-search a.brand-links { width:90px; height:45px; line-height:45px; display:block; right:1px; float:right; position:relative; z-index:1; border:1px solid #004677; text-align:center; color:#004677; font-size:14px; font-family:'montserrat-reg'; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } #header-search a.brand-links:before { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } #header-search a.brand-links:after { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } #header-search .button { text-indent: -9999px; position: absolute; top:0px; right:0; width: 45px; height:45px; border: 0; background: none; text-align:center; } #header-search .button:before { content:'\f002'; position:absolute; top:0; left:0; width:40px; text-align:center; line-height:45px; text-indent:0px; font-family: 'FontAwesome'; font-size:26px; color:#004677; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } #header-search .button:after { content:''; display:block; position:absolute; left:-4px; bottom:12px; top:13px; width:1px; background-color:#919191; } .topheaderWrap .swatch-filters { display:block; position:relative; float:right; clear:right; margin:18px -1px 0 0; text-align:right;transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .topheaderWrap .swatch-filters a { display:inline-block; position:relative; padding-left:25px; margin-left:40px; color:#303030; text-decoration:none !important; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .topheaderWrap .swatch-filters a:before{content:'';display:block;position:absolute;left:0px; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .topheaderWrap .swatch-filters a.gluteen-free:before { top:0px; background:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/gluten-free.png) no-repeat left top; width:21px; height:23px; left:-4px; } .topheaderWrap .swatch-filters a.vegan:before { top:2px; background:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/vegan.png) no-repeat left top; width:21px; height:23px; } .topheaderWrap .swatch-filters a.organic:before { top:1px; background:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/organic.png) no-repeat left top; width:21px; height:23px; } .topheaderWrap .swatch-filters a.kosher { padding-left:28px; } .topheaderWrap .swatch-filters a.kosher:before { content:'K'; font-family:'montserrat-bold'; color:#484848; font-size:16px; width:25px; height:25px; text-align:center; line-height:22px; /*border:2px solid #484848; */padding-left: 1px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; top: -1px; left: -5px; } .topheaderWrap .swatch-filters a:first-child { margin-left:0px; } .no-touch .head-left a:hover { color:#FFF; } .no-touch .head-left a:hover:before { left:-5px; } .no-touch .head-right .links ul li a:hover { color:#FFF; } .no-touch .head-right .enquiry-minicart a:hover:before { left:-5px; } .no-touch .head-right .enquiry-minicart a:hover { color:#FFF; } .no-touch #header-search a.brand-links:hover { background-color:#004677; color:#FFF; } .no-touch #header-search a.brand-links:hover:before { right:-17px; top:-17px; } .no-touch #header-search a.brand-links:hover:after { left:-17px; bottom:-17px; } .no-touch #header-search .button:hover:before { color:#252525; } .no-touch .topheaderWrap .swatch-filters a:hover { color:#004677; } .no-touch .topheaderWrap .swatch-filters a:hover:before {} @media only screen and (min-width: 771px) { .page-header-container { position: relative; } } .header-language-container, .page-header { } /* ============================================ * * Language switcher + welcome message * ============================================ */ .header-language-background { padding: 10px; background-color: #004677; text-transform: uppercase; } .header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; } .header-language-background .welcome-msg { float: right; } .page-header-container .store-language-container {/* float: right; max-width: 35%; padding: 13px 15px 10px 10px; */ } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; display: none; } @media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top:10px; } .page-header-container .store-language-container select { font-size: 12px; } } .header-language-background, .header-language-background a { color: #e6e6e6; } @media only screen and (max-width: 770px) { .header-language-background { display: none; } } /* ============================================ * * Logo * ============================================ */ .logo {display: block; float: left;text-align: center;padding:20px 0; transition:all .3s ease; -webkit-transition:all .3s ease;-o-transition:all .3s ease;} .logo img { max-width: 100%; } .logo .small { display: block; } .logo .large { display: none; } @media only screen and (min-width:1024px) { .logo { max-width:421px;} .page-header.sticky .logo { max-width: 340px;} .logo .small { display: none; } .logo .large { display: block; } } /* ============================================ * * Skip Links * ============================================ */ .skip-links { clear: both; overflow: hidden; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; } @media only screen and (min-width:768px) { .skip-links { border: 0; } } /* -------------------------------------------- * * Skip - Link */ .skip-link {position: relative; float: left; height:30px; line-height:30px; text-align: center; } a.skip-link { text-decoration: none; } .skip-link:not(.skip-active):hover { opacity: 0.8; } @media only screen and (max-width:767px) { .skip-link { border-right: 1px solid #004677; } .skip-link:last-child { border-right: 0; } } /* -------------------------------------------- * * Skip Link - Icon */ .skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } .skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { } @media only screen and (min-width: 500px) { .skip-link .icon { } } /* -------------------------------------------- * * Skip Link - Label */ .skip-link .label { display: none; } @media only screen and (min-width:480px) { .skip-link .label { display: inline; } } /* ============================================ * * Skip Content * ============================================ */ .skip-content {opacity:0; visibility:hidden; } .skip-content.skip-active {/*background: #EDEDED; */} /* ============================================ * * Global Header Navigation * ============================================ */ @media only screen and (max-width: 770px) { #header-account li a, .nav-primary a.level0 { padding: 0 15px 0 25px; border-bottom: 1px solid #cccccc; text-align: left; color: #636363; text-transform: uppercase; line-height: 30px; } #header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; } .no-touch #header-account a:hover, .no-touch .nav-primary a:hover { background-color: #f4f4f4; text-decoration: none; } } .account-cart-wrapper { position: absolute; top: 0px; right: 0px; } @media only screen and (max-width: 770px) { .account-cart-wrapper { position: static; } } /* ============================================ * * Nav - Skip Link * ============================================ */ .skip-nav .label {} .skip-nav .icon { background-position:-44px -86px; text-decoration:none !important;} .skip-nav { width:50%; } @media only screen and (min-width:1024px) { .skip-nav { display: none; } #header-nav { display: block; visibility:visible; opacity:1;border-top:1px solid #dadada; padding-top:7px;margin-right:-1px; } #custommenu-mobile {display:none !important;} } div.menu.act a:link{ color:#004677;} .itemMenu.level1 > .itemMenuName.level1.act{ color:#004677;} /* ============================================ * * Nav Primary * ============================================ */ @media only screen and (min-width: 771px) { .nav-primary { display: block; margin-top: 15px; } } /* ============================================ * * General Navigation Styles * ============================================ */ .nav-primary a { text-decoration: none; position: relative; display: block; color: #636363; line-height: 30px; } .nav-primary li { position: relative; } .nav-primary li.level1 a { border-bottom: 1px solid #cccccc; } .nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; } .nav-primary li.level0 > a { text-transform: uppercase; } /* ============================================ * * Small Viewports - Accordion Style Menu * ============================================ */ @media only screen and (max-width: 770px) { .nav-primary a.level0, .nav-primary a { line-height: 35px; } .nav-primary li.level0 ul { display: none; } .nav-primary li.level0 li { padding: 0 0 0 25px; } .nav-primary li.level1 a { padding: 0 15px 0 25px; } .nav-primary li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #cccccc; border-right: none; top: 50%; left: 10px; right: auto; margin-top: -5px; } .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #cccccc; border-bottom: none; top: 50%; left: 10px; right: auto; margin-top: -5px; } .nav-primary li.menu-active > a, .nav-primary li.sub-menu-active > a { color: #004677; } } /* ============================================ * * Large Viewports - Dropdown Menu * ============================================ */ @media only screen and (min-width: 771px) { .nav-primary {} .nav-primary a.level0 { padding: 0 25px; } .nav-primary li.level0, .nav-primary a.level0 { display: inline-block; } .nav-primary li:last-child > a { border-bottom: none; } .nav-primary a:hover, .nav-primary li:hover > a { color: #004677; } .nav-primary .menu-active { z-index: 200; } .nav-primary li.level0 ul { background: #FBFBFB; border: solid 1px #cccccc; position: absolute; left: 0; top: 30px; /* Height of ".nav-primary a.level0" */ z-index: 10; width: 250px; padding-left: 10px; padding-right: 10px; display: none;/* Hide until displayed. */ } .nav-primary li.level1 ul { left: 60px; top: 15px; } .nav-primary li.level0 ul.level0.position-test { display: block; } .nav-primary li.level0 ul.level0.spill { right: 0; left: auto; } .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px; } .nav-primary li.level0 li.parent > a { position: relative; } .nav-primary li.level0 li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #cccccc; border-right: none; right: 5px; top: 50%; margin-top: -3px; } } .nav-primary li.menu-active > ul { display: block; } /* ============================================ * * Search - Skip Link * ============================================ */ .skip-search .icon { background-position:3px -133px; } @media only screen and (min-width:768px) { .skip-search { display: none; } } /* ============================================ * * Search Input * ============================================ */ #search_mini_form .input-box { position: relative; padding-top: 0; } #search_mini_form label { display: none; } #search { width: 100%; height: 45px; padding-right:50px; margin:0px -1px 0; } /* ============================================ * * Header - Account * ============================================ */ /* -------------------------------------------- * * Skip Link - Account */ .skip-account:not(.skip-active):hover .icon { background-position: -46px -44px; } .skip-account .icon { background-position: 4px -44px; } @media only screen and (min-width: 771px) { .skip-account { float: none; width: auto; vertical-align: top; display: inline-block; padding: 0 10px; text-transform: uppercase; } #header-account.skip-active { background: #FBFBFB; border: solid 1px #c0c0c0; display: block; position: absolute; z-index: 200; top: 40px; right: 115px; width: 200px; } #header-account a { display: block; padding: 5px 10px; color: #636363; line-height: 2; } #header-account a:hover { color: #004677; } } /* -------------------------------------------- * * Account Links */ #header-account { padding: 5px 0; } #header-account a { position: relative; display: block; padding: 5px 10px; line-height: 23px; text-align: center; } #header-account a:hover { color: #004677; } /* ============================================ * * Header - Cart * ============================================ */ /* -------------------------------------------- * * Skip Link - Cart */ .skip-cart:not(.skip-active):hover .icon { background-position: -50px -95px; } .skip-cart .icon { background-position: 0px -95px; } @media only screen and (min-width: 771px) { .skip-cart { width: auto; padding: 0 10px; } #header-cart.skip-active { background: #FBFBFB; border: solid 1px #c0c0c0; display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 300px; background: #FFF; } } /* -------------------------------------------- * * Skip Cart Notifier */ .skip-cart .count { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; top: -6px; position: relative; z-index: 5; width: 22px; height: 22px; background: rgba(51, 153, 204, 0.9); color: #FFFFFF; font-size: 11px; line-height: 22px; text-align: center; } .skip-link.skip-active .count { color: #FFF; } .skip-cart.no-count .count { display: none; } @media only screen and (max-width: 499px) { .skip-cart .count { margin-left: -12px; } } @media only screen and (min-width: 771px) { .skip-cart { color: #004677; text-transform: uppercase; } .skip-cart:hover { text-decoration: none; } .skip-cart .count { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; position: static; background: none; margin-left: 0px; font-size: 14px; width: auto; } .skip-cart .count:before { content: '('; } .skip-cart .count:after { content: ')'; } .skip-cart .count, .skip-link.skip-active .count { color: #004677; } } .skip-cart .count.empty { display: none; } /* -------------------------------------------- * * Mini Cart - Empty */ .cart-menu .empty { padding: 20px; text-align: center; } /* -------------------------------------------- * * Mini Cart - Full */ /* Actions */ .cart-menu .actions { overflow: hidden; padding: 15px; } .cart-menu .actions .button { float: left; width: 48%; } .cart-menu .actions .button + .button { margin-left: 4%; } /* Subtotal */ .cart-menu .subtotal { padding: 0 15px 15px; font-size: 24px; line-height: 1.2; } /* List */ .mini-cart-list { margin-bottom: 5px; } .mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #c0c0c0; font-size: 13px; line-height: 1.35; } .mini-cart-list .product-name { display: inline-block; } .mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; } .mini-cart-list .product-image img { width: 60px; height: 60px; } .mini-cart-list .has-options { margin-bottom: 0; color: #a0a0a0; font-size: 12px; } /* Too full - additional items will be shown in cart */ .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #c0c0c0; font-size: 13px; } /* After header Sticky */ .page-header.sticky{position:fixed; left:0px; top:-145px; right:0px; box-shadow:0 0 4px #333; -webkit-box-shadow:0 0 4px #333; -o-box-shadow:0 0 4px #333; z-index:9; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .show-fixed-menu .page-header.sticky {top:0px;} .page-header.sticky .top-head {display:none;} .page-header.sticky .logo {padding:15px 0 15px} .page-header.sticky #header-search {padding-top:10px;} .page-header.sticky .topheaderWrap .swatch-filters {margin-top:10px;} .page-header.sticky .head-left {padding: 7px 0;} .page-header.sticky .head-right .links {padding: 7px 0;} .page-header.sticky .head-right .enquiry-minicart { padding: 7px 0;} /* ================================================= * * General Product List Styles (not module-specific) * ================================================= */ /* -------------------------------------------- * * Product List General */ .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; } .category-image { margin-bottom: 1.5em; } .products-list .action .button, .products-grid .actions .button { white-space: normal; } /* -------------------------------------------- * * Product Name */ h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #636363; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 14px; font-weight: normal; line-height: 1.4; } h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #636363; } h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #004677; text-decoration: none; } h2.product-name{ text-transform:capitalize; display:block; text-align:center; height:48px; overflow:hidden; margin-bottom:5px; font-family:'montserrat-reg'; margin-top:10px; } h2.product-name a { display:block; text-align:center; color:#575757; font-size:15px; line-height:23px; text-decoration:none !important; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .products-list h2.product-name{text-align:left; height:auto; overflow:visible; margin-bottom:5px; font-family:'montserrat-reg'; margin-top:0px; } h2.product-name a{display:block; text-align:center; color:#575757; font-size:15px; line-height:23px;} .products-list h2.product-name a {text-align:left; color:#575757; font-size:17px; line-height:27px;} .products-grid { margin: 0 -5px; } .products-grid li{width:25%; float:left; padding:10px 5px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-grid li:nth-child(4n+1){clear:both;} /* ============================================ * * Mini Product List * ============================================ */ .mini-products-list .product-image { float: left; min-width: 50px; } .mini-products-list .product-details { margin-left: 60px; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * * Catalog - List * ============================================ */ .category-image {} .category-image img { width: 100%; max-width: 100%; } .category-image img:hidden { display: none; } /* ============================================ * * Layered Navigation * ============================================ */ .prod-leftsidebar{background-color:#fafafa;} .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border: 1px solid #cccccc; position: relative; background-color: #f4f4f4; cursor: pointer; } .block-layered-nav .block-subtitle--filter:hover { background-color: #ececec; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { margin:0px;font-family:'montserrat-bold'; color: #004677; font-size: 16px; font-style: normal; line-height: 1.4; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; padding:0px 0px 7px 24px; border-bottom:1px solid #e8e8e8; position: relative; display: block; } .block-layered-nav .block-title{display:none;} .block-layered-nav .block-content > dl > dt:hover {} .block-layered-nav .block-content > dl > dd {} .block-layered-nav .block-content > dl > dd:last-child { border-width: 0 1px 1px 1px; } .block-layered-nav dl dd { margin-bottom:10px; margin-top:15px; padding-bottom:15px; border-bottom: 1px solid #e8e8e8; } .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding:5px 15px 5px 0; display: block; } .block-layered-nav dl dd ol > li > a .count { color: #a0a0a0; } .block-layered-nav dl dd:last-child { padding-bottom:0px; border-bottom:0px none #ccc;} .block-layered-nav .block-content .currently{display:none;} .block-layered-nav .block-content .actions{display:none;} @media only screen and (min-width:980px) { .block-layered-nav .block-content > dl > dt { padding-left:0px; } .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width:979px) { .sidebar .block{ border-bottom: none !important; } .block-layered-nav--no-filters .block-title { display: none; } .block-layered-nav .block-content { padding-top: 0;} .block-layered-nav .block-content > dl > dt {cursor: pointer; /*border-bottom-width: 0;*/font-family: 'montserrat-reg'; padding-left:0px; margin-bottom:0px; padding-bottom:9px;padding-top:10px;} .block-layered-nav .block-content > dl > dt:hover { color: #004677; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #004677; border-right: none; right:0px; top: 50%; margin-top: -8px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; background-color:transparent; } .block-layered-nav .block-content > dl > dt.last {margin-bottom:0px; border-bottom-width:0px; /*padding-bottom:7px;*/} .block-layered-nav .block-content > dl > dd { display: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px;-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after {border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 9px solid #004677; border-bottom: none; right:0px; top: 50%; margin-top: -9px;} .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } .block-layered-nav .block-subtitle--filter { background-color: #004677; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid white; border-right: none; right: 10px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter:hover { background-color: #2e8ab8; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid white; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } #narrow-by-list, #narrow-by-list2 { padding: 10px; border: 1px solid #cccccc; border-top: 0; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { color: #636363; background-color: #f4f4f4; padding: 5px 10px; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; background: #ececec; } .sidebar .block:not(.block-layered-nav) .block-title.active{ } } /* ============================================ * * Catalog - Product * ============================================ */ .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; } .product-view .product-essential:after { content: ''; display: table; clear: both; } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 {} .product-view .product-shop { width:55.5%; float: right; } .product-view .product-shop .product-name { display: none; float:none; } .product-view .product-shop .product-name .h1 {margin-bottom: 5px; } .product-view .product-shop .extra-info { float: left; padding-right: 15px; clear: left; width: 70%; } .product-view .product-shop .price-info { float: right; padding-left: 15px; text-align: right; } .product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 70%; margin-bottom: 10px; } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .availability { font-size: 16px; } .product-view .product-shop .price-box { margin-top: 0; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #004677; font-size: 24px; } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .special-price span.weee { color: #636363; } .product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #636363; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .price-box.map-info a { display: inherit; } .product-view .old-price .price-label { display: none; } .product-view .add-to-cart-wrapper, .product-view .block-related { width: 50%; float: right; clear: right; } @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } } @media only screen and (max-width: 770px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } } .product-img-box { width:44.26%; float: left; } .product-img-box .product-name h1 { border: 0; } .product-img-box .product-image { margin-bottom: 13px; } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } @media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: -1px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px; } .product-img-box { padding-right: 15px; } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; } .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; } .product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; } .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 10px; } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left; } .product-view .add-to-cart .qty-wrapper label { line-height: 40px; } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; } .product-view .add-to-cart-buttons { float: left; margin-right: 10px; max-width: 100%; } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 170px; } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 174px; margin: 0 auto; } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; } .product-view .add-to-cart-buttons .button { min-height: 40px; line-height: 40px; font-size: 16px; padding: 0px 30px; float: left; min-width: 160px; width: 100%; white-space: normal; } .product-view .alert-price, .product-view .alert-stock { clear: both; } @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } .add-to-box .or { display: none; } .product-view .add-to-links { clear: both; margin-top: 0px; margin-right: 15px; float: left; } .product-view .add-to-links:after { content: ''; display: table; clear: both; } .product-view .add-to-links li { float: left; } .product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #cccccc; } .product-view .add-to-links li:first-child a { margin-left: 0px; } .product-view .add-to-links li:last-child a { border-right: 0px; } .product-view .sharing-links { float: left; } .product-view .sharing-links:after { content: ''; display: table; clear: both; } .product-view .sharing-links li { float: left; padding: 0px 7px 7px; } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; } .product-view .sharing-links a:hover { opacity: 0.8; } .product-view .sharing-links a.link-wishlist { background-position: 0px -225px; } .product-view .sharing-links a.link-compare { background-position: 0px -250px; } .product-view .sharing-links a.link-email-friend { background-position: 0px -322px; } .product-view .sharing-links a.link-facebook { background-position: 0px -425px; } .product-view .sharing-links a.link-twitter { background-position: 0px -372px; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } } .product-collateral { clear: both;padding-bottom:30px; } .collateral-tabs dd h2 { display: none; } .box-collateral { clear: both; } @media only screen and (min-width:980px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border-bottom: 1px solid #cccccc; border-top:0px none;} .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; margin-right:0px; position:relative; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding:0 41px 0 39px; height:61px; line-height:64px; cursor: pointer;font-size:16px;font-family:'montserrat-bold'; color:#231f20; position: relative; bottom: -1px; } .product-collateral .toggle-tabs li.current { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .product-collateral .toggle-tabs li.current:before{content:''; position:absolute; top:-1px; left:-1px; right:-1px; background-color:#004677; height:5px; z-index:6;} .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; color:#004677; } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #004677; } .product-collateral .toggle-tabs li:first-child {/* border-left: none;*/ } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; display: none; padding:32px 39px 22px; border: 1px solid #cccccc; border-top: 0; } .product-collateral > dl > dd.current { display: block; } } @media only screen and (max-width:979px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl {background-color: #fafafa; border:1px solid #CCC; padding:10px 10px 5px;} .product-collateral > dl > dt:hover { } .product-collateral > dl > dd { padding: 10px 0 0; margin:0 0 10px;/* border-width: 0 1px; border-style: solid; */ border-bottom:1px solid #cccccc;} .product-collateral > dl > dd:last-child { border-bottom:0px none #cccccc; margin-bottom:0px;} .product-collateral > dl > dt { cursor: pointer; border-bottom-width: 0; } .product-collateral > dl > dt:hover { color: #004677; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #004677; border-right: none; } .product-collateral > dl > dd { display: none; } .product-collateral.accordion-open > dl > dd.current { display: block; } .product-collateral > dl > dt{margin-top: 0; border-bottom:1px solid #e8e8e8; border-top: 0px solid; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding:0 0 5px 0px; position: relative;color:#231f20;font-size: 16px;font-style: normal;text-transform: none;font-family: 'montserrat-reg'; line-height:30px; margin-bottom:6px;} .product-collateral > dl > dt.last { border-bottom-width:0px; margin-bottom:0px;} .product-collateral > dl > dt:after {content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #231f20; border-right: none; right:0px; top: 50%; margin-top: -10px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease;} .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .product-collateral.accordion-open > dl > dt.current:after { border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 9px solid #004677; border-bottom: none; right:0px; top: 50%; margin-top: -4px; } } @media only screen and (max-width:979px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } } @media only screen and (min-width:980px) { .product-view .product-shop .product-name { display: block; margin-top:-2px;margin-left: -2px;} .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid silver; } #product-attribute-specs-table th { border-right: 1px solid silver; border-bottom: 1px solid silver; } /* -------------------------------------------- * * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px silver; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #004677; } .grouped-items-table .qty-wrapper { padding-top: 7px; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table td { padding: 4px; } .grouped-items-table td:last-child { width: 30%; text-align: left; } .grouped-items-table .price-box { text-align: right; } /* -------------------------------------------- * * Catalog - Product Options */ .product-options { width: 100%; margin: 10px 0 0; padding: 10px 15px 15px; border: 1px solid #cccccc; clear: both; position: relative; } .product-options p.required { position: absolute; top: 6px; right: 15px; text-align: right; } @media only screen and (max-width: 979px) { .product-view .product-options .required { position: static; } } .product-options dt { margin: 10px 0 3px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #ededed; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { /* width: 330px; */ max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom { background-color: #f4f4f4; padding: 15px 20px; border: 1px solid #cccccc; border-top: 0; margin-bottom: 10px; } .product-options-bottom:after { content: ''; display: table; clear: both; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #636363; } @media only screen and (max-width: 1199px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #636363; } .product-options-bottom .price-box { display: none; float: right; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: none; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #636363; font-size: 24px; font-family: 'montserrat-sbold'; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { margin-left: 20px; position: relative; } .block-related .checkbox { float: left; margin-top: 36px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; font-size: 16px; padding-right: 5px; padding-left: 5px; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } /* -------------------------------------------- * * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } /* ============================================ * * Catalog - MSRP MAP Popup * ============================================ */ .cart-msrp-totals { color: red; font-size: 12px !important; font-family: 'montserrat-bold'; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-family: 'montserrat-bold'; text-align: left; padding: 2px 5px; } .map-popup { background: #FFFFFF; border: 5px solid #cccccc; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } @media only screen and (min-width: 771px) { .map-popup.map-popup-right { left: 10px !important; } .map-popup.map-popup-left { left: auto !important; right: 10px !important; } } @media only screen and (max-width: 770px) { .map-popup { width: 100%; left: 0px !important; } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3 { text-align: center; } } .map-popup .map-popup-close { display: block; position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center; } .map-popup .map-popup-content { border-top: 1px solid #ededed; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-content { text-align: center; } } .map-popup .map-popup-checkout { padding: 10px 0; } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout span { display: block; } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left; } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px; } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none; } .map-popup .map-popup-checkout .paypal-logo { width: auto; } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left; } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout { text-align: center; } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none; } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0px; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0px; margin-bottom: 10px; } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 10px 0; } @media only screen and (max-width: 479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0px; } } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } .map-popup .map-popup-price .price-box .minimal-price-link { display: inline-block; } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word; } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #ededed; } /* ============================================ * * Catalog - MSRP Product Listing * ============================================ */ .price-box .map-link { display: block; text-align: center; } /* ============================================ * * Catalog - Compare * ============================================ */ .block-compare .product-name:after { content: ''; display: table; clear: both; } .compare-table .product-image { display: inline-block; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } .cart .page-title { margin-bottom: 15px; /* border-bottom: 1px solid #ededed; */ } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 0; margin-right: 10px; padding: 6px 0 5px; } .checkout-types { float: right; text-align: right; max-width: 100%;/* We always want this shipping method to display on its own line */ } .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .checkout-types li:after { content: ''; display: table; clear: both; } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: inline-block; } .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .checkout-types.top .bml_button img { display: block; } .checkout-types.top .paypal-logo .paypal-or { margin-top: 5px; } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; display: block; text-align: center; } @media only screen and (min-width: 741px) { .checkout-types.bottom .paypal-or { text-align: right; padding-right: 70px; } } /* ============================================ * * Checkout - Cart Cross sell * ============================================ */ .crosssell h2 { color: #004677; } .crosssell .item a.product-image { width: auto; float: left; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .products-list li:before, .products-list li:after { content: ''; display: table } .products-list li:after { clear: both; } .products-list li { zoom: 1; padding:15px; border-bottom: 1px solid #eee; margin-bottom:0px; } .products-list li:nth-child(2n+1){background-color:#f7f7f7;} .products-list li:last-child { margin-bottom: 0; /*border-bottom:0px none transparent;*/ } .products-list .product-image { display: block; float: left; width: 35%; } .products-list .product-shop { float: left; padding-left: 20px; width: 65%; } @media only screen and (max-width: 979px) { .crosssell { /* Undo three-column config */ } .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.72727%; margin-right: 4.54545%; } .crosssell .products-grid > li:nth-child(odd) { clear: left; } .crosssell .products-grid > li:nth-child(even) { margin-right: 0; } .crosssell .products-grid > li:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 599px) { .cart-table .cart-tax-total:after { right: -9px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { right: -13px; } } @media only screen and (max-width: 320px) { .crosssell ul .item { padding: 0 0px 40px; } .crosssell ul .product-details .crosssell-actions { padding: 0 5px; } } /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #004677; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #004677; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-family: 'montserrat-bold'; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #a0a0a0; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; line-height: 1.3; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; color: #004677; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* ============================================ * * Customer * ============================================ */ .customer-account-login .scaffold-form label { text-transform: uppercase; margin-bottom: 3px; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; /* min-width: 50%; */ margin: 0; font-family: 'montserrat-bold'; font-size: 14px; } .flright { float: right; } .customer-account-login .col2-set .buttons-set button.button.flright { float: left; margin-left: 0; } .customer-account-login .col2-set .buttons-set button.customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 0; margin: 10px 0 20px 0; } .customer-account-login .col2-set .buttons-set p.required { line-height: 37px; float: left; margin-left: 15px; } #login-form .col2-set { position: relative; } #login-form .col2-set .new-users a.button { background: #909090; position: relative; left: 0; } #login-form .col2-set .new-users a.button:hover { background: #004677; } #login-form .registered-users { position: relative; } #login-form .registered-users:before { content: "OR"; display: block; position: absolute; left: -30px; font-family: 'latoitalic'; height: 60px; width: 60px; background: #FFF; border-radius: 50px; border: 2px solid #EAEAEA; line-height: 57px; text-align: center; font-size: 20px; top: 50%; margin-top: -30px; color: #777; font-weight: 600; } #login-form .registered-users .buttons-set { padding-top: 0px; } .customer-account-login .col2-set .col-1 { padding: 0px; padding-right: 115px; } .customer-account-login .col2-set .col-2 { padding: 0px; padding-left: 115px; border-left: 2px solid #EAEAEA; } .customer-account-login .new-users .field { padding-right: 175px; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/create-icon.png) no-repeat 95% 15px; } .customer-account-login .registered-users .field { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/login-icon.png) no-repeat 100% 20px; } .customer-account-login .registered-users input { max-width: 270px; line-height: normal; } .opc #opc-login p:not(.required) { font-size: 13px; color: #333; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; border: 1px solid #cccccc; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .buttons-set { max-width: 455px; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 30px; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; max-width: 400px; } .customer-account-forgotpassword .fieldset ul.form-list { margin: 0 0 0 0; } .customer-account-forgotpassword .fieldset h2 { font-size: 17px; color: #404040; } .customer-account-forgotpassword form { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/forgot-password.png) no-repeat 90% center; } @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * * My Account Global Styles * ============================================ */ .page-title { margin-top:-5px; } body.customer-account .my-account .page-title h1 { border: 0; text-align: left; margin-bottom: 7px; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; font-size: 18px; line-height: 24px; font-family: 'montserrat-bold'; color: #606060; padding-bottom: 7px; margin-bottom: 13px; position: relative; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { text-transform: uppercase; font-style: normal; font-size: 12px; } body.customer-account .data-table span.nobr { /* white-space: normal; */ } body.customer-account .data-table span.nobr a { white-space: nowrap; } body.customer-account .data-table th.total, body.customer-account .data-table td.total { text-align: right; } body.customer-account .data-table th.status, body.customer-account .data-table td.status { text-align: center; } body.customer-account .data-table td.view.last { text-align: center; } body.customer-account .data-table td.view a { display: inline-block; margin: 2px 0; } body.customer-account .data-table .separator { padding: 0 5px; } body.customer-account .sidebar .block ol#compare-items li { padding: 10px 20px 5px; margin-bottom: 0px; } body.customer-account .sidebar ol#compare-items li p.product-name { margin-bottom: 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin: 10px 20px; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar ol#cart-sidebar-reorder li p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; position: relative; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 4px; position: relative; top: 2px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input.checkbox { cursor: pointer; height: 20px; margin-right: 0; opacity: 0; position: absolute; top: 2px; left: 13px; width: 20px; z-index: 99999999; clip: rect(auto, auto, auto, auto); } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder label a { margin-bottom: 0; color: #303030; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } #cart-sidebar-reorder-advice-container { padding:5px 0 0 20px; } /* ============================================ * * Dashboard * ============================================ */ .dashboard .box-head { border-bottom: 1px solid #cccccc; padding-bottom: 7px; } .dashboard .box-head h2 { font-size: 15px; font-family: 'montserrat-bold'; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .my-account .box-title-inner { display: inline-block; position: relative; padding-right: 50px; } .my-account .box-title a { font-size: 0px; height: 18px; width: 18px; display: block; position: absolute; right: 5px; top: 0; text-indent: -9999px; } body.customer-account-index .my-account .box-title a {/* right:10px; */ } .dashboard .box-account p, .dashboard .box-account address { /*font-style: italic;*/ } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { padding-bottom: 10px; } .dashboard .col2-set .box-title:before, .dashboard .col2-set .box-title:after { content: ''; display: table } .dashboard .col2-set .box-title:after { clear: both } .dashboard .col2-set .box-title { zoom: 1; } .dashboard .col2-set .col-1 .box-title h2, .col2-set .box-title h3, .dashboard .col2-set .col-2 .box-title h2 { font-family: 'montserrat-bold'; font-size: 14px; color: #616161; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { line-height: 19.6px; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #ededed; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } .dashboard .welcome-msg { margin-bottom: 30px; } /* ============================================ * * Address Book * ============================================ */ .my-account { /* min-height:800px; */ } .customer-account-edit .my-account { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/account-information-bg.png) no-repeat 80% 105px; margin-bottom: 30px; } .my-account .addresses-list { } .my-account .addresses-list .item:first-child { padding-left: 0; border-left: 0px; border-right: 1px solid #cccccc; } .my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0 5% 0 13%; width: 50%; float: left; } .my-account .addresses-list .item p { margin-top: 10px; } .my-account .addresses-list .item p a { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-edit.png) no-repeat center bottom; position: absolute; top: 2px; font-size: 0px; height: 18px; width: 18px; right: 35px; } .my-account .addresses-list .item p a.link-remove { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon_sprite.png) no-repeat 1px -648px; position: absolute; top: 0px; font-size: 0px; height: 20px; width: 20px; right: 10px; } .my-account .addresses-list .item p a:hover { opacity: .5; } body.customer-address-index .my-account { background: none; min-height: inherit; } body.sales-order-history .my-account { background: none; min-height: inherit; } body.wishlist-index-index .my-account { background: none; min-height: inherit; } body.customer-account-index .my-account { background: none; min-height: inherit; } .my-account .addresses-list .col-2.addresses-additional { border-top: 1px solid #cccccc; clear: both; padding-top: 15px; } @media only screen and (max-width: 770px) { .my-account .addresses-list .col2-set { padding-top: 10px; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-top: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } .col2-set .col-2 .box { max-width: none; margin-left: 0; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } /* ============================================ * * Order View * ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #ededed; width: 100%; margin-bottom: 30px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 5px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-family: 'montserrat-bold'; } .order-info li:first-child { margin-left: 0; } .order-date { text-transform: uppercase; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #ededed; } .order-info-box .col-1 { padding: 0; width: 50%; } .order-info-box .col-2 { width: 50%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: auto; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: 'montserrat-bold'; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; clear: both; } .order-info-box .box-content td, .order-info-box .box-content th { line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-weight: normal; text-transform: uppercase; } .MyOrders-Select { display: inline; width: 70px; overflow: hidden; float: right; border: 0px solid #cecece; } .MyOrders-Select select { /* background:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-select-arrow.png) no-repeat 58% center; */ padding: 6px 3px; width: 138%; max-width: none; border: 0px; } #my-orders-table .option-label { margin-left: 10px; font-family: 'montserrat-sbold'; font-style: italic; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #ededed; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { body.customer-account .data-table td.view a { white-space: nowrap; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } } @media only screen and (max-width: 770px) { .order-info-box .box-content { clear: left; } .addresses-list .item { float: left; width: 50%; padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg .hello { /* font-style: italic; */ } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } .dashboard .col2-set .col-1 { float: left; margin-right: 4%; } .dashboard .col2-set .col-2 { float: right; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { text-align: left; } body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons .button + .button { margin-left: 0px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; } .order-info-box { margin: 0; } .order-info-box .col-1 { border-bottom: 1px solid #ededed; padding-bottom:10px; } .order-info-box .col-1, .order-info-box .col-2 { width: 100%; } .order-info-box .col-2 { padding-top:10px; } .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } /* ============================================ * * Newsletter Subscriptions * ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #ededed; padding-top: 10px; } /* ============================================ * * Contacts * ============================================ */ .contacts-index-index .buttons-set { margin-left: 30px; max-width: 435px; } .contacts-index-index .buttons-set p.required { float: left; } @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0; } .contacts-index-index .buttons-set button { float: left; margin-left: 0px; } .contacts-index-index .buttons-set p.required { float: right; } } /* ============================================ * * PayPal * ============================================ */ @media only screen and (max-width: 870px) and (min-width: 771px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px; } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed; } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 10px; } @media only screen and (max-width: 770px) { .paypal-review-order .col-1 { padding-bottom: 0; } .paypal-review-order .field.inactive { display: none; } } .top-container .bml-ad { margin-top: 7px; margin-bottom: 7px; text-align: center; } .top-container .bml-ad span { display: inline-block; } .top-container .bml-ad span a { display: block; } .bml-ad { display: none; text-align: center; margin-bottom: 5px; } .bml-ad span { display: block; line-height: 0; } .bml-ad a { display: inline-block; max-width: 100%; } .bml-ad a:hover { opacity: 0.7; } .bml-ad img { height: auto !important; max-width: 100%; } .cart-totals-wrapper .bml-ad.large img { display: block; margin: 0; } @media only screen and (max-width: 770px) { .bml-ad.small { display: block; } } @media only screen and (min-width: 771px) { .bml-ad.large { display: block; } } div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100%; } div.paypal-logo span { display: block; width: 100%; } div.paypal-logo span a { display: inline-block; max-width: 100%; } div.paypal-logo span a img { max-width: 100%; } div.paypal-logo span > img { display: none; } .checkout-types div.paypal-logo { text-align: right; } .bml-checkout-type { list-style-type: none; } .sidebar .paypal-logo { text-align: center; line-height: 0; } .sidebar .paypal-logo > a { display: inline-block; max-width: 100%; } .sidebar .paypal-logo > a:hover { opacity: 0.8; } .sidebar .paypal-logo > a img { display: block; } .sidebar .paypal-logo .label { margin-top: 4px; } .sidebar .paypal-logo .label a { font-size: 12px; line-height: 1.5; } /* ============================================ * * Review - Customer * ============================================ */ #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0 5px; } #customer-reviews .review-heading:after { content: ''; display: table; clear: both; } #customer-reviews .review-heading h2 { float: left; display: block; } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto; } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0; } #customer-reviews .review-heading .pager .count-container .limiter label { font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #004677; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #636363; } #customer-reviews h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #004677; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #cccccc; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } #customer-reviews .fieldset h4 em { display: none; } #customer-reviews .fieldset .form-list { font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px; } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; } #customer-reviews .fieldset .form-list textarea { border: 1px solid #cccccc; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #cccccc; border-radius: 0; } #customer-reviews .fieldset .form-list input[type="text"] { width: 100%; } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px; } #customer-reviews dl { font-size: 12px; font-weight: normal; margin-bottom: 10px; } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; } #customer-reviews dl dd { font-size: 14px; margin: 10px 0; } #customer-reviews dl dd .ratings-table { font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { margin-right: 15px; } #customer-reviews dl dd .ratings-table .review-label { width: 300px; max-width: 70%; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #004677; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #cccccc; margin: 0 0 10px; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table .rating-box .rating-number { display: none; } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; } /* ============================================ * * Ratings - Global * ============================================ */ .ratings-table { font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; } .ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px; } .ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px; } @media only screen and (max-width: 770px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0; } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { margin-right: 15px; } } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; } } @media only screen and (max-width: 520px) { #customer-reviews .fieldset { width: 100%; } #customer-reviews .fieldset .form-list { width: 100%; } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; } #customer-reviews .buttons-set { width: 100%; } #customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px; } #customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 19.6px; width: 100%; } #customer-reviews .review-summary-table .rating-box .rating { display: none; } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; } } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr { float: none; } } /* ============================================ * * Review View Page * ============================================ */ .review-product-view .product-review .product-details h2 { border-bottom: none; } .review-product-view .product-review .product-img-box { width: auto; max-width: 50%; } .review-product-view .product-review .product-img-box > a { width: 100%; } .review-product-view .product-review .product-img-box .product-image { width: 100%; } @media only screen and (max-width: 770px) { .review-product-view .product-review .product-img-box { max-width: 100%; } } /* ============================================ * * Slideshow * ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; margin:0; overflow:hidden; } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0; } .slideshow-container .slideshow > li { padding: 0; display: block; margin: 0; width:100% !important; height:auto !important;overflow: hidden !important;} .slideshow-container .slideshow > li:first-child { position: relative; z-index: 100; } .slideshow-container .slideshow > li img { } .slideshow-pager { text-align: center; width:60px; z-index: 115; position: absolute; top:50%; right:0; margin-right:33px; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); } .slideshow-pager span { width:40px; height:5px; margin-bottom:9px; background-color:#FFF; display:block; cursor: pointer; position:relative; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; float:right; clear:both; } .slideshow-pager span:before { content:''; display:none; width:40px; height:5px; right:0; top:0; border:0px !important; background-color:#FFFFFF; position:absolute; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } .slideshow-pager span:hover:before { width:60px; background-color: #004677; } .slideshow-pager span.cycle-pager-active:before { width:60px; background-color: #004677; } .slideshow-pager span:hover { width:60px; background-color: #004677; } .slideshow-pager span.cycle-pager-active { width:60px; background-color: #004677; } .slideshow-container.homebanner-mobile .slideshow-pager { display:none !important; } .slideshow-pager > * { /*cursor: pointer; */ } .slideshow-prev, .slideshow-next { display:none; position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: 0.6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px; } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1; } .slideshow-prev.disabled, .slideshow-next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: default; } .slideshow-prev { left: 8px; } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #004677 transparent transparent; top: 50%; left: 10px; } .slideshow-prev:hover:before { border-color: transparent #2e8ab8 transparent transparent; } .slideshow-next { right: 8px; } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #004677; top: 50%; right: 10px; } .slideshow-next:hover:before { border-color: transparent transparent transparent #303030; } .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 110; } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: black; color: white; padding: 15px; opacity: .5; } /* ============================================ * * Search - Auto Suggest * ============================================ */ .search-autocomplete { left: 0 !important; overflow: visible !important; position: relative !important; top:7px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul {background-color:#FFFFFF; border:1px solid #004677; left: 0; padding-left: 0; position: absolute; top: 0; width: 100%; } .search-autocomplete ul li { border-bottom: 1px solid #f4f4f4; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; } .search-autocomplete ul li:after{content:''; display:table; clear:both; position:relative;} .search-autocomplete ul li.selected {background-color: #004677; color: white; } .search-autocomplete ul li.preview a{ color:#272727; font-size:14px; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} .search-autocomplete ul .preview .description {color: #575757 !important;} .search-autocomplete ul li.selected a{color:#FFF;} .search-autocomplete ul li:hover{ color: #FFF; background-color: #004677;} .search-autocomplete ul li.preview:hover a{ color:#FFF;} .search-autocomplete ul li.preview img{margin-right:10px;} .search-autocomplete ul li.selected {background-color: #004677; color: white; } .search-autocomplete ul .preview.selected .description {color: #FFF !important;} .search-autocomplete ul .preview:hover .description {color: #FFF !important;} .search-autocomplete ul.ajaxsearch .suggest {background: #004477 !important;} .search-autocomplete ul li .amount {float: right; font-family: 'montserrat-bold'; color:#FFF !important;} .search-autocomplete ul li:last-child { border-bottom: none; } .search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #004677; border-top: none; left: 50%; top: -7px; } /* ============================================ * * Search - Advanced * ============================================ */ .advanced-search { background: #f4f4f4; border: 1px solid #ededed; padding: 30px; } .advanced-search select.multiselect option { border-bottom: 1px solid #ededed; padding: 2px 5px; } @media only screen and (max-width: 479px) { .advanced-search { padding: 15px; } } /* ============================================ * * Account - Reviews * ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #cccccc; font-size: 16px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #cccccc; color: #004677; font-size: 16px; font-family: 'montserrat-bold'; padding-bottom: 10px; } .product-review .ratings-table { } .product-review .ratings-table th { padding-right: 10px; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #cccccc; font-size: 16px; font-family: 'montserrat-sbold'; margin-top: 20px; padding: 10px 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-size: 13px; } @media only screen and (min-width: 771px) { .product-review .ratings-table tr { float: none; } } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 320px) { .product-review .ratings-table tr { float: none; } } /* ============================================ * * CMS Pages * ============================================ */ .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { /* border: none; */ } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; } .cms-page-view .std p { font-size: 14px; line-height: 20px; color: #606060; font-family: 'montserrat-reg'; } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; } .cms-page-view .std p, .cms-no-route .std p { color: #636363; font-size: 14px; line-height: 24px; } .cms-page-view .std h1, .cms-no-route .std h1 { color: #303030; } .cms-page-view .std h2, .cms-no-route .std h2 { color: #303030; } .cms-page-view .std h2.sub-title { text-transform: none; margin-bottom: 23px; margin-top: 38px; font-size: 30px; } .cms-page-view .std ul { margin-bottom:25px; } /*.cms-page-view */ .std ul li, .cms-no-route .std li { color: #606060; position: relative; display: block; list-style: outside none none; margin: 0 0 10px; padding: 0 3px 0 20px; font-style: normal; line-height:22px; font-family: 'montserrat-reg'; } .std ol { counter-reset: listStyle; list-style:none; } .std ol li { counter-increment: listStyle; position:relative; padding-left:30px; margin-left:0px; margin-bottom:10px; } .std ol li:before { content: ""counter(listStyle, decimal-leading-zero)")"; position: absolute; left: 0; top: 0; color: #004677;} .std ol ol { counter-reset: listStyle1; margin-top: 10px; } .std ol ol li { counter-increment: listStyle1; } .std ol ol li:before { content: "("counter(listStyle1, lower-alpha)")"; position: absolute; left: 0; top: 0; } .std li:last-child,, .cms-no-route .std li:last-child { margin-bottom:0; } .about-us-main-banner, .contact-us-main-banner { margin-bottom: 8px; } .cms-img { margin-top: 5px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } /*.cms-page-view */.std ul li:before, .cms-no-route .std ul li:before { content: "\f00c"; display: block; position: absolute; left:0px; top:2px; font: normal normal normal 15px/1 FontAwesome; color: #004677; } .cms-page-view .std ul.download-library li:before { content: "\f019" } .download-credit-link i { font-size: 20px; margin-right: 5px; vertical-align: middle; } .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; } .cms-no-route .std img { width: 100%; } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; } .cms-no-route .main-container.col1-layout{padding-top:20px;} .cms-no-route .main{border-top:1px solid #CCC; padding-top:15px; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/404-img.jpg) no-repeat right center;} .cms-no-route h1.text-jumbo{color:#004677;} .cms-no-route h6{font-size:17px; color:#F00;} #accordion .toggle-tabs { display: none; } #accordion > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-size: 14px; font-style: normal; line-height: 1.4; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #cccccc; position: relative; background-color: #f4f4f4; display: block; } #accordion > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #004677; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } #accordion > dl > dt:hover { background-color: #ececec; } #accordion > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #cccccc; } #accordion > dl > dd:last-child { border-width: 0 1px 1px 1px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 10px; } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; } .page-sitemap .sitemap li { margin: 3px 0; } .contacts-index-index h1 { border: none; } /* ============================================ * * Pricing Conditions * ============================================ */ .price-box .minimal-price-link .label { color: #cf5050; font-size: 12px; text-transform: uppercase; } .map-info { white-space: nowrap; } .catalog-product-view .map-info { white-space: normal; } .catalog-product-view .map-info > span { float: right; margin-bottom: 5px; } .catalog-product-view .map-info .price-box.map-info > a { float: right; width: 100%; } /* ============================================ * * Cookies * ============================================ */ .notice-cookie .notice-inner { padding-bottom: 0; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; } @media only screen and (max-width: 979px) { .notice-cookie .notice-text { max-width: 86%; } } @media only screen and (max-width: 770px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-text { max-width: 82%; padding-top: 0; } } @media only screen and (max-width: 620px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-inner { background-position: left 10px; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; } .notice-cookie .actions { text-align: left; } } /* ============================================ * * Tags * ============================================ */ #addTagForm button { margin-top: 5px; margin-bottom: 10px; } #addTagForm .form-add { margin-top: 10px; } .product-tags { background-color: #f4f4f4; border: 1px solid #cccccc; float: left; margin-bottom: 10px; padding: 5px 1% 10px; width: 98%; } .product-tags li { float: left; margin-right: 15px; } .product-tags li.last { margin-right: 0px; } .tags-list { float: left; width: 100%; margin-bottom: 10px; } .tags-list > li { float: left; margin-right: 10px; } .block-tags .actions > a { font-size: 12px; } .my-tag-edit .button.btn-remove { padding: 0; } .my-tag-edit .button.btn-remove:after { color: white; } @media only screen and (max-width: 770px) { .tags-list > li, .tags-list { float: none; } } /* ============================================ * * Captcha * ============================================ */ .captcha-note { clear: left; padding-top: 5px; } .captcha-image { float: left; display: inline; max-width: 100%; position: relative; width: 258px; margin-bottom: 10px; } .captcha-image .captcha-img { border: 1px solid #b6b6b6; vertical-align: bottom; width: 100%; } .registered-users .captcha-image { margin: 0; } .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } .customer-account-create .scaffold-form .captcha-input-container label:first-child { width: 100%; } .captcha-reload { position: absolute; right: 4px; top: 4px; } .captcha-img { border: 20px solid #bbbbbb; } .captcha-input-container { margin-bottom: 10px; } .control.newsletter-box, .captcha-input-container, .captcha-img-container { float: none; clear: both; } .control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after { content: ''; content: ''; display: table; clear: both; } .recaptcha-error-message{color:#F00 !important;} /* ============================================ * * Checkout Billing Fix to place the Captcha properly * ============================================ */ #co-billing-form ul.form-list > .control { float: left; margin: 0 0 5px; width: 100%; padding: 0; } @media only screen and (max-width: 479px) { .sales-order-invoice .sub-title, .sales-order-creditmemo .sub-title, .sales-order-shipment .sub-title { float: left; font-size: 15px; text-align: center; width: 100%; } .sales-order-invoice .order-links, .sales-order-creditmemo .order-links, .sales-order-shipment .order-links { text-align: center; width: 100%; } } /* ============================================ * * Recurring Profiles * ============================================ */ #recurring_profile_list_view th { white-space: normal; } #recurring_profile_list_view th span { white-space: inherit; } @media only screen and (max-width: 479px) { #recurring_profile_list_view { font-size: 12px; } #recurring_profile_list_view a { font-size: inherit; } #recurring_profile_list_view th, #recurring_profile_list_view td { padding: 2px; } } .recurring-profiles-title { float: left; } .recurring-profiles-title h1 { margin-bottom: 7px; } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { float: right; text-align: right; margin-bottom: 30px; } @media only screen and (max-width: 479px) { body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons { text-align: center; float: none; } } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button { position: static; } .recurring-profiles-messages:after { content: ''; display: table; clear: both; } #recurring_start_date_trig { display: inline; } /* ============================================ * * Billing Agreements * ============================================ */ .billing-agreements .info-box { margin-bottom: 30px; } .billing-agreements .info-box:after { content: ''; display: table; clear: both; } .billing-agreements .info-box .form-list { max-width: 400px; width: 100%; } .billing-agreements .info-box .box-title { margin-top: 20px; margin-bottom: 7px; } .billing-agreements .info-box .button { float: right; margin-top: 7px; } @media only screen and (max-width: 479px) { .billing-agreements .info-box .button { width: 100%; float: none; } } .billing-agreements #payment_method { width: 100%; margin-top: 7px; margin-bottom: 7px; } .billing-agreement-view-header-wrapper .heading { max-width: 80%; } @media only screen and (max-width: 479px) { .billing-agreement-view-header-wrapper .heading { max-width: 100%; } } .billing-agreement-details td, .billing-agreement-details th { padding: 3.5px; } @media only screen and (max-width: 979px) { .billing-agreements .data-table .created-at, .billing-agreements .data-table .updated-at { display: none; } } /* ============================================ * * Popular Search Terms Cloud * ============================================ */ .catalogsearch-term-popular .tags-list { float: left; width: 100%; } .catalogsearch-term-popular .tags-list > li { float: left; height: 40px; margin-right: 25px; } /* ============================================ * * Widgets * ============================================ */ .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { width: 100%; } @media only screen and (min-width: 771px) { .sidebar .widget-addbysku .sku-table .input-text:not(.qty) { max-width: 100px; } } .widget { clear: both; } .widget .pager { float: none; width: 100%; } @media only screen and (min-width: 1199px) { .col2-left-layout .col-main .widget, .col2-right-layout .col-main .widget, .col3-layout .col-main .widget { /* Config: Columns + flexible gutter */ /* Undo three-column config */ } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li, .col3-layout .col-main .widget .products-grid--max-4-col-widget > li { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li, .col3-layout .col-main .widget .products-grid--max-4-col-widget > li { width: 23.33333%; margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) { clear: left; } .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n), .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n), .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) { margin-right: 0; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) { clear: none; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li, .col3-layout .col-main .widget .products-grid--max-5-col-widget > li { margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li, .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li, .col3-layout .col-main .widget .products-grid--max-5-col-widget > li { width: 18.22222%; margin-right: 2.22222%; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) { clear: left; } .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n), .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n), .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) { margin-right: 0; } } @media only screen and (min-width: 770px) { .col1-layout .col-main .widget {} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) { clear: none; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) { clear: none; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even), .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li { width: 23.33333%; margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) { clear: left; } .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) { margin-right: 0; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) { clear: none; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) { clear: none; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even), .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li { margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li { width: 18.22222%; margin-right: 2.22222%; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) { clear: left; } .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) { margin-right: 0; } } /* ============================================ * * Checkout - Multiple Addresses * ============================================ */ body[class*="checkout-multishipping-"] .checkout-progress { width: 100%; float: left; margin-bottom: 25px; } body[class*="checkout-multishipping-"] .checkout-progress > li { float: left; width: 20%; text-align: center; padding: 8px 1% 6px; background: #f4f4f4; text-transform: uppercase; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 10px; } body[class*="checkout-multishipping-"] .checkout-progress > li.active { background-color: #dddddd; } body[class*="checkout-multishipping-"] .checkout-progress > li.last { border-right: 0px; } body[class*="checkout-multishipping-"] .page-title { float: left; width: 100%; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .page-title h1 { border: 0 none; float: left; margin-top: 2px; margin-right: 2%; } body[class*="checkout-multishipping-"] .page-title .button { float: right; } body[class*="checkout-multishipping-"] .multiple-checkout > h2 { text-transform: none; font-size: 17px; margin-bottom: 15px; } body[class*="checkout-multishipping-"] .messages { float: left; width: 100%; } body[class*="checkout-multishipping-"] .col-2.col-wide { width: 66%; } body[class*="checkout-multishipping-"] .col-1.col-narrow { width: 30%; } body[class*="checkout-multishipping-"] .actions { margin-bottom: 10px; } body[class*="checkout-multishipping-"] .grand-total { text-align: right; font-size: 16px; font-family: 'montserrat-bold'; } body[class*="checkout-multishipping-"] #checkout-review-submit { float: right; } body[class*="checkout-multishipping-"] #review-buttons-container { float: right; text-align: right; } .checkout-multishipping-addresses .btn-remove2 { text-indent: -5555px; display: block; width: 22px; height: 22px; } .checkout-multishipping-shipping .gift-messages { margin-top: 20px; } .checkout-multishipping-shipping .gift-messages-form { margin-top: 15px; } .checkout-multishipping-shipping .gift-messages-form h4 { margin-top: 15px; margin-bottom: 5px; } .checkout-multishipping-shipping .gift-messages-form .form-list { margin-top: 10px; margin-bottom: 25px; } .checkout-multishipping-shipping .gift-messages-form .item { margin-top: 15px; } .checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4, .checkout-multishipping-billing .col-1 .box-title h2, .checkout-multishipping-billing .col-1 .box-title h3, .checkout-multishipping-billing .col-1 .box-title h4, .checkout-multishipping-billing .col-2 .box-title h2, .checkout-multishipping-billing .col-2 .box-title h3, .checkout-multishipping-billing .col-2 .box-title h4, .checkout-multishipping-overview .col-1 .box-title h2, .checkout-multishipping-overview .col-1 .box-title h3, .checkout-multishipping-overview .col-1 .box-title h4, .checkout-multishipping-overview .col-2 .box-title h2, .checkout-multishipping-overview .col-2 .box-title h3, .checkout-multishipping-overview .col-2 .box-title h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4, .checkout-multishipping-billing .col-1 > h4, .checkout-multishipping-billing .col-2 > h4, .checkout-multishipping-overview .col-1 > h4, .checkout-multishipping-overview .col-2 > h4 { font-weight: normal; width: 100%; background: #f4f4f4; border-bottom: 1px solid #cccccc; padding: 10px; font-size: 14px; } .checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content, .checkout-multishipping-billing .col-1 .box-content, .checkout-multishipping-billing .col-2 .box-content, .checkout-multishipping-overview .col-1 .box-content, .checkout-multishipping-overview .col-2 .box-content { margin-bottom: 25px; padding-left: 10px; margin-top: 10px; } .checkout-multishipping-billing .sp-methods dt { float: left; width: 100%; } #multiship-addresses-table > tbody > tr > td.a-center.last > a { background-image: none; } #review-order-form > div:nth-child(3) > div.divider { width: 100%; clear: both; } /* =============================================================================================================================== * * Checkout - Mini cart CUSTOM CSS START * =============================================================================================================================== */ .header-minicart { display: inline-block; } .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .empty { padding: 10px; text-align: center; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle { color: #004677; font-size: 10px; font-family: 'montserrat-bold'; line-height: 1.4; padding: 5px; text-align: center; text-transform: uppercase; margin-bottom: 0px; } .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -3px; } .header-minicart .mini-products-list { padding: 10px; padding-top: 0px; } .header-minicart .mini-products-list li { padding: 8px 5px 8px 11px; border-bottom: 1px solid #c0c0c0; position: relative; } .header-minicart .mini-products-list li.last { border: none; } .header-minicart .mini-products-list li .product-details { position: relative; } .header-minicart .product-details .product-name { padding-top: 0px; font-family: 'montserrat-bold'; } .header-minicart .product-details .product-name a { color: #636363; font-size: 15px; } .header-minicart .info-wrapper { margin-bottom: 0.5em; } .mini-products-list a.btn-edit, .mini-products-list a.remove { font-size: 12px; text-transform: uppercase; } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px; font-size: 12px; font-family: 'montserrat-bold'; } .header-minicart .info-wrapper td { color: #004677; clear: right; } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 3.2em; text-align: center; height: 30px; } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; } .header-minicart .subtotal .label { color: white; text-transform: uppercase; } .header-minicart .subtotal .price { color: #004677; } .header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative; text-align: center; } .header-minicart .minicart-actions .checkout-button { /* min-width:120px; */ } .header-minicart .minicart-actions .cart-link { height: 33px; line-height: 33px; text-transform: uppercase; font-size: 13px; float: left; color:#fff; } .header-minicart .minicart-actions .cart-link:hover { text-decoration: none; } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } .header-minicart #minicart-error-message { text-align: center; color: red; display: none; } .header-minicart #minicart-success-message { text-align: center; color: green; display: none; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; } /* ========================================================================================================================================================== CHECKOUT CART PAGE CSS =========================================================================================================================================================== */ .clear { clear: both; } .page-title h1, .page-title h2, .product-name h1, .product-name .h1 {font-size:24px; font-family:'montserrat-bold'; color: #303030; padding-bottom: 10px; margin-bottom: 10px; } .cart-table{} .cart .button { white-space: normal; } .cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width: 42.7%; padding-left: 30px; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 15px 20px; background-color: #EBEBEB; border: 0px solid #CECECE; } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 30px; } .checkout-cart-index #postcode { width: 100%; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; } .display-both-prices .crosssell { clear: right; float: right; } .display-single-price:after { content: ''; display: table; clear: both; } p.required, .validation-advice { margin: 0; color: #FF0000; font-size:13px;font-family:'montserrat-reg';} label { display: inline-block; font-size:14px; line-height: 17px; color:#303030; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; padding-bottom:6px; } label[for="change_password"]{} label.required:after, span.required:after { content: ' *'; color: #df280a; font-weight: normal; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; } label.required em, span.required em { display: none; } .data-table tbody td .item-options { margin-left: 0px; padding-left: 0px; margin-top: 5px; } #shopping-cart-table .product-cart-info { min-width: 150px; } #shopping-cart-table .product-cart-image { padding: 10px; } .product-image img { max-width: 100%; display: block;margin: 0 auto; } .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover{position:relative; display:block; border:1px solid #dbdbdb; padding:5px;background-color:#FFF;} .no-touch .product-image img:hover { border-color: #004677; } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; } .cart-table { border:0px solid #CECECE; } .cart-table thead th{border:0px; border-top:2px solid #CCC; border-bottom:2px solid #CCC;} .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: top; border:0px none #CECECE; } .cart-table h2 { color: #636363; font-size: 14px; font-family: 'montserrat-bold'; margin-bottom: 0; } .cart-table thead th{ background-color: transparent; padding:14px 5px 13px 9px; font-size: 14px; color: #303030; font-family: 'montserrat-bold';} .cart-table tbody td{ background-color: transparent; padding:14px 5px 10px 9px; } .cart-table tbody td a.product-image{ border:0px none;} .cart-table thead th.customer-wishlist-item-image {width:122px;} .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 5px; } .cart-table tr { border-bottom: 1px solid silver; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-image { padding-left: 0; padding-right: 0; } .cart-table .product-cart-image .product-image img { max-width: 103px; width: 100%; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-cart-sku { font-size: 12px; margin: 5px 0 } .cart-table .product-cart-sku .label { font-family: 'montserrat-sbold'; } .cart-table .btn-continue { float: left; } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #004677; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #004677; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links { margin: 0; } .cart-table .cart-links > li { white-space: nowrap; margin-bottom: 5px; min-width: 65px; line-height: 10px; text-align: center; display: inline; } .cart-table .cart-links > li:first-child > a { display: inline-block; font-size: 0; height: 18px; text-indent: -555555px; width: 20px; position: relative; } .cart-table .cart-links > li:first-child > a:after, .changelink a:after, .my-account .box-title a:after, #wishlist-table td p a.button.link-edit:after { background-position: -50px -753px; content: ''; position: absolute; width: 20px; height: 20px; top: 2px; display: block; } .cart-table .cart-links > li:first-child > a:after { top: 0px; } .cart-table .cart-links > li:first-child > a:hover:after, .my-account .box-title a:hover:after, #wishlist-table td p a.button.link-edit:hover:after { background-position: 0px -753px; } .cart-table .cart-links > li > a.link-wishlist, .add-to-links a.link-wishlist { display: inline-block; font-size: 0; height: 18px; text-indent: -555555px; width: 20px; position: relative; } .cart-table .cart-links > li > a.link-wishlist:after, .add-to-links a.link-wishlist:after { display: block; background-position: -50px -853px; height: 20px; width: 20px; position: absolute; content: ""; top: 0px; } .cart-table .cart-links > li > a.link-wishlist:hover:after, .add-to-links a.link-wishlist:hover:after { background-position: left -853px; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions .qty { height: 34px; border-color: silver; border-radius: 0; margin-bottom: 4px; text-align: center; width: 3.2em; } .cart-table .product-cart-actions .button { margin-bottom: 5px; } .cart-table .item-options { padding-left: 15px; } #product_comparison tr td p { display: inline-block; margin-right: 10px; padding-top: 10px; } #product_comparison .add-to-links { margin: 0px; display: inline-block; position: relative; top: -10px; } /* BUTTON CSS ====================================================================================================== */ button.btn-proceed-checkout { padding: 12px 17px; font-size: 15px; font-family: 'montserrat-bold'; } .button2.btn-update:first-child { display: none; } .button2, .shipping #co-shipping-method-form .buttons-set .button { border: 0; padding: 0 10px; margin: 0; background: #909090; cursor: pointer; vertical-align: middle; line-height: 30px; height: 32px; text-transform: uppercase; display: inline-block; color: #FFF; font-size: 14px; font-family: 'montserrat-bold'; } #shopping-cart-table .product-cart-actions .button.btn-update { border: 0; padding: 0 10px; margin: 5px 0 0; background: #909090; cursor: pointer; vertical-align: middle; line-height: 27px; height: 27px; text-transform: uppercase; color: #FFF; font-size: 13px; } .button2:focus, .shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:focus { outline: none; } .button2:hover, .shipping #co-shipping-method-form .buttons-set .button:hover, .shipping #co-shipping-method-form .buttons-set .button:focus, #shopping-cart-table .product-cart-actions .button.btn-update:hover { background: #666; color: #FFF; } #onepage-guest-register-button { background-color: #909090; bottom: -72px; position: absolute; } #onepage-guest-register-button:hover { background-color: #004677; } /* GIFT CARD OR COUPON CSS ====================================================================================================== */ .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-size: 15px; font-family: 'montserrat-sbold'; text-align: left; text-transform: uppercase; display: block; } #discount-coupon-form label { display: inline-block; padding-right: 10px; vertical-align:top; margin-top:13px; } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: block; position: relative; padding-bottom: 15px; } #discount-coupon-form .field-wrapper { display: inline-block; padding-bottom: 5px; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { bottom: 0; display: inline; left: 0; position: absolute; } #discount-coupon-form .validation-advice { bottom: -10px; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; margin-top: 5px; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; margin-right: 5px; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 32px; margin: 4px 5px 0 0; width: 170px; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0px; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } /* ============================================ * * Checkout - Estimate Shipping and Tax * ============================================ */ .shipping h2 { font-size: 15px; font-family: 'montserrat-bold'; margin: 0 0 5px; } .shipping select { height: 32px; display: block; border: 1px solid silver; width: 100%; padding: 3px 5px 5px 0px; position: relative; } .shipping select.validation-failed { border-color: #df280a; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .buttons-set .button2 { float: right; margin-left: 15px; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { float: left; margin: 0px 4% 0px 0; width: 48%; } .shipping .form-list .shipping-region:first-child { margin-right: 0; } .shipping .form-list li:nth-child(2) { margin-right: 0; } .shipping .form-list .shipping-postcode { margin-right: 0; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 35px; margin-top: 4px; } .shipping .form-list .selector { padding-top: 4px; height: 39px; } .shipping .form-list label { font-weight: 400; text-transform: uppercase; white-space: nowrap; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-size: 14px; } .shipping .sp-methods label span { font-family: 'montserrat-bold'; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: right; margin-left: 0; } /* * Shipping and Payment methods * */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-family: 'montserrat-bold'; clear: both } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-family: 'montserrat-bold'; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month{} .sp-methods select.year{} .sp-methods input.cvv{} .sp-methods #advice-validate-cc-exp-ccsave_expiration { max-width: 130px; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .cart .cart-totals { text-align: right; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-size: 12px; margin-bottom: 10px; text-transform: uppercase; width: 100%; } .cart .cart-totals table td { padding: 2px 0px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr td:first-child { padding-right: 10px; min-width: 120px; text-transform: none; font-family: 'montserrat-bold'; font-size: 14px; color: #333; } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot { border-top: 1px solid #C8C8C8; border-bottom: 0px solid #C8C8C8; } .cart .cart-totals table tfoot td { font-size: 24px; padding: 2px 5px; vertical-align: top; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { } .cart .cart-totals table tfoot strong { font-weight: 400; } /*Checkbox Box*/ /*input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox].css-checkbox + label.css-label { padding-left: 22px; height: 15px; display: inline-block; line-height: 4px; background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/checkbox-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; font-size: 13px; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; } label.css-label { background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/checkbox-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/ /*Radio Button*/ /*input[type=radio].css-radio { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=radio].css-radio + label.css-labelR { padding-left: 22px; height: 15px; display: inline-block; line-height: 4px; background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/radio-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; font-size: 13px; } input[type=radio].css-radio:checked + label.css-labelR { background-position: 0 -16px; } label.css-labelR { background-image: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/radio-icon.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/ /* Edit Account Information */ /* ========================================================================================================================================================== CHECKOUT ONE-PAGE CSS =========================================================================================================================================================== */ .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { /* display: none; */ } .checkout-onepage-index .col-main { /* width: auto;float: none; */ } .opc .section .step-title { position: relative; background: #909090; border: 0 none; color: #ffffff; font-size: 18px; margin: 0 0 5px; padding: 5px 10px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; font-size: 0; height: 20px; line-height: 40px; margin-right: 5px; margin-top: 10px; text-indent: -1e+8px; width: 20px; position: relative; } .opc .section.allow:not(.active) .step-title a:after { background-position: 100% -753px; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 1px; width: 20px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { background: none; border: 2px solid #ffffff; color: #ffffff; display: block; height: 36px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 7px; width: 35px; font-family: 'montserrat-bold'; font-size: 20px; } .opc .section.allow .step-title .number { background: none; } .opc .section.allow .step-title h2 { color: #FFF; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #FFF; } .opc .section .step-title h2 { font-size: 18px; font-family: 'montserrat-bold'; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 45px; color: #FFF; } .opc .section .step { padding: 20px 30px 30px; position: relative; } #checkout-step-review { padding-top: 30px; } .opc .section .step:after { content: ''; display: table; clear: both; } .opc select, .customer-account select { width: 100%; height: 35px; line-height: 33px; } .opc h3 { font-family: 'montserrat-bold'; padding-bottom: 7px; border-bottom: 1px solid #e0e0e0; font-size:16px; line-height:22px; } .opc #onepage-checkout-shipping-method-additional-load { float: left; width: 430px; margin-left: -430px; } .opc #checkout-shipping-method-load { width: 100%; float: left; padding-right: 450px; } .opc #opc-shipping_method h3 { font-family: 'montserrat-bold'; font-size: 14px; color: #636363; padding-bottom: 0px; border-bottom: 0px solid #e0e0e0; text-transform: none; margin: 13px 0 5px; } .opc #opc-shipping_method h4 { font-family: 'montserrat-bold'; font-size: 13px; margin: 13px 0 5px; color: #636363 } .opc .buttons-set { text-align: left; position: relative; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; font-family: 'montserrat-bold'; font-size:14px; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; } #opc-payment .note { padding: 10px; } .opc.opc-firststep-login .section:not(#opc-login) .step-title { position: relative; background: #909090; border: 0 none; color: #ffffff; } .opc .section .step-title:after { content: ''; display: table; clear: both; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #004677; margin: 0 0 5px; } .opc .section.active .step-title { background-color: #004677 !important; margin: 0 0 0px } .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login {} .opc.opc-firststep-login .section#opc-login .step-title .number {} .opc.opc-firststep-login .section#opc-login .step-title h2 { color: #FFF;} /* One Page Checkout */ .sidebar #checkout-progress-wrapper { margin-top: 51px; } .block-progress { background: #ebebeb; border-bottom: 5px solid #d9d9d9; padding: 16px 20px 10px; } .opc-block-progress .block-title strong { color: #272727; } .col-right .block-title strong { border-bottom: 1px solid #c8c8c8; display: block; padding-bottom: 10px; margin-bottom: 10px; } .block-progress .block-content { font-size: 13px; } .block-progress dt { color: #636363; font-size: 14px; font-family: 'montserrat-bold'; line-height: 1.4em; margin: 0 0 5px; padding-top: 5px;text-transform: uppercase; } .block-progress dt.complete { color: #333; } .block-progress dd { padding-left: 0; margin-bottom: 10px; } .block-progress dd address { /* font-style: italic; */ font-size: 12px; color: #444; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #636363; text-transform: none; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .changelink span.separator { display: none !important; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .changelink a { font-size: 0; height: 18px; text-indent: 0; width: 20px; float: right; position: relative; } #checkout-step-review .opc-block-progress { border-left: none; /* padding-left: 0; */ } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } #checkout-step-review .opc-block-progress .block-content > dl div#shipping_method-progress-opcheckout { clear: both; } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item:before, .gift-messages-form .item:after { content: ''; display: table } .gift-messages-form .item:after { clear: both } .gift-messages-form ol { padding-top: 10px; } .gift-messages-form .item { zoom: 1; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .gift-messages-form .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .gift-messages-form .item h5 { font-family: 'montserrat-bold'; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; width: 100%; margin-left: -90px; padding-left: 90px; } .gift-messages-form .item .details .wide { margin-bottom: 0; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px; display: block; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ececec; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } #shopping-cart-totals-table tfoot tr:last-child td { text-transform: none; color: #333; padding-left: 15px; padding-right: 0px; } /* ============================================ * * Checkout - Success * ============================================ */ .checkout-onepage-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; } .checkout-onepage-success .buttons-set button { float: none; } /* FIRST STEP - 1 CSS */ #checkout-step-login .col2-set .col-1 { padding-left: 15px; } #checkout-step-login .col2-set .col-2 { padding-right: 15px; } #checkout-step-login .form-list > li { margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; } .LeftActions { float: left; display: inline-block; margin: 10px 0 0; } .fieldset .LeftActions p.required { float: left; display: inline-block; margin: 0 0 5px 0; } .LeftActions a.f-left { color: #333; text-decoration: underline; font-size: 13px; } .LeftActions a.f-left:hover { color: #999; text-decoration: none; } .buttons-set.FirstLogin { float: right; display: inline-block; margin: 10px 0 0; clear: none; } .opc .buttons-set.FirstLogin button.button { float: right; margin-bottom: 0; margin-left: 0; margin-right: 0; } checkoutSteps .fieldset ul.form-list { margin-left: 0; } /* FIRST STEP - 1-2 CSS */ .form-list .fields:before, .form-list .fields:after { content: ''; display: table; } .form-list .fields:after { clear: both } .form-list .fields { zoom: 1;/* margin: 0 -10px;*/ padding-bottom: 0; } .form-list .field { display: block;/* float: left; width: 50%;*/ padding: 0 10px 13px; position: relative; } #checkout-step-login .col-1 .form-list { margin-top: 11px; } .customer-address-form .form-list .field { width:100%; } .customer-address-form .fieldset { float:left; width:50%; max-width:370px; margin-top:0 } .customer-address-form .cf .fieldset:first-child { padding-right:10px; } .customer-address-form .cf .fieldset:last-child { padding-left:10px; float:right } .edit-address-cols-outer { position:relative } .edit-address-cols-outer:before { content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#cecece; } .form-list .scaffold-form label { color: #333333; font-size: 12px; text-transform: uppercase; } .opc .form-list select, .customer-account select { margin-top: 0px; border: 1px solid #c0c0c0; } #billing-buttons-container { float: right; margin-top: -80px; } #billing-buttons-container p.required { float: left; margin: 0; text-align: right; width: 100%; } #billing-buttons-container button.button { clear: both; float: right; margin: 0; } .opc .please-wait { bottom: 5px; position: absolute; right: 0px; } .opc .please-wait img { width: 20px; } .opc #billing-buttons-container .please-wait { right: 25px; } /* FIRST STEP - 2-3 CSS */ .opc .commonaction { opacity: 1 !important } .disabled .button.button { opacity: 0; } .opc .buttons-set .back-link { display: inline-block; float: left; line-height: normal; } .opc p.back-link a { background: #8d8d8d; color: #ffffff; display: inline-block; font-size: 13px; line-height: 19px; padding: 7px 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; font-family: 'montserrat-bold'; font-size:14px; } .opc p.back-link a:hover { background: #555; text-decoration: none; color: #FFFFFF; } .opc p.back-link a small { display: none; } .opc .commonaction button.button { float: right; margin-right: 0; } .opc .commonaction .RequiredF { position: absolute; right: 0; top: -25px; } p.back-link a { background: #8d8d8d; color: #ffffff; display: block; font-size: 14px; font-family: 'montserrat-bold'; line-height: 19px; padding: 9px 15px !important; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } p.back-link a small { display: none; } p.back-link a:hover { background: #555; text-decoration: none; color: #FFFFFF; } #loadingmask { bottom: 100px; left: 275px; position: absolute; height: 32px; overflow: hidden; } /* FIRST STEP - 4-5 CSS */ /* SAVED CC */ #checkout-payment-method-load dd ul { max-width: 350px; padding-top: 10px; } #checkout-payment-method-load dd ul li { margin: 0 0 0 25px; display: block; } #checkout-payment-method-load dd ul li label { text-transform: uppercase; } #checkout-payment-method-load dd ul li p.required { display: none; } #checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 2% 0 0; display: block; } #checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 4%; } #onepage-checkout-shipping-method-additional-load { display: none; } /* FIRST STEP - 5-6 CSS */ /* review step */ #checkout-review-table { border: 1px solid #CECECE; } #checkout-review-table th, #checkout-review-table tbody td { border-bottom: none; vertical-align: top; border: 1px solid #CECECE; } #checkout-review-table h3 { border: 0 none; color: #222; font-size: 16px; font-family: 'montserrat-reg'; margin-bottom: 0; padding: 0; text-transform: none; } #checkout-review-table thead th, #checkout-review-table tbody td { background-color: transparent; padding: 10px 5px; font-family: 'montserrat-reg'; } #checkout-review-table tbody td[data-rwd-label="Price"] { min-width: 110px; } #checkout-review-table tbody td[data-rwd-label="Qty"] { min-width: 60px; } #checkout-review-table tbody td[data-rwd-label="Total"] { min-width: 110px; } #checkout-review-table tbody td { font-size: 14px; line-height: 20px; } #checkout-review-table thead th { background-color: #E5E5E5; font-family: 'montserrat-bold'; color: #505050 } #checkout-review-table tfoot tr { background-color: #ffffff; } #checkout-review-table tfoot tr td { border: 0px solid #CECECE; background-color: #ffffff; padding: 3px 5px; font-size: 13px; padding-bottom: 20px; } #checkout-review-table tfoot tr td:first-child { font-size: 14px; color: #000; } #checkout-review-table tfoot tr:first-child td { padding-top: 20px; padding-bottom: 5px; } #checkout-review-table tfoot tr.last td { border-top: 1px solid #cecece; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 23px; padding-bottom: 11px; padding-top: 8px; } #checkout-review-table dl.item-options { font-size: 12px; margin-top: 5px; } #checkout-review-table dl.item-options dt { font-size: 13px; clear: none; font-style: normal; font-family: 'montserrat-bold'; color: #333; line-height: 16px; } #checkout-review-table dl.item-options dd { color: #636363; padding-left: 5px; padding-right: 15px; line-height: 16px; } #checkout-review-table .btn-remove img { display: none; } #checkout-review-table-wrapper { clear: both; } #review-buttons-container { margin: 15px 0 0; } #review-buttons-container .btn-checkout {/*min-width:220px;*/ font-size:16px; font-family: 'montserrat-bold'; padding:11px 14px; } #review-buttons-container .please-wait { float: left; margin-right: 10px; } #review-buttons-container .f-left { float: left; font-size: 13px; } #review-buttons-container .f-left a { color: #000; font-family: 'montserrat-bold'; text-decoration: underline; font-size:14px; } #review-buttons-container .f-left a:hover { text-decoration: none; } .account-create .page-title p { margin-bottom: 10px; } .account-create { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/create-account-img.png) no-repeat 95% center; margin-bottom: 30px; } .account-create .fieldset { margin-left: 0px; max-width: 770px; } .account-create .buttons-set { margin: 20px 0 0 0; max-width: 770px; } .osolCaptchaBlock { clear: both; } .osolCaptchaBlock label:first-child { display: block; float: none; padding-bottom: 8px; } .osolCaptchaBlock a { float: left; } .osolCaptchaBlock img { height: 35px; float: left; } .osolCaptchaBlock a { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/reset-icon.png) no-repeat center center; font-size: 0px; height: 35px; width: 20px; display: block; margin: 0 10px; line-height: 35px; } .osolCaptchaBlock input { width: 125px; } .customer-account .dashboard .welcome-msg .hello { margin-bottom: 15px; } .customer-account .dashboard .box-recent { border: solid 1px #ccc; /*padding:29px;*/ padding: 3.4%; } .customer-account .dashboard .box-account { margin-bottom: 30px; } .customer-account .my-account .box-info { border: solid 1px #ccc; padding: 30px; margin-bottom: 30px; } .customer-account .my-account .box-account:last-child { margin-bottom: 0; } .customer-account-index .my-account .box-account:last-child, .order-items.order-details { margin-bottom: 30px; } .customer-account .my-account .box-head:before, .customer-account .my-account .box-head:after { content: ''; display: table } .customer-account .my-account .box-head:after { clear: both } .customer-account .my-account .box-head { border: none 0px; padding: 0px; } .customer-account .my-account .box-head h2 { font-size: 18px; font-family: 'montserrat-bold'; display: inline-block; margin-bottom: 15px; padding: 0 0 10px 0; position: relative; float: left; } body.customer-account-login .account-login { margin-bottom: 30px; } a.changePass { display: inline-block; margin-top: 3px; font-family: 'montserrat-bold'; text-decoration: underline; } a.link-remove.changePass { margin-left: 5px; } a.changePass:hover { text-decoration: none; } form .legend { position: relative; border-bottom: 0px; } .customer-account .dashboard .box-head h2:after, .my-account form .legend:after, body.customer-account .my-account .fieldset h2:after, body.customer-account .my-account .addresses-list h2:after, body.customer-account .my-account .order-details h2:after { display: block; content: ""; position: absolute; height: 3px; width: 50px; left: 0px; bottom: 0px; background: #004677; } .customer-account .dashboard .box-head a { background: #909090; color: #fff; padding: 9px 12px 7px; font-size: 14px; font-family: 'montserrat-bold'; float: right; text-decoration: none; margin-top: -8px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .customer-account .dashboard .box-head a:hover { background: #004677 } #compare-items a.btn-remove { font-size: 0; height: 20px; text-indent: 0; width: 22px; float: right; border: 0px; margin-right: -4px; } #compare-items a.btn-remove:after { /* display: none; */ } .col2-set { position: relative; } .customer-account .col2-set:before { width: 1px; height: 100%; display: block; content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; background-color: #ccc; } body.customer-address-index .col2-set:before { left: 47%; } #login-form .col2-set:before { display: none; } .no-border:before { display: none; } .my-account .box-account p, .dashboard .box-account address { color: #333333; font-size: 13px; } .my-account .buttons-set { margin: 7px 0 0; padding: 0; } .my-account .buttons-set p a, .my-account .buttons-set p .button { text-decoration: none; } body.customer-account-edit .my-account .fieldset { margin-top: 0; margin-bottom: 0; } body.customer-account-edit .my-account form { max-width: 370px; } body.customer-account-edit .my-account .fieldset .form-list { margin: 0px; } body.customer-account-edit .my-account .fieldset .form-list .field { width: 100%; } body.customer-address-form .my-account .buttons-set { clear: both; display: block; margin: 10px 0 0; padding: 0; } .my-account .validation-advice { position: absolute; } .my-account .order-date { padding-bottom:10px; } dl.order-info { margin-bottom: 15px; } body.wishlist-index-index p.back-link a { padding: 9px 15px 8px 15px !important; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 { display: block; } #wishlist-table .price-box .special-price { color: #303030; padding-left: 0; } .disnone { display: none; } body.newsletter-manage-index .my-account .fieldset ul.form-list { margin: 0; } .data-table tbody td, .data-table tfoot td { font-size:14px; } /* ============================================ * * MY ORDER CSS START * ============================================ */ body.customer-account .data-table td a { font-size: 13px; text-transform: none; font-weight: 400; text-decoration: underline; } body.customer-account .data-table td a:hover { text-decoration: none; } .pager-no-toolbar { padding-top: 5px; border-top: 2px solid #E1E1E1; border-bottom: 2px solid #E1E1E1; margin-bottom: 30px; } .my-account .pager { width: 100%; float: left; } .my-account .pager > .count-container { float: none; } .my-account .pager .limiter { float: right; } .my-account .amount--has-pages { font-size: 14px; } .myac-top-toolbar .pages { display: none; } .myac-bottom-toolbar { margin: 30px 0 20px; } .myac-bottom-toolbar .limiter { display: none; } .pages { margin: 0 auto; float:none; display: block; text-align: center; } .amount.amount--has-pages { margin-bottom: 0; font-size:14px;} body.sales-order-history .buttons-set { display: none; } .sales-order-history .myac-bottom-toolbar { margin: 20px 0 0; } .std p {color: #606060; font-size:14px; line-height:22px; margin-bottom: 15px; text-align: justify; } ol, ul { list-style: outside none none; margin: 0; padding: 0; } .aboutImg { display: inline-block; float: left; margin-bottom: 20px; margin-right: 25px; } .col4-set { display: block; float: left; margin-right: 2.5%; width: 23%; } .col4-set.listumber { margin-right: 0; } .listumber ol { display: block; list-style: outside none decimal; padding-left: 20px; } .cms-page-view .std .listumber ol li, .cms-no-route .std .listumber ol li { color: #004677; list-style: outside none decimal; margin-left: 0; padding: 0 3px 0px 5px; } .listumber ol li span { color: #636363; } .listarrow ul li:before, .listdot ul li:before, .listcheck ul li:before { position: absolute; display: block; content: ""; height: 10px; width: 10px; left: 0px; top: 2px; } .listarrow ul li:before { background-position: 0 -676px; } .listdot ul li:before { background-position: 0 -688px; } .listcheck ul li:before { background-position: 0 -702px; } /* Print Page */ body.page-print .print-head { display: inline-block; float: left; } body.page-print .col2-set { clear: both; margin-bottom: 20px; } .page-print h1 { display: inline; float: right; } .page-print .order-date { clear: right; float: right; } /* Order Success Page */ body.checkout-onepage-success h2.sub-title { font-size: 22px; } body.checkout-onepage-success p a { font-family: 'montserrat-bold'; } /* Whishlist sharing Page */ body.wishlist-index-share .my-account .fieldset ul.form-list { margin: 0; } body.wishlist-index-share .input-box textarea { resize: none; border: 1px solid #CCC; font-size: 13px; max-width: 100%; } body.wishlist-index-share .buttons-set button.button { padding-top: 8px; padding-bottom: 8px; } /* ============================================ * * Wishlist * ============================================ */ #wishlist-table th { /*text-align: center;*/ } #wishlist-table.clean-table { font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border:0px solid #cecece; } #wishlist-table.clean-table td { padding: 10px; vertical-align: top; border: 1px solid #cecece; } #wishlist-table.clean-table thead th { font-size: 16px; font-family: 'montserrat-bold'; padding: 5px 15px; background: #EBEBEB; text-transform: uppercase; color: #505050; } #wishlist-table .product-name { font-size: 15px; margin-bottom:3px; text-transform:none; margin-top:5px;} #wishlist-table .product-name a {color:#575757; font-family: 'montserrat-reg'; } #wishlist-table .product-name a:hover { color: #303030; } #wishlist-table .wishlist-sku { font-size: 11px; margin: 5px 0; } #wishlist-table textarea { border: 1px solid silver; width: 100%; height: 45px; font-size: 11px; resize: none; } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:focus { border: 1px solid #004677; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button { font-size: 11px; padding: 3px 5px; } #wishlist-table .cart-cell { text-align: center; } #wishlist-table td.customer-wishlist-item-image {padding-top: 10px; } #wishlist-table td.customer-wishlist-item-image img { width: 100%; height: auto; } #wishlist-table td.customer-wishlist-item-quantity { width: 3em; } #wishlist-table .disnone > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; } #wishlist-table td.customer-wishlist-item-cart { width: 150px; text-align: center; } #wishlist-table td p a.button.link-edit { font-size: 0; margin-bottom: 10px; width: auto; height: 18px; text-indent: 0; width: 20px; margin-top: 10px; position: relative; background: none; } #wishlist-table td p a.button.link-edit:after { right: 0px; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 auto 10px; /*margin-bottom: 10px;*/ clear: both; display: table; } #wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; } #wishlist-table td.customer-wishlist-item-remove { width: 20px; } #wishlist-table td .button, #wishlist-table td button { white-space: normal; } #wishlist-table .price-box { font-size: 12px; } #wishlist-table .price-box .price { color: #636363; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #303030; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #303030; } #wishlist-table td[data-rwd-label]:before { font-family: 'montserrat-bold'; } #wishlist-table td .button.btn-cart { padding: 5px 10px; } /* ============================================ * * Wishlist Sidebar * ============================================ */ .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; } .block-wishlist .price-box { float: left; margin: 0; } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ededed; } .select-box { position: relative; } .selector { position: relative; cursor: pointer; width: 100% !important; display: block; /* overflow: hidden; */ } .selector:hover { cursor: pointer } .selector select, .header select { opacity: 0; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; } .selector.focus select { bottom: 0; top: auto !important } .selector span { width: 100% !important; display: block; border: 1px solid #c7c7c7; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-select-arrow.png) no-repeat scroll right center #FFF; position: relative; height: 35px; line-height: 35px; overflow: hidden; padding: 0 30px 0 9px; } /* ============================================ * * Footer Always Bottom CSS * ============================================ */ html, body { margin: 0; padding: 0; /*height: 100%;*/ } .wrapper { min-height: 100%; position: relative; } .footer-container { position: absolute; bottom: 0; left: 0; right: 0; } .cms-javascript-is-disabled .footer-container { position:relative;} /* ============================================ * * Calendar styles (restore styles from /js/calendar) * ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none; } /*Hide CSS TO html code*/ /* ============================================ * * Home Page Css * ============================================ */ .column.top_brands{width:20%;} .column.dietary_filters{ width:20%;} .column.top_brands .title{margin-bottom:5px; line-height:32px; font-size:16px; color:#004677; font-family: 'montserrat-bold'; padding-bottom:5px; position:relative;} .column.dietary_filters .title{margin-bottom:5px; line-height:32px; font-size:16px; color:#004677; font-family: 'montserrat-bold'; padding-bottom:5px; position:relative; } .column ul{} .column ul li{margin-bottom:0px;} .column ul li a{padding:7px 0 3px; line-height:22px; } .slideshow-container.homebanner-mobile { display:none; } .homepageslidermain { position:relative; z-index:0;transition:all .5s ease; -webkit-transition:all .5s ease;-o-transition:all .5s ease; /*margin-top:216px; */} .page-header.sticky + .homepageslidermain {/*margin-top:0px;*/} .homepageslidermain li img { position:relative; display:block; overflow:hidden; } .homepageslidermain li img { position:relative; display:block; min-width:100%; max-width:inherit; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); } .container { margin:0 auto; position:relative; margin:0px auto; max-width:1204px; padding:0 15px; } .home-content { padding:60px 0 84px; display:block; position:relative; } .home-content h2 { font-size:30px; line-height:normal; color:#303030; text-transform:uppercase; text-align:center; position:relative; display:block; font-family:'montserrat-bold'; margin-bottom:27px; } .home-content h2:before { content:''; background-color:#004677; position:relative; display:block; margin:0 auto; width:80px; height:5px; margin-bottom:14px; } .read-more { display:block; clear:left; height:60px; width:200px; border:1px solid #004677; line-height:58px; text-align:center; text-transform:uppercase; color:#004677; font-size:15px; font-family:'montserrat-bold'; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .read-more:before { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .read-more:after { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .read-more:hover { background-color:#004677; color:#FFF; } .no-touch .read-more:hover:before { right:-17px; top:-17px; } .no-touch .read-more:hover:after { left:-17px; bottom:-17px; } .home_cmscontent { line-height:22px; display:block; float:left; width:48.5%; text-align: justify; margin-bottom:20px;max-height:350px;} .home_cmscontent p { font-size:14px; margin-bottom:22px; } .cms-rightimg { float:right; width:51.5%; padding-left:30px;margin-top: 4px; position:relative; min-height:450px; } .cms-rightimg img { display:block; margin:0px; max-width:100%;margin-left: 1px; } .cms-rightimg img.home-img2 { display:block; margin:0px; position:absolute; border:10px solid #FFF;left: 251px;top: 124px;width: 360px; } /**/ .latest-products { padding:60px 0 50px; display:block; position:relative; background-color:#fafafa; } .latest-products .container { padding:0 15px; max-width:1214px; } .latest-products h3 { font-size:30px; line-height:normal; color:#303030; text-transform:uppercase; text-align:center; position:relative; display:block; font-family:'montserrat-bold'; margin-bottom:16px; } .latest-products h3:before { content:''; background-color:#004677; position:relative; display:block; margin:0 auto; width:80px; height:5px; margin-bottom:14px; } .listedItemwrap { display:block; position:relative; padding:15px 7px 35px; } .listedItemwrap a.product-image { display:block; position:relative; overflow:hidden; } .listedItemwrap a.product-image:before { content:''; background-color:rgba(0,70,119,0.61); display:block; position:absolute; top:-50%; right:-57%; width:0%; bottom:-70%; z-index:1; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transform:rotate(40.5deg); } .listedItemwrap .hover-effect { position:absolute; top:50%; left:50%; width:160px; margin-left:-79px; margin-top:-46px; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; z-index:2; opacity:0; } .latest-prodmg { position:relative; display:block; margin-bottom:15px; } .listedItemwrap .hover-effect div { position:relative; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; z-index:2; } .listedItemwrap .hover-effect div.add-enquiry { top:-50px; } .listedItemwrap .hover-effect div.more-info { bottom:-50px; } .add-enquiry { margin-bottom:15px; position:relative; } .hover-effect a { display:block; clear:left; height:40px; width:160px; border:1px solid #004677; background-color:#004677; line-height:38px; text-align:center; text-transform:uppercase; color:#FFF; font-size:13px; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .hover-effect a:before { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .hover-effect a:after { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .hover-effect .more-info a { border-color:#2a2a2a; background-color:#2a2a2a; } .hover-effect .more-info a:before { background-color:#2a2a2a; } .hover-effect .more-info a:after { background-color:#2a2a2a; } .listedItemwrap h4 { text-transform:capitalize; display:block; text-align:center; height:48px; overflow:hidden; margin-bottom:5px; font-family:'montserrat-reg'; } .listedItemwrap h4 a { display:block; text-align:center; color:#575757; font-size:15px; line-height:24px; text-decoration:none !important; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .listedItemwrap:hover .hover-effect { top:50%; opacity:1; } .no-touch .listedItemwrap:hover h4 a { color:#004677; } .no-touch .listedItemwrap:hover a.product-image:before { width:100%; } .no-touch .listedItemwrap:hover .hover-effect div.add-enquiry { top:0px; } .no-touch .listedItemwrap:hover .hover-effect div.more-info { bottom:0px; } .no-touch .hover-effect a:hover { background-color:#FFF; color:#004677; } .no-touch .hover-effect a:hover:before { right:-17px; top:-17px; } .no-touch .hover-effect a:hover:after { left:-17px; bottom:-17px; } .no-touch .hover-effect .more-info a:hover { border-color:#2a2a2a; color:#2a2a2a; background-color:#FFF; } .dietary-filter { display:block; position:relative; text-align:center; } .dietary-filter span.dietmain-label { display:inline-block; position:relative; margin:0 4px 5px; width:30px; position:relative; clip:rect(0 0 0 0); cursor:pointer; } .dietary-filter span.dietmain-label:before { content:''; display:inline-block; position:relative;vertical-align: top;} .dietary-filter span.dietmain-label:before{width:29px; height:29px; text-align:center; line-height:26px; border:2px solid #a8794e; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; top:0px;} .dietary-filter span.dietmain-label.GlutenFree:before { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-gluten-free.png) no-repeat left top; width:28px; height:30px; top:0px; left:0px; border:0px none; border-radius:0; -webkit-border-radius:0; -o-border-radius:0;} .dietary-filter span.dietmain-label.Vegan:before { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-vegan.png) no-repeat left top; width:30px; height:27px; top:0px; left:1px; border:0px none; border-radius:0; -webkit-border-radius:0; -o-border-radius:0; } .dietary-filter span.dietmain-label.Organic:before { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-organic.png) no-repeat left top; width:25px; height:30px; top:1px; left:0px; border:0px none; border-radius:0; -webkit-border-radius:0; -o-border-radius:0;} .dietary-filter span.dietmain-label.Kosher:before { content:'K'; font-family:'montserrat-bold'; color:#303030; font-size:16px; width:29px; height:29px; text-align:center; line-height:26px; border:0px solid #a8794e; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; top:0px;} .dietary-filter span.dietmain-label ~ span.dietmain-label.Kosher:before {/*top:-8px;*/} .dietary-filter span.dietmain-label.DairyFree:before { content:'D'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.Halal:before { content:'H'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.NutFree:before { content:'N'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.SugarFreeReduced:before {content:'S'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.Vegetarian:before { content:'V'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.Fairtrade:before { content:'F'; font-family:'montserrat-bold'; color:#303030; font-size:16px;line-height:26px;} .dietary-filter span.dietmain-label.NoAddedSugar:before { content:""; color:#303030; background:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/icon-sugar-free.png) no-repeat; border:0px none #a8794e; background-position:1px 0px; top:0px;} .dietary-filter span.dietmain-label ~ span.dietmain-label.NoAddedSugar:before {/*top:0px;*/} .latest-products .dietary-filter span.dietmain-label:first-child .dietary-lable {margin-left:3px; padding-right:4px;} .social-sharing .title {font-weight:bold; font-size:17px;} .social-sharing a {font-size:18px; margin:0 3px;} .dietary-filter .dietary-lable { position:absolute; bottom:-50px; left:50%; height:23px; line-height:23px; background:#FFF; z-index:2; border:1px solid #cccccc; color:#004677; font-size:11px; white-space:nowrap; width:auto;padding: 0 7px; margin-left:1px /*-46px*/; text-align:center; opacity:0; visibility:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); } .dietary-filter span.dietmain-label:hover .dietary-lable { bottom:-30px; opacity:1; visibility:visible; } .dietary-filter .dietary-lable:before, .dietary-filter .dietary-lable:after { border:7px solid transparent; height: 0; width: 0; border-bottom-color: #FFF; top:-14px; content: ''; display: block; position: absolute; z-index: 3; visibility:hidden; transition:all .3s ease; -webkit-transition:all .3s ease; left: 50%; margin-left: -10px; } .no-touch .dietary-filter span.dietmain-label:hover .dietary-lable:before, .dietary-filter span.dietmain-label:hover .dietary-lable:after { opacity:1; visibility:visible; } .no-touch .dietary-filter span.dietmain-label:hover .dietary-lable:before { border-bottom-color:#CCC; } .no-touch .dietary-filter span.dietmain-label:hover .dietary-lable:after { border-bottom-color: #FFF; width: 1px; z-index: 4; top: -13px; } /**/ .latest-news { padding:65px 15px 12px; margin:0 auto; position:relative; margin:0px auto; max-width:1230px; } .latest-news .container { padding:0; margin:0; max-width:100%; } .latest-news h3 { font-size:30px; line-height:normal; color:#303030; text-transform:uppercase; text-align:center; position:relative; display:block; font-family:'montserrat-bold'; margin-bottom:22px; } .latest-news h3:before { content:''; background-color:#004677; position:relative; display:block; margin:0 auto; width:80px; height:5px; margin-bottom:14px; } .view-latestproducts{margin:18px auto 10px ; display:block; clear:both; height:60px; width:260px; border:1px solid #004677; line-height:58px; text-align:center; text-transform:uppercase; color:#004677; font-size:15px; font-family:'montserrat-bold'; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .view-latestproducts:before { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .view-latestproducts:after { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .view-latestproducts:hover { background-color:#004677; color:#FFF; } .no-touch .view-latestproducts:hover:before { right:-17px; top:-17px; } .no-touch .view-latestproducts:hover:after { left:-17px; bottom:-17px; } .home-post-section-slider { } .home-post-section-slider .owl-item { padding:10px 15px; display:block; } .home-post-section { transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; box-shadow: 0 0 0 #FFF; -webkit-box-shadow: 0 0 0 #FFF; } .home-post-section .home-post-left-side-image a { display:block; } .home-post-section .home-post-left-side-image img { max-width:100%; display:block; } .home-post-left-side-image { position:relative; overflow:hidden; display:block; margin-bottom:24px; } .home-post-left-side-image:after { content:''; background:#FFF; width:120px; right:-65px; top:-50px; bottom:-50px; position:absolute; transform:rotate(22deg); -webkit-transform: rotate(22deg); -o-transform: rotate(22deg); z-index: 0; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .home-post-date { position: absolute; bottom: 0; right: 0; padding-bottom:23px; line-height: 26px; text-align: center; color: #606060; font-size: 15px; width: 100px; padding-left: 30px; z-index:1; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .home-post-section .home-post-left-side-image a:before { content:''; position:absolute; top:51px; right:10px; width:66px; height:66px; background-color:#004677; border:2px solid #FFF; z-index:2; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } .home-post-section .home-post-left-side-image a:after { content:''; position:absolute; top:67px; right:27px; width:33px; height:32px; z-index:2; background-position:0 -90px; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .home-post-date span { color:#004677; font-size:20px; } .home-post-right-side-text { padding:0 10px 15px; display:block; } .home-post-title { height:31px; overflow:hidden; text-transform:uppercase; line-height:16px; font-size:16px; } .home-post-title a { line-height:16px; font-size:16px; text-transform:uppercase; color:#303030; text-decoration:none !important; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .home-post-description { display:block; position:relative; color:#606060; line-height:20px; height:60px; overflow:hidden; } .home-post-description p { font-size:14px; color:#606060; line-height:20px; } .no-touch .home-post-section:hover { box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; } .no-touch .home-post-section:hover .home-post-date { bottom:-150px; padding-bottom:0px; opacity:0; } .no-touch .home-post-section:hover .home-post-left-side-image a:before { top:-23%; opacity:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } .no-touch .home-post-section:hover .home-post-left-side-image a:after { top:-30%; opacity:0; transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } .no-touch .home-post-section:hover .home-post-left-side-image:after { right:-250px; opacity:0; } .no-touch .home-post-section:hover .home-post-title a { color:#004677; } /**/ .brand-slider { padding:20px 15px 21px; margin:0 auto; position:relative; margin:0px auto; max-width:1200px; } .brand-slider .carosel_title { font-size:30px; line-height:normal; color:#303030; text-transform:uppercase; text-align:center; position:relative; display:block; font-family:'montserrat-bold'; margin-bottom:18px; } .brand-slider .carosel_title:before { content:''; background-color:#004677; position:relative; display:block; margin:0 auto; width:80px; height:5px; margin-bottom:14px; } .brand-slider .owl-item { padding:10px 16px 1px; display:block; } .brand-slider .owl-nav { display:none; } /* OWL Control*/ .owl-nav { display:block; width:100% } .owl-nav div { position: absolute; cursor: pointer; text-indent: -9999px; top: 50%; height:46px; width:40px; margin-top:-40px; display:block !important; } .owl-nav div.owl-prev { left:-40px; } .owl-nav div.owl-next { right:-40px; } .owl-nav div:before, .owl-nav div:after { content:''; display:block; position:absolute; left:9px; top:3px; height:42px; width:22px; opacity:1; transition:all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .owl-nav div.owl-prev:before { background-position:0 -35px; } .owl-nav div:after { background-position:-24px -35px; height:0px; } .owl-nav div.owl-next:before { background-position:100% -35px; } .owl-nav div.owl-next:after { background-position:-53px -35px; } .no-touch .owl-nav div:hover:after { opacity:1; height:42px; top:3px; } .owl-buttons { display:block; width:100% } .owl-buttons div { position: absolute; cursor: pointer; text-indent: -9999px; top: 50%; height:24px; width:20px; margin-top:-14px; display:block !important; } .owl-buttons div.owl-prev { left:-24px; } .owl-buttons div.owl-next { right:-24px; } .owl-buttons div:before, .owl-buttons div:after { content:''; display:block; position:absolute; left:6px; top:4px; height:16px; width:8px; opacity:1; transition:all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .owl-buttons div.owl-prev:before { background-position:-52px -200px; } .owl-buttons div:after {height:0px; background-position:-64px -200px;} .owl-buttons div.owl-next:before { background-position:100% -200px; } .owl-buttons div.owl-next:after { background-position:-81px -200px; } .no-touch .owl-buttons div:hover:after { opacity:1; height:17px; top:4px; } /* ============================================ * PRELOADER * ============================================ */ #ajax_overlay{ background-color:rgba(0,0,0,.7); height: 100%; width: 100%; position: fixed; z-index: 99; margin-top: 0px; top: 0px; overflow:hidden; } #ajax_overlay_loader { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 20px; width: 100px; margin-top: -10px; margin-left: -50px; } .object { width: 10px; height: 10px; background-color: #FFF; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; position: absolute; } #object_one { -webkit-animation: object 2s linear infinite; animation: object 2s linear infinite; } #object_two { -webkit-animation: object 2s linear infinite -.4s; animation: object 2s linear infinite -.4s; } #object_three { -webkit-animation: object 2s linear infinite -.8s; animation: object 2s linear infinite -.8s; } #object_four { -webkit-animation: object 2s linear infinite -1.2s; animation: object 2s linear infinite -1.2s; } #object_five { -webkit-animation: object 2s linear infinite -1.6s; animation: object 2s linear infinite -1.6s; } @-webkit-keyframes object { 0% { left: 100px; top:0 } 80% {left: 0; top:0;} 85% {left: 0; top: -20px; width: 10px; height: 10px; opacity:0.1; } 90% {width: 40px; height: 5px;} 95% {left: 100px; top: -20px; width: 10px; height: 10px; opacity:1; } 100% {left: 100px; top:0;} } @keyframes object { 0% { left: 100px; top:0 } 80% { left: 0; top:0; } 85% { left: 0; top: -20px; width: 10px; height: 10px; opacity:0.1; } 90% { width: 40px; height: 5px; } 95% { left: 100px; top: -20px; width: 10px; height: 10px; opacity:1; } 100% { left: 100px; top:0; } } /* ============================================ * * Footer * ============================================ */ .footer, .footer button { /* opacity: 0; */ } .footer { background: #252525; padding-top: 47px; } .footer .container{max-width:1204px;} .socialmedia { margin-left:2px; clear:both;padding-top: 15px;} .footer .socialmedia a, .footer .links .socialmedia a { display: block; float: left; margin-right: 8px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 28px; color: #d2d2d2; line-height: 20px; } .footer .socialmedia a.google-link { width: 38px; margin-right: 11px; } .footer .socialmedia a.blog-link { width: 33px; } .no-touch .footer .socialmedia a.facebook-link:hover { color: #4867aa; } .no-touch .footer .socialmedia a.twitter-link:hover { color: #1da1f2; } .no-touch .footer .socialmedia a.linkedin-link:hover { color: #0177b5; } .no-touch .footer .socialmedia a.youtube-link:hover { color: #e22c29; } .no-touch .footer .socialmedia a.instagram-link:hover { color: #b16c4f; } .no-touch .footer .socialmedia a.blog-link:hover { color: #00a7da; } .socialmedia a:last-child { margin-right: 0; } .socialmedia a:last-child { margin-right: 0; } @media all and (min-width:768px) { .footer .footer-col4 .block-title { margin-bottom: 29px; } .footer .footer-links-inner .cf { display: block !important; height: auto !important; } .footer .footer-col3 > .cf { height: auto !important; display: block !important; } .footer .footer-col3 .socialmedia { display: block !important; height: auto !important; } } .footer .footer-col1 .footer-links-inner .cf { display: block !important; height: auto !important; } .footer .block-title { border-top: 0; padding-left:3px; padding-top: 0; margin-bottom:29px; } .footer .block-title strong { font-weight:normal;font-family:'montserrat-reg'; font-size: 18px; line-height: 22px; color: #ffffff; } .footer .links { float: left; width:34.19%; padding: 0 5px 0 0; margin-bottom:14px; } .footer .footer-col1 ul { float: left; width: 50%; } .footer .footer-col4 { width:31.5%; padding-right: 0 } .footer-logo { padding-top: 4px; margin-bottom: 49px; } .footer-logo img { max-width: 100%; height: auto; } .aus-cer-logo img { margin: 0 auto; position: relative; left: -2px; } .footer .footer-links-inner:nth-child(2) { padding-top: 34px; } .footer .links li { word-break: break-all; line-height: 1.4; padding: 0 0 9px 1px; } .footer .links a, .footer-links-inner p, .footer-contact-address { color: #999999; font-size: 15px; text-transform: none; } .footer-contact-address { margin-bottom: 20px; line-height: 24px; margin-top:2px; } .footer-contact-address > div { position: relative; padding-left: 47px; padding-bottom:16px; } .footer-contact-address .address-text:before, .footer-contact-phone:before, .footer-contact-fax:before, .footer-contact-email:before { display: block; font-size:22px; color: #909090; position: absolute; left:3px; top: 0; font-family:'FontAwesome'; } .footer-contact-address .address-text:before { content: "\f041"; top:5px; line-height:22px; font-size:33px;left:1px;} .footer-contact-address > div.address-text {line-height: 17px; min-height:71px;} .footer-contact-phone:before { content: "\f095"; top:0px;left:2px; } .footer-contact-email:before { content: "\f0e0"; top:-2px;left:2px; } .footer-contact-fax:before { content: "\f02f"; top:2px; left:2px; } .footer-links-inner p { line-height: 30px; } .footer-col3 .footer-links-inner p a { display: inline-block } .footer .links a{text-decoration:none !important; position:relative; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .footer .links li a {text-decoration:none !important;} .footer .links li a:hover:before { background: #FFC322; } .footer .links a:hover, .footer .links a:focus { color: #fff; } .footer .links li.active a{ color: #fff; } .footer .block-subscribe { margin-bottom:0px; } .footer .links, .footer .block-subscribe { font-size: 12px; } .news_stay_coonect { color: #919191; font-size: 15px; margin-bottom: 20px; } .footer .form-subscribe-header { display: none; } .footer_signature { display: none; font-weight: 300; color: #919191; } .cms-home .footer_signature { display: inline-block; font-weight: 300; color: #919191; } .footer-bottom-left {font-size:14px; padding: 24px 0 21px 0; color: #606060; text-align: center; border-top: 1px solid #1c1c1c;} .footer .block-subscribe .radiobox{margin-right:16px; display:inline-block; position:relative; z-index:0;} .footer .block-subscribe input[type=radio] + label{color:#969696; padding-left:26px; font-size:14px; text-transform:none;} .footer .block-subscribe input[type=radio]:checked + label, .footer .block-subscribe input[type=radio]:active + label{color:#FFF;} .footer .block-subscribe input[type="radio"] + label:before {border:2px solid #6b6b6b; background-color:transparent; } .footer .block-subscribe input[type="radio"] + label:after {background-color:#FFF; } .footer .block-subscribe input[type=radio]:checked + label:before, .footer .block-subscribe input[type=radio]:active + label:before{border-color:#FFF;} .footer .block-subscribe .input-box.fieldEmail { position: relative; padding-bottom:14px; margin-top:13px; } .footer .block-subscribe label.overlabel{display:block;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .footer .block-subscribe label.overlabel span{position:absolute; font-size:14px; left:15px; top:21px; text-transform:none; color:#6b6b6b;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .footer .block-subscribe label.overlabel .input-text.validation-failed ~ span{top:12px } .footer .block-subscribe .radiobox .validation-advice{display:none !important;} .footer .block-subscribe .input-text { width: 100%; height:60px; line-height:22px; border: 1px solid #4f4f4f; padding:17px 15px; background-color:transparent; color:#FFF; font-size:14px; position: relative;top:0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index:1;} .footer .block-subscribe .input-text::-webkit-input-placeholder { color:#6b6b6b;} .footer .block-subscribe .input-text:-moz-placeholder { color: #6b6b6b;opacity: 1;} .footer .block-subscribe .input-text::-moz-placeholder { color: #6b6b6b;opacity: 1;} .footer .block-subscribe .input-text:-ms-input-placeholder { color: #6b6b6b;} .footer .block-subscribe .input-text.validation-failed{top:-10px } .validation-advice {text-align: left;color:#ff0000; text-transform:none !important; font-size:13px;} .block-subscribe .fieldEmail .validation-advice {position: absolute;top:52px; line-height:14px;} .footer .block-subscribe .block-content { padding-top: 7px; } .footer .block-subscribe .block-content:after { content: ''; display: table; clear: both; } .footer .block-subscribe .button.newsLtrSbmtBtn { display:block; height:60px; width:100%; border:1px solid #FFF; line-height:58px; text-align:center; text-transform:uppercase; color:#FFF; font-size:15px; font-family:'montserrat-bold'; padding:0px; background-color:transparent; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .footer .block-subscribe .button.newsLtrSbmtBtn:before { content:''; display:block; height:30px; width:30px; background-color:#252525; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .footer .block-subscribe .button.newsLtrSbmtBtn:after { content:''; display:block; height:30px; width:30px; background-color:#252525; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .footer .block-subscribe .button.newsLtrSbmtBtn:hover { background-color:#FFF; color:#252525; border-color:#252525; } .no-touch .footer .block-subscribe .button.newsLtrSbmtBtn:hover:before { right:-17px; top:-17px; } .no-touch .footer .block-subscribe .button.newsLtrSbmtBtn:hover:after { left:-17px; bottom:-17px; } .footer .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; } .footer .form-language, .footer .currency-switcher { display: none; } .footer-bottom-outer {margin-top: 10px;} .footer-bottom-left { font-size: 15px; line-height: 20px; padding:24px 0 16px 0; color: #969696; text-align: center; border-top: 1px solid #1b1b1b; } .footer-bottom-left a {color: #969696; font-size:14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .footer-bottom-left a:hover { color: #fff; } .footer address { margin-bottom: 9px; display: inline-block; color: #969696; font-size:14px;} .social-links a { display: block; float: left; width: 41px; height: 41px; margin-right: 6px; position: relative; text-indent: -9999px; } .social-links a:before, .social-links a:after { content: ''; display: block; position: absolute; left: 0; top: 0; background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/sprite.png) no-repeat 0 -282px; width: 41px; height: 41px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .social-links a:after { background-position: 0 -332px; opacity: 0; } .no-touch .social-links a:hover:after { opacity: 1; } .no-touch .social-links a:hover:before { opacity: 0; } .social-links .footer-twitter:before { background-position: -47px -282px; } .social-links .footer-twitter:after { background-position: -47px -332px; } .social-links a:last-child { margin-right: 0; } /* Listing */ .col-left-first .block.block-layered-nav{margin-bottom:0px;} #narrow-by-list{padding:5px 10px 5px; display:block; border:0px none #cccccc;border-top:0 none; background-color:#fafafa; margin-bottom:0px;} .currently{ padding:15px 9px 8px; background-color:#004677; color:#FFF; margin-bottom:20px;} .currently .block-subtitle{font-size:16px; line-height:24px; font-family:'montserrat-reg'; color:#FFF;display: block; margin-top:0; padding-bottom:8px; margin-bottom:12px; border-bottom:1px solid #717171;} .currently ol {padding-left:0px; margin-bottom: 10px; } .currently li{position:relative;margin-bottom:10px; line-height:14px;} .currently li:before{content:''; display:block; height:13px; width:13px; position:absolute; left:0px; top:1px; background-position:-20px -280px;} .catalog-category-view .currently li:before, .catalogsearch-result-index .currently li:before {content:''; display:block; height:13px; width:13px; position:absolute; left:0px; top:1px; background-position:-20px -280px; display: none;} .currently li .label {font-family:'montserrat-reg'; line-height:17px;} .currently li .value {line-height:17px;} .currently li:after {content:''; display: table; clear: both; } .currently li input[type="checkbox"] {width:14px; height:14px; cursor:pointer;} .currently li input[type="checkbox"] + label{color:#ededed; font-size:14px;font-family:'montserrat-reg'; line-height:17px; } .catalog-category-view .currently li input[type="checkbox"] + label, .catalogsearch-result-index .currently li input[type="checkbox"] + label{ padding: 0; } .currently li input[type="checkbox"] + label:before {left: 0px; top: 2px; width: 13px; height: 13px; border: none;} .currently li input[type="checkbox"]:checked + label:after {top:2px;left: 5px;width: 4px; height: 9px;border: 1px solid #004677 !important; border-top: none !important; border-left: none !important;opacity:1;} .currently .btn-remove{float:right;} .currently .btn-remove:after{background-position:100% -350px;} .currently + .actions{position:absolute; top:17px; right:10px;} .currently + .actions a{color:#FFF; text-decoration:none !important;} #narrow-by-list dt:first-child{/*padding-top:10px; border-top:1px solid #e8e8e8;*/} .prod-leftsidebar{border:1px solid #CCC;margin-bottom:20px; padding:5px 0;} .prod-leftsidebar:empty { display: none;} .prod-leftsidebar.empty { display: none;} .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } .block-layered-nav .selector span{height:40px; line-height:40px; color:#5b5b5b;} #sidebar-nav {/*border:1px solid #CCC;*/ padding:10px 9px 7px;} #sidebar-nav .block-content {margin-top:0px;border-top:1px solid #e8e8e8; padding-top:3px !important;} #sidebar-nav .block-title {/*border-bottom:1px solid #e8e8e8; */border-top:0 none; padding:0 0 9px;} #sidebar-nav .block-title strong {color:#004677;font-size: 16px;font-style: normal; text-transform:none;font-family:'montserrat-reg';} .category-description{display:block; font-size:14px; line-height:22px; color:#606060;margin-bottom:20px;} .category-description p{display:block; font-size:14px; line-height:22px; color:#606060;} .category-products{} .product-data-wrap {padding-bottom:15px; padding-top:5px;} .datalable-comn{margin-right:30px;} .datalable-comn strong{color:#303030;} .datalable-comn span{color:#606060;} .products-list .dietary-filter {text-align:left; } .products-list .dietary-filter span.dietmain-label:first-child{margin-left:0px;} .products-list a.link-learn{margin-top:30px; display:block; clear:left; height:60px; width:200px; border:1px solid #004677; line-height:58px; text-align:center; text-transform:uppercase; color:#004677; font-size:15px; font-family:'montserrat-bold'; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .products-list a.link-learn:before { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; right:-30px; top:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .products-list a.link-learn:after { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; left:-30px; bottom:-30px; transform:rotate(40deg); -webkit-transform:rotate(40deg); -o-transform:rotate(40deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .products-list a.link-learn:hover { background-color:#004677; color:#FFF; } .no-touch .products-list a.link-learn:hover:before { right:-17px; top:-17px; } .no-touch .products-list a.link-learn:hover:after { left:-17px; bottom:-17px; } .toolbar-first{ padding-right:125px; position:relative;} .toolbar-first h1{color:#303030; font-size:24px; line-height:30px; margin-bottom:11px;} .toolbar-first .toolbar.sorter{position:absolute; right:-3px; top:7px; padding:0px; margin:0px;} .toolbar.second{border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding-top:10px; padding-left:0px;padding-right:0px; padding-bottom:5px;} .toolbar.second:after{content:''; display:block; position:relative; display:table; clear:both;} .toolbar.second .pager-left{float:left; display:inline-block;} .toolbar.second .pager{float:right; display:inline-block;} .toolbar.second .selector { float: left; width: auto !important; } .toolbar.second .sort-by .selector {width:101px !important; } .toolbar.second .limiter .selector {width:71px !important; } .toolbar-bottom .toolbar{margin:33px 0 0; padding:0 0 35px;} .category-products .dietary-filter span.dietmain-label ~ span.dietmain-label.Kosher:before {/*top:-10px;*/} .category-products .desc.std{padding-top:20px;} /* Detail Page */ .product-essential {padding-bottom:38px;} .more-views {padding: 0 17px;} .product-image-thumbs .item_pro {margin: 0 0px;} .product-image-thumbs .imgwrap {padding: 0 7px;} .product-image-thumbs .imgwrap a.thumb-link{display:block !important;border:1px solid #e9e9e9;transition:all .5s ease; -webkit-transition:all .5s ease;-o-transition:all .5s ease;} .product-image-thumbs .imgwrap img { max-width: 100%;width: inherit !important; display: block; margin: 0 auto;} .product-image-thumbs .imgwrap a.thumb-link:hover{border:1px solid #959595;} .product-image-thumbs .imgwrap.active a.thumb-link{border:1px solid #959595;} .product-shop{} .catalog-product-view .product-shop .product-data-wrap {padding:15px 0 17px; margin:19px 0 27px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;} .catalog-product-view .product-shop .product-data-wrap .datalable-comn {margin-right:27px; font-size:13px;} .catalog-product-view .product-shop .dietary-filter{text-align:left; margin-top:17px; clear:both;} .catalog-product-view .product-shop .dietary-filter .dietmain-label:first-child{margin-left:0px;} .catalog-product-view .category-products .desc.std{padding-top:0px;} .product-shop .add-enquiry{margin-top:40px; display:block; clear:left; height:60px; width:200px; border:1px solid #004677; line-height:58px; text-align:center; text-transform:uppercase; color:#FFF; background-color:#004677; font-size:15px; font-family:'montserrat-bold'; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .product-shop .add-enquiry:before { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; right:-16px; top:-16px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .product-shop .add-enquiry:after { content:''; display:block; height:30px; width:30px; background-color:#FFF; position:absolute; left:-17px; bottom:-17px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .product-shop .add-enquiry:hover { background-color:#FFF; color:#004677; } .no-touch .product-shop .add-enquiry:hover:before { background-color:#004677; } .no-touch .product-shop .add-enquiry:hover:after { background-color:#004677; } .added-content.cart-popup{overflow:hidden;} .added-content.cart-popup div em{font-style:normal; font-size:14px; color:#252525; height:42px;overflow: hidden; display:block; text-align:left;} .cart-popup-btns-outer {margin:12px 0 0;} .cart-popup-btns-outer a { display:inline-block; height:40px; width:190px; border:1px solid #004677; background-color:#004677; line-height:38px; text-align:center; text-transform:uppercase; color:#FFF; font-size:13px; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .cart-popup-btns-outer a:before { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; right:-30px; top:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .cart-popup-btns-outer a:after { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; left:-30px; bottom:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .cart-popup-btns-outer a:last-child { border-color:#2a2a2a; background-color:#2a2a2a; width:170px;float:right;} .cart-popup-btns-outer a:last-child:before { background-color:#2a2a2a; } .cart-popup-btns-outer a:last-child:after { background-color:#2a2a2a; } .no-touch .cart-popup-btns-outer a:hover { background-color:#FFF; color:#004677; } .no-touch .cart-popup-btns-outer a:hover:before { right:-17px; top:-17px; } .no-touch .cart-popup-btns-outer a:hover:after { left:-17px; bottom:-17px; } .no-touch .cart-popup-btns-outer a:last-child:hover { border-color:#2a2a2a; color:#2a2a2a; background-color:#FFF; } /* Enquiry Cart */ .enquirycart-index-index .enquiry-content{margin-bottom: 25px;} .enquirycart-index-index .enquiry-content p {margin-bottom: 5px;} .enquirycart-index-index .col2-right-layout .col-main, .enquirycart-index-index .col3-layout .col-wrapper {margin-right:-435px; padding-right:500px;} .enquirycart-index-index .col-right {width:430px;} .enquirycart-index-index .page-title.title-buttons h1{padding-bottom:9px;margin-top: 4px;margin-left: -1px;} .enquirycart-index-index .feedback-container .page-title.title-buttons h1{padding-bottom:19px; margin-bottom:21px; border-bottom:2px solid #CCC;} .enquirycart-index-index .form-list .fields {margin:0 0 15px;} .enquirycart-index-index .form-list textarea#comment {height: 80px;} .enquirycart-index-index .form-list .capcha-div {margin: 5px 0 0;} .enquirycart-index-index .fieldset p.required {margin-top: -10px;} .customer-wishlist-item-info div{margin-bottom:3px;} .customer-wishlist-item-info div span{color:#303030;} .customer-wishlist-item-info div strong{font-family:'montserrat-bold'; color:#303030;} .fieldset.cart .buttons-set{margin: 0 0 0; padding-top: 3px;} .fieldset.cart .buttons-set .button.btn-remove-pro{width: 157px;height: 45px; line-height:30px; font-size:14px;font-family:'montserrat-reg';} .button-set .form-button {margin-top:19px; display:block; height:55px; width:100%; border:1px solid #004677; background-color:#004677; text-align:center; text-transform:uppercase; color:#FFF; font-size:15px; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .button-set .form-button:before { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; right:-30px; top:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .button-set .form-button:after { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; left:-30px; bottom:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .button-set .form-button:hover { background-color:#FFF; color:#004677; } .no-touch .button-set .form-button:hover:before { right:-17px; top:-17px; } .no-touch .button-set .form-button:hover:after { left:-17px; bottom:-17px; } /* Contact us */ .contactmgt-index-index .breadcrumbs{border-bottom:0px none; margin-bottom:0px;} .contactmgt-index-index .main-container {padding-top:0px;} .contactmgt-index-index .col2-right-layout .col-main, .contactmgt-index-index .col3-layout .col-wrapper {margin-right:-370px; padding-right:400px;} .contactmgt-index-index .col-right {width:370px;} .contactmgt-main-wrapper {margin-bottom:52px;} .contactmgt-main-wrapper .page-title{margin-top:0px;} .contactmgt-main-wrapper .page-title h1{/*border-bottom:2px solid #ccc;*/ margin-bottom:10px;} .contact-banner-full{position:relative; margin-bottom:47px;} .contact-banner-full img{max-width:100%; display:block; margin:0 auto;} .contact-mgt-description{display:block; margin-bottom:22px; position:relative; line-height:22px;} .contact-wrap{background-color:#f5f5f5; margin-bottom:30px;} .contact-address{ position:relative; padding:26px 20px 23px; line-height:22px;border:10px solid #f5f5f5;border-bottom:0px none; background-color:#FFF;} .contact-wrap:last-child .contact-address {padding-bottom: 31px;} .contact-address:after{content:''; clear:both; display:table; position:relative;} .contact-address h2{font-size:20px; line-height:24px; color:#004677; margin:0 0 18px;} .contact-address p{color:#606060;} .contact-address div.left{float:left; width:50%; display:block; padding-right:0px; font-size:14px;} .contact-address div.left p{line-height:24px;} .contact-address div.left p:first-child{line-height:40px} .contact-address div.left p strong{font-size:16px; color:#303030; margin:0 0 18px;} .contact-address div.right{float:right; width:50%; display:block;padding-left:15px; font-size:14px; margin-top:43px;} .contact-address div.right p {margin-bottom: 8px;} .contact-address div.right p:last-child span{display:inline-block; padding-left:46px;margin-bottom: 2px;} .contact-address div.right p:last-child strong + span{padding-left:3px;} .google-map{margin-bottom:0px; display:block; width:100%;} .google-map iframe{margin:0px; display:block; height:264px;} .contact-mgt.right{} .contact-mgt.right h2{font-size:24px; padding-bottom:20px; margin-bottom:17px;border-bottom:1px solid #ccc;} .contact-mgt .capcha-div{margin:5px 0 5px;} .contact-mgt.right .form-list .field {padding:0 0px 15px;} .contact-mgt.right textarea#comment {height: 120px;} /* BLOG */ .wp-blog-detail { border:1px solid #ccc; padding:12px 15px 15px; margin-bottom:25px;} .block-list.block-viewed { } .block-list.block-viewed .block-title { background:#004677; height:51px; line-height: 51px; font-family:'montserrat-bold'; font-size:18px; padding:0 10px 0 20px; letter-spacing: .5px; } .wp-sidebar{background-color:#fafafa; border:1px solid #CCC; padding: 10px 9px 7px;} .block-blog{} .block-blog .block-title {border-bottom: 1px solid #e8e8e8;border-top: 0 none;padding: 0 0 9px;} .block-blog .block-title strong{color:#004677;font-size: 16px;font-style: normal;text-transform: none; font-family: 'montserrat-reg';} .is-blog .block-content { margin-top:3px;} .wordpress-term-view .page-title { /*display:none; */} .block-blog.block-blog-archives .block-title {border-top:1px solid #e8e8e8;padding-top:10px;} #post-list > li { padding:15px; margin-bottom:30px; border:1px solid #ccc; float:none; clear:both; } #post-list li h2 { margin-bottom:5px !important; } #post-list li h2 a { color:#303030; font-family:'montserrat-reg'; font-size:20px; line-height:19px; text-decoration:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; text-transform:uppercase; } .no-touch #post-list li h2 a:hover { color:#004677; } #post-list .featured-image {width:255px; height:auto; display:block; float:left; text-align:center; padding-top:5px; position:relative; z-index:1;} #post-list .featured-image img { display:block; max-width:100%; margin:0 auto; } #post-list .post-list-cntn{width:100%; float:right; padding-left:285px; margin-left:-255px;} #post-list .post-list-item {clear: both;} #post-list li.active, #post-list li.active > a, #post-list li.active > .collapsible-wrapper > a {color: #004677;} #sidebar-nav .block-content a {line-height: 1.7;position: relative;} .pager-no-toolbar { clear:both; } .post-date { display:inline-block; font-style:normal !important; color:#004677; font-family:'montserrat-bold'; text-transform:uppercase; } .detail-links { display:inline-block; float:right; } .detail-links span{ display:inline-block; } .detail-links span a{ display:inline-block; } .page-title.post-title h1 { color:#000; font-family:'montserrat-bold'; font-size:20px; line-height:27px; display:block; clear:both; padding-bottom:0px; } .post-entry, .post-entry p { color:#202020; line-height:26px !important; font-size:14px !important; } .post-entry p { margin-bottom:15px !important; } .wordpress-post-view.is-blog .post-entry.entry.std.post-entry-with-image p { display:inline-block;} .read-extra a { line-height:19px; color:#004677; font-family:'montserrat-reg'; display:inline-block; position:relative; } .read-extra a:hover { text-decoration:none; } .read-extra a:before { background-color: #909090; bottom: 0; content:''; height: 1px; left:0px; position: absolute; right:0px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .read-extra a:after { background-color: #004677; bottom: 0; content:''; height: 1px; left:0px; position: absolute; right: 100%; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .read-extra a:hover:before { left: 100%; visibility: hidden; } .read-extra a:hover:after { right:0px; visibility: visible; } .wp-sidebar .block-blog {margin-bottom:13px;} .wp-sidebar .block-blog li { position:relative; font-family: 'montserrat-reg';font-size: 14px;padding: 5px 0 4px 17px; margin-bottom:0px;} .wp-sidebar .block-blog li:before {content: '';display: block;position: absolute;left: 0px; top:10px; width: 6px;height: 12px; background-position: -79px -180px;} .wp-sidebar .block-blog li.active:before { background-position:-94px -180px;} .wp-sidebar .block-blog li a {color:#5b5b5b; text-decoration:none !important; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .no-touch .wp-sidebar .block-blog li a:hover { color:#004677; } .wp-sidebar .block-blog li.active a{ color:#004677; } .is-blog .block-blog .block-content li.item {} .wordpress-index-index .page-title.blog-title.first-page {/* display:none; */} .post-entry:after{display:table; clear:both; content:'';} .post-view .post-entry-with-image img{margin-bottom:25px; max-width:100%; height:auto;} .post-view .post-entry-with-image a{color:#004677; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;} .no-touch .post-view .post-entry-with-image a:hover{color:#303030;} .block-blog.block-blog-archives .block-title strong{padding-left:0px;} .is-blog .pager-no-toolbar{margin-bottom:0px; padding-right:0px; margin-right:0px; border: 0;display: block; float: none;padding-top: 14px;} .is-blog .pages li {margin-left:-1px;} .is-blog .pager > .count-container {float:none; display: none;} .is-blog .pages {float: none;display: block;text-align: center;margin-bottom:40px;} .is-blog .alignleft {float: left;margin:10px 15px 15px 0;} .is-blog .alignright {float: right; margin:10px 0px 15px 15px;} .is-blog .aligncenter {clear: both;display: block;margin: 0 auto 15px;} .is-blog blockquote.alignleft {margin: 10px 15px 10px 0;} .is-blog blockquote.alignright {margin:10px 0 10px 15px;} .is-blog blockquote.aligncenter {margin-bottom: 15px;} .post-skips{display:block; margin-top:20px;margin-bottom:10px;} .post-skips:after{content:''; clear:both; display:table; position:relative;} .post-skips .post-skip.post-skip-next.right{float:right;} /* Brand Page */ .brandlogo-index-index .breadcrumbs {margin: 0 0 14px;} .brand-cntnwrap{display:block; text-align:center; line-height:22px; margin-bottom:25px;} .brand-cntnwrap p{line-height:22px;} .brands-section { margin: 0 -7px; position: static; } .brand-block-container { float: left; width: 990px; margin: 20px 0 0 -30px; } .brand-caption { display: none; position: absolute; top: 0; left: 15px; right: 15px; background: #dfdfdf; padding:25px 21px; z-index:2; margin-top:-237px;} .no-touch .brands-section.loaded .brand-block:hover .brand-caption, .touch .brands-section.loaded .brand-block.touched .brand-caption { display: block } .brand-block {float:left; width:20%; padding:15px 7px; } .brand-block:nth-child(5n+1){clear:both;} .brand-block > a { position: relative } .brand-block > a:before { content: ''; position: absolute; left: 50%; border-bottom: 17px solid #dfdfdf; border-left: 14px solid transparent; border-right: 14px solid transparent; display: none; margin-left: -14px; bottom:-21px; } .no-touch .brands-section.loaded .brand-block:hover > a:before, .touch .brands-section.loaded .brand-block.touched a:before { display: block } .brand-caption p { font-size: .75em; line-height: 1.5em; } .brand-caption a.learn-more:hover { background: #fff; color: #08c; } .brand-block > a { border:2px solid #e6e6e6; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; height:128px;text-align: center; vertical-align: middle; } .touch .brand-block > a { pointer-events: none; } .touch .brand-block.touched > a { pointer-events: auto; } .brand-caption .brand-img {float: left; padding-right: 25px; width:230px; /*width:160px;*/} .brand-caption .brand-img img{max-width:100%; display:block; margin:0 auto;} .brand-caption .b-content {width: 100%;float: right;margin-left: -230px;padding-left: 250px;font-size:14px; line-height:22px; color:#606060;} .brand-caption .b-content p{color:#606060; font-size:14px; line-height:22px; margin-bottom:15px} .brand-block > a:hover { border-color: #004677; } .brand-block > a img { max-width: 100%; height: 100%; margin: 0 auto; display: inline-block; vertical-align: middle; } .product-button{display:block; text-align:right;} .product-button .product-viewbtn{margin-top:10px; display:inline-block; height:60px; width:200px; border:1px solid #004677; background-color:#004677; text-align:center; text-transform:uppercase; color:#FFF; font-size:15px; text-decoration:none !important; position:relative; overflow:hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .product-button .product-viewbtn:before { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; right:-30px; top:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .product-button .product-viewbtn:after { content:''; display:block; height:30px; width:30px; background-color:#004677; position:absolute; left:-30px; bottom:-30px; transform:rotate(44deg); -webkit-transform:rotate(44deg); -o-transform:rotate(44deg); transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .no-touch .product-button .product-viewbtn:hover { background-color:#FFF; color:#004677; } .no-touch .product-button .product-viewbtn:hover:before { right:-17px; top:-17px; } .no-touch .product-button .product-viewbtn:hover:after { left:-17px; bottom:-17px; } /* Category By Page */ .category-grid{display:block; position:relative; margin:0 -7px;} .category-grid:after{display:table; clear:both; content:'';} .std ul.category-grid li{width:33.33%; float:left; padding:0 7px; } .std ul.category-grid li:before{display:none !important;} /* FAQs */ #faq{} #faq dl dt{position:relative; display:block; font-family:'montserrat-bold'; font-size:14px; color:#004677; line-height:22px; padding:7px 35px 7px 15px; background-color:transparent; border:1px solid #004677; margin-bottom:10px; cursor:pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;} #faq dl dt.active{border:1px solid #004677; margin-bottom:0px; background-color:#004677; color:#FFF; } #faq dl dt:before{content:'\f107'; display:block; height:29px; width:29px; right:3px; position:absolute; margin-top:-4px; font-family:'FontAwesome'; color:#004677; font-size:27px; text-align:center; line-height:30px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } #faq dl dt.active:before { color:#FFF; transform:rotate(-90deg); -webkit-transform:rotate(-180deg); } #faq dl dd{ position:relative; font-size:14px; line-height:22px; padding:10px 15px; border:1px solid #004677; border-top:0 none; margin-bottom:15px; display:none;} #faq dl dd p { margin-bottom:10px;font-size:14px; } #faq dl dd p span{font-size:14px !important; font-family:'montserrat-reg' !important;} #faq dl dd strong { font-family:'montserrat-bold'; } #faq dl dd span { display:block; padding-bottom:5px; } #faq dl dd ul, #faq dl dd ol { margin-bottom:10px; } #faq dl dd ul li, #faq dl dd ol li { font-size:14px; line-height:22px; } #faq dl dd ul li { position:relative; padding-left:20px; } #faq dl dd ul li:before {/*content: "\f00c"; display: block; position: absolute; left:0px; top:2px; font: normal normal normal 14px/1 FontAwesome; color: #004677;*/} /* CMS - Test */ .page-title-wrapper { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 12px 0 7px; margin-bottom: 20px; } .page-title-wrapper h1 { display: block; position: relative; font-size: 30px; line-height: 32px; margin: 0px; } .std, description { font-size: 14px; line-height: 24px; color: #606060; display: block; } .std h2, .std h3, .std h4, .std h5, .std h6 {} .std p, description p { font-size: 14px; line-height: 24px; color: #606060; display: block; } .std table { border-collapse: collapse; border-spacing: 0; max-width: 100%;width: 100%; margin-bottom: 20px; } .std table th { text-align: left; } .std table > tbody > tr > th, .std table > tfoot > tr > th, .std table > tbody > tr > td, .std table > tfoot > tr > td { vertical-align: top; } .std table > thead > tr > th, .std table > thead > tr > td { vertical-align: bottom; } .std table > thead > tr > th, .std table > tbody > tr > th, .std table > tfoot > tr > th, .std table > thead > tr > td, .std table > tbody > tr > td, .std table > tfoot > tr > td { padding: 7px 10px; } .std table thead { background: #004677; font-size: 18px; color: #ffffff; text-align: center; } .std table tbody { background: #fff; font-size: 15px; color: #606060; text-align: left; } .std table tbody tr:nth-child(2n+2) { background: #f1f1f1; } .std table tr > td { border-right: solid 1px #dcdcdc; } .std table tr > td:last-child { border-right: none 0px; } .table-outer { overflow-x: auto; overflow-y: hidden; margin-bottom: 20px; clear: both; } .std .table-outer table { margin-bottom: 0; } .col-sm-3 { width: 33.33%; padding-right: 15px; float: left; } .brand-about {margin-bottom:10px;} .brand-about span{display:inline-block; margin-right:2px;} /*BACK TO TOP*/ #back-top { bottom:20px; height:45px; position: fixed; right:25px; width:45px; z-index: 9; background-color:transparent; border:2px solid transparent; opacity:0; visibility:hidden; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; } #back-top.show { border-color:#004677; background:#FFF; visibility:visible; opacity:1; } #back-top a { text-decoration:none; font-family:'montserrat-bold'; font-size:13px; color:#000; position:relative; height:40px; width:40px; display:block; line-height:72px; text-align:center; letter-spacing:.2px; } #back-top a:after {content: "\f106"; color:#004677; font-size:40px !important;display: inline-block; font-family:'FontAwesome'; margin: 2px 0 0 0; position:absolute; left:0px; top:-3px; width:40px;text-align:center; line-height:39px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;} .no-touch #back-top.show:hover {border-color:#004677; background:#004677;} .no-touch #back-top.show:hover a:after{color:#FFF;} /* Sticky Form Home page */ .enquiry-desktop {position: fixed;right:-405px; width:400px; top: 0;bottom: 0;padding-left:0px;z-index:99; background-color:#004677; /*overflow:hidden; overflow-y:auto;*/ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; box-shadow:0 3px 3px #000; -webkit-box-shadow:0 3px 3px #000; -o-box-shadow:0 3px 3px #000;} .enquiry-desktop.opened {right:0;} .stickyform-btn{display:block; cursor:pointer; position:fixed; right:-5px; top:50%; margin-top:0; width:64px; height:250px;background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/button.png) no-repeat top right; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:9; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .enquiry-desktop.opened .stickyform-btn{right:400px;} #headerslider{background: #004677;padding:15px 15px; display:block !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .form-quick-contact ul li.fields .field{padding:0 0 15px;} .form-quick-contact .contact-title h2{color:#FFF; font-size:17px; text-transform:uppercase; margin-bottom: 15px } .form-quick-contact .contact-title .close-link{display:block; position:absolute; width:25px; height:25px; right:15px; top:11px; background-color:#FFF; text-align:center; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;} .form-quick-contact .contact-title .close-link:after{content:"\f00d"; color:#004677; font-size:16px;display:inline-block; font-family:'FontAwesome'; line-height:25px;} .form-quick-contact .input-text{border-color:#FFF;} .form-quick-contact .capcha-div{margin:5px 0 5px;} .form-quick-contact .button-set .form-button {border: 1px solid #FFF;} .enquiry-desktop .mCSB_inside > .mCSB_container {margin-right:0px !important; padding-right:0px;} .enquiry-desktop .mCSB_scrollTools {right: -1px;} .enquiry-desktop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff !important;} .enquiry-desktop .mCSB_scrollTools .mCSB_draggerRail {background-color:#ebebeb; /*background-color: rgba(0,0,0,.4);*/} .faq-index-index .col-main.std {min-height:500px;} /* ============================================ * * Custom Responsive CSS Start * ============================================ */ @media only screen and (min-width:1024px) { .page-header-container {left:-1px;} .column.top_brands .title:after{content:'';bottom:0px; height:2px; width:40px; left:0px; position:absolute;background-color:#004677;} .column.dietary_filters .title:after{content:'';bottom:0px; height:2px; width:40px; left:0px; position:absolute;background-color:#004677;} div.wp-custom-menu-popup:before {content: '';position: absolute;top:14px; bottom:-10px;left: -200%;width:auto; right:-200%; background: #FFF; z-index:0; box-shadow:0px 1px 7px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.4); -o-box-shadow:0px 1px 7px rgba(0, 0, 0, 0.4);} div.wp-custom-menu-popup:after{/*content: '';position: absolute;top: 0; bottom: 0;right: -200%;width:200%;background: #FFF; z-index:0;box-shadow:4px 4px 4px rgba(0, 0, 0, 0.4);*/} body:not(.customer-account) .block:first-child .block-title {display: none;} h2.product-name a:hover{color:#004677;} .products-list h2.product-name a:hover {color:#004677;} body.is-blog .block:first-child .block-title {display: block !important;} } @media only screen and (max-width:1290px) { .owl-nav div.owl-prev {left:0px; } .owl-nav div.owl-next {right:0px;} } @media only screen and (max-width: 1199px) { .view-latestproducts { margin: 0 auto; text-align:center;} .home-content {padding: 30px 0;} .cms-rightimg img.home-img2 {left: 125px;top: 55px; width: 324px;} .footer .footer-col1 { width: 39%; } .footer .block-title strong { font-size: 16px; line-height: 22px } .footer .links a, .footer-links-inner p, .footer-contact-address { font-size: 14px; line-height: 20px } .footer-contact-address .address-text:before { content: "\f041"; top: 5px; } .footer-contact-phone:before { content: "\f095"; top: 3px; } .footer-contact-email:before { content: "\f0e0"; top: 2px; } .footer .footer-col3 { width: 31%; } .footer .footer-col4 { width: 30%; } .footer .links:nth-child(4) { margin-right: 0; } .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; } .home-post-section .home-post-left-side-image a:before {width: 50px;height: 50px;top: 40px;} .home-post-section .home-post-left-side-image a:after {transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8);top:48px;right: 23px;} .brand-block > a{height:auto; min-height:120px;line-height: 120px;} .brand-block > a img { height: auto;} } @media only screen and (max-width:1170px) { .customer-account-login .col2-set .col-1 { padding-right: 30px; } .customer-account-login .col2-set .col-2 { padding-left: 30px; } .my-account .addresses-list .item { margin: 0 0 30px; padding: 0 5%; width: 50%; } .truncated .truncated_full_value .item-options:after { left: 0; margin-left:10px; } .stickyform-btn{right:0px; top:50%; width:35px; height:40px;background-color:#004677; text-align:center;box-shadow:-3px 0 7px #252525; -webkit-box-shadow:-3px 0 7px #252525; -o-box-shadow:-3px 0 7px #252525;} .stickyform-btn:before{content:"\f0e0"; color:#FFF; font-size:15px;display:block; font-family:'FontAwesome'; line-height:40px;} .enquiry-desktop.opened .stickyform-btn{right:395px;} #headerslider.opened{display:block;} } @media only screen and (max-width: 1050px) { .slideshow-container.homebanner-desktop{display: none;} .slideshow-container.homebanner-mobile {display:block;} .slideshow-container.homebanner-mobile .slideshow-pager {display:block !important;} .home-post-section .home-post-left-side-image a:after {right: 19px;} #my-orders-table tr:before, #my-orders-table tr:after { content:''; display:table } #my-orders-table tr:after { clear:both } #my-orders-table tr { zoom:1; display:block; border-bottom:2px solid #cecece } #my-orders-table tr.first { display:none; } #my-orders-table tr td { float:left; width:33.3%; text-align:left; border-top:0; min-height:44px; border-bottom:1px solid #E8E8E8; padding:10px; } #my-orders-table tr td.date, #my-orders-table tr td.status { text-align:right } #my-orders-table tr td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-family: 'montserrat-bold'; } #my-orders-table tr.last, #my-orders-table tr.last td.view { border-bottom:0 } #my-orders-table tr td { width:50%; } #my-orders-table tr td.ship, #my-orders-table tr td.view { width:100%; } .account-create {background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/create-account-img.png) no-repeat 100% center; background-size: 20%;} .customer-account .dashboard .box-recent { margin-top: 15px; margin-bottom: 15px; } .customer-account-edit .my-account { background-position: 100% 105px; } .enquirycart-index-index .col2-right-layout .col-main, .enquirycart-index-index .col3-layout .col-wrapper {margin-right:-305px; padding-right:330px;} .enquirycart-index-index .col-right {width:304px;} .breadcrumbs {margin: 0 0 5px;} .brand-caption {margin-top: -230px;} } @media only screen and (max-width:1024px) { .brand-caption {display:none !important;} .no-touch .brands-section.loaded .brand-block:hover > a:before, .touch .brands-section.loaded .brand-block.touched a:before {display:none !important;} .latest-news .owl-nav div {background: #FFF; box-shadow:0 0 5px #252525; -webkit-box-shadow:0 0 5px #252525; -o-box-shadow:0 0 5px #252525;} .latest-news .owl-nav div.owl-prev {left:-20px;} .latest-news .owl-nav div.owl-next {right:-20px;} .owl-nav div:before, .owl-nav div:after {top: 2px;} } @media only screen and (max-width:1023px) { body.show-menu {position: fixed; overflow:hidden; left:0px; right:0px;} body:before { position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.8); content: ''; display: block; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); width: 100%; } body.show-menu:before { transform: translateX(-320px); -o-transform: translateX(-320px); -webkit-transform: translateX(-320px); } .top-menu-links{} .topheaderWrap{padding-bottom:5px;} .skip-nav {width:105px; position: absolute; top:15px;right:480px; z-index:2; background:#FFF;height: 45px;border: 1px solid #004677;text-align: left;padding: 6px 10px; } .page-header.sticky .skip-nav {top:10px;} .page-header.sticky .logo {padding:10px 0;} .skip-link.skip-nav .label {top: 2px;position: relative; color:#004677;} #header-nav {background-color:#dadada;margin-top:5px; clear: both; padding-top:0px;position: fixed;right:-321px; top: 0; margin-top: 0; z-index:10;bottom: 0; overflow-y: auto; overflow-x: hidden !important;width: 320px; transition:all .5s ease; -webkit-transition:all .5s ease;-o-transition:all .5s ease; opacity:1; visibility:visible;} #header-nav.skip-content.skip-active {right:0px;} ul.filter-submenu {display:none;} .column.top_brands{border-bottom:1px solid #dadada;} .column.top_brands .title{margin-top:0px; margin-bottom:0px; line-height:1.5; font-size:14px; color:#000; font-family: 'montserrat-reg'; padding:10px 0px 10px 20px; } .column.dietary_filters .title{margin-top:0px; line-height:1.5; font-size:14px; color:#000; font-family: 'montserrat-reg'; padding:10px 0px 10px 20px;} #custommenu-mobile .top_brands .title {background-color: #e4e4e4; position:relative;} #custommenu-mobile .dietary_filters .title {background-color: #e4e4e4; position:relative;} #custommenu-mobile .top_brands .title:hover{background-color: #fff;} #custommenu-mobile .dietary_filters .title:hover{background-color: #fff;} #custommenu-mobile .top_brands .title:after {content:""; cursor: pointer; position: absolute; right:5px; top:1px; display: block; padding:0px; width:40px; height:38px; background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==); } #custommenu-mobile .top_brands.state-active .title:after { background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==); } #custommenu-mobile .dietary_filters .title:after {content:""; cursor: pointer; position: absolute; right: 1%; top:1px; display: block; padding:0px; width:40px; height:38px; background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==); } #custommenu-mobile .dietary_filters.state-active .title:after { background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==); } #menu-button a.close-link{display:block; position:absolute; width:25px; height:25px; right:10px; top:10px;text-align:center; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;} #menu-button a.close-link:after{content:"\f00d"; color:#004677; font-size:22px;display:inline-block; font-family:'FontAwesome'; line-height:19px;} #header-search {padding-top: 15px;} .homepageslidermain {/*margin-top: 166px;*/} .account-create { background: none; } .customer-account-edit .my-account { background-position: 97% 140px; } #wishlist-table .disnone { display: block; } #wishlist-table .customer-wishlist-item-cart{ display: none; } #wishlist-table td .button, #wishlist-table td button { white-space: nowrap; } #wishlist-table .customer-wishlist-item-image {} #wishlist-table .customer-wishlist-item-image .btn-remove { margin-top: 10px; } .enquirycart-index-index .page-title.title-buttons h1 { margin-left: 0; padding-bottom:0px;} .enquirycart-index-index .feedback-container .page-title.title-buttons h1 {padding-bottom: 9px;margin-bottom: 12px;} .column ul li {margin-bottom:0;line-height: 28px;display: block;} .column ul li a {padding:5px 10px 5px 30px; line-height:19px; display:block;} .column.dietary_filters.state-active { border-bottom: 1px solid #dadada;} .home-post-section-slider .owl-item {padding: 10px 5px;} .home-post-section:hover {box-shadow: 0 0 7px #ccc;-webkit-box-shadow: 0 0 7px #ccc;-o-box-shadow: 0 0 7px #ccc;} .home-post-section .home-post-left-side-image a:before {top:25px; right: 10px;} .home-post-section .home-post-left-side-image a:after {top: 33px; right: 18px;} .home-post-left-side-image:after {width:70px;right:0px; transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); top:-10px;bottom:-10px;} .products-grid li {width:33.33%;} .products-grid li:nth-child(4n+1){clear:none;} .products-grid li:nth-child(3n+1){clear:both;} .brand-caption {margin-top: -185px;} #post-list li h2 a { font-size: 18px; } #post-list .featured-image {width: 200px; } #post-list .post-list-cntn {margin-left:-200px; padding-left:215px;} .is-blog .col-right .block-title strong, #sidebar-nav .block-title strong { font-size:17px; display:block; text-align:left; } .is-blog .col-right .block-title strong span, #sidebar-nav .block-title strong span { font-size:17px; display:block; text-align:left; } .enquiry-desktop {/*display:none !important;*/ z-index:9;} } @media only screen and (max-width:979px) { .head-left a.store-number {margin-right: 7px;} .head-right .links { margin-right: 5px;} .head-right .links ul {margin-right: 0;} .head-right .links ul li {margin: 0 7px;} .head-right .links ul li:after {right: -11px;} .home-content {padding:30px 0;} .latest-products{padding:30px 0;} .latest-news { padding:30px 15px 0px;} .home_cmscontent {float:none;width:100%;margin-bottom:20px;} .cms-rightimg {float: none;width: 100%; padding-left: 0;position: relative;min-height: inherit; text-align:center;} .cms-rightimg img {display: inline;padding:0px;width:47%; border:10px solid #FFF;} .cms-rightimg img.home-img2 {display: inline;margin: 0px;position: relative;left: 0; top: 0;width: 50%;} .home-content h2 {font-size: 22px;margin-bottom:15px;} .latest-products h3 {font-size: 22px; margin-bottom:15px;} .latest-news h3{font-size: 22px; margin-bottom:15px;} .brand-slider .carosel_title{font-size: 22px; margin-bottom:15px;} .home-content h2:before {margin-bottom: 10px;} .latest-products h3:before {margin-bottom: 10px;} .latest-news h3:before {margin-bottom: 10px;} .brand-slider .carosel_title:before {margin-bottom: 10px;} .home-post-section-slider .owl-item {padding: 10px 10px;} .home-post-date {padding-bottom:10px;line-height: 20px;} .footer {padding-top:30px;} body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 300px; } #review-order-form .col-1, #review-order-form .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } .display-single-price .cart-table { float: none; width: 100%; } .display-single-price .cart-forms { float: left; padding-right: 15px; padding-left: 0; } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 15px; } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 50%; } .display-single-price .crosssell { clear: right; float: right; } .checkout-onepage-index .col-main { float: none; width: 100%; margin-right: 0px; padding-right: 0px; box-sizing: inherit; margin-bottom: 15px; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { box-sizing: border-box; float: none; margin-right: 0; padding-right: 0; width: 100%; } .sidebar #checkout-progress-wrapper { margin-top: 20px; } #checkout-step-review .opc-block-progress { padding-left: 20px; } .my-account .addresses-list .item { margin: 0 0 30px 0; position: relative; padding: 0; width: 50%; float: left; font-size: 13px; } .customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding-right: 0; background: none; } .customer-account .my-account .box-info { padding: 10px; } .customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2 { padding-left:10px; padding-right:10px; } .customer-account .box-recent .box-head { padding: 0 0 10px; } .my-account .addresses-list .item { padding: 0 0 0 20px; } #wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px; } #wishlist-table .product-name { font-size: 13px; } .customer-account-edit .my-account { background: none; } .customer-address-form .fieldset { width:100%; } .customer-address-form .cf .fieldset:first-child { padding-right:0; border-bottom:1px solid #cecece; margin-bottom:10px; } .customer-address-form .cf .fieldset:last-child { padding-left:0; float:left } .edit-address-cols-outer:before { background:none; } .toolbar-first h1 {font-size:20px;line-height:25px; margin-bottom: 10px;} #narrow-by-list {padding:0px 10px 0px;} #sidebar-nav {padding:10px 10px 9px;border-bottom:0px none;} #sidebar-nav .block-title {/*border-bottom:0px none;*/ padding:0px 0 0px;} #sidebar-nav .block-title strong{padding-left:0px;} #sidebar-nav .block-content {margin-top: 7px;} .block-layered-nav .block-content > dl > dt.last:after { margin-top:-7px;} .catalog-product-view #sidebar-nav, .cms-brandlist #sidebar-nav, .cms-products-by-category #sidebar-nav/*, .catalogsearch-result-index #sidebar-nav*/{border-bottom:1px solid #CCC; padding:10px 10px 4px;} .catalog-product-view #sidebar-nav .block-title, .cms-brandlist #sidebar-nav .block-title, .cms-products-by-category #sidebar-nav .block-title/*, .catalogsearch-result-index #sidebar-nav .block-title*/{border-bottom:0px none #f1f1f1; padding-bottom:4px;} .sidebar .block:not(.block-layered-nav) .block-title:after{right:0px;margin-top:-7px;} .catalog-product-view .sidebar .block:not(.block-layered-nav) .block-title.active:after, .cms-brandlist .sidebar .block:not(.block-layered-nav) .block-title.active:after, .cms-products-by-category .sidebar .block:not(.block-layered-nav) .block-title.active:after{right: 5px;margin-top: -6px;} .page-title h1, .page-title h2, .product-name h1, .product-name .h1 {font-size:18px; padding-bottom:7px; margin-bottom:7px;} .product-collateral {padding-bottom: 0px;} .product-shop .add-enquiry {margin-top: 25px;} .product-essential {padding-bottom: 15px;} .catalog-product-view .product-shop .product-data-wrap {padding: 15px 0 10px;margin: 25px 0 15px;} .category-products .desc.std {padding-top:0px;} .enquirycart-index-index .col2-right-layout .col-main, .enquirycart-index-index .col3-layout .col-wrapper {margin-right:0px;padding-right:0px;} .enquirycart-index-index .col-right {width:700px;} .page-title {margin-top:10px;} .contactmgt-index-index .col2-right-layout .col-main, .contactmgt-index-index .col3-layout .col-wrapper {margin-right:0px;padding-right:0px;} .contactmgt-index-index .col-right {width:700px;} .contact-address {padding: 15px 15px 15px;} .contact-address h2 {font-size: 17px; margin: 0 0 7px;} .contact-address div.right {padding-left: 10px;margin-top: 31px;} .contact-address div.left p strong {font-size: 14px;color: #303030;margin: 0 0 18px;} .contact-address div.left p {font-size: 13px;} .contact-address div.right p {margin-bottom:2px; font-size: 13px;} .contact-wrap {margin-bottom: 20px;} .brand-block {padding:10px 7px 5px;} .brand-caption {margin-top: -190px;} .brand-caption .b-content {padding-left: 150px;} .is-blog .pages {margin-bottom:5px;} .footer .block-subscribe {margin-bottom: 5px;} .block-blog .block-title {padding: 0 0 3px !important; } .wp-sidebar .block-blog {padding-bottom:10px; border-bottom:1px solid #e8e8e8 !important;} .wp-sidebar .block-blog:last-child {padding-bottom:0px; border-bottom:0px none !important;} } @media only screen and (max-width: 899px) { .dashboard .col2-set:before { display: none; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .dashboard .col2-set { margin:0; } .dashboard .data-table thead th.status, .dashboard .data-table tbody td.status {/* display: none;*/ } .my-account .addresses-list .item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; } .my-account .addresses-list .item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: both; } } @media only screen and (max-width: 849px) { .dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { /*display: none;*/ } .my-account .data-table thead th.status, .my-account .data-table tbody td.status { /*display: none;*/ } .opc #onepage-checkout-shipping-method-additional-load { float: none; width: 100%; margin-left: 0; max-width: 430px; } .opc #checkout-shipping-method-load { float: none; padding-right: 0; padding-bottom: 10px; } } @media only screen and (max-width: 820px) { #header-search {width: 400px;} .skip-nav {right: 410px;} .topheaderWrap .swatch-filters a {margin-left: 15px;} .footer { padding-top: 20px;} .main-container {/*padding-bottom: 10px !important;*/} .footer-container {/*position: relative;*/} html body {height: 100%;} .main{min-height:inherit;} .footer .form-language, .footer .currency-switcher { display: block; } .footer .links { width:40%; margin-right: 0; padding-right:0px; } .footer .links:nth-child(odd){width:60%; clear: both; padding-right:10px; margin-right:0px; } .footer .block-subscribe { clear: both; float: left; width: 100%; } .no-touch .topheaderWrap .swatch-filters a:hover:before {left:0;transform: scale(0);-webkit-transform: scale(1);} .brand-block {width: 25%;padding: 10px 7px 7px;} .brand-block:nth-child(5n+1) {clear:none;} .brand-block:nth-child(4n+1) {clear: both;} #post-list > li {margin-bottom:10px;} .footer-contact-address > div.address-text {line-height:19px;min-height: inherit;} } @media only screen and (max-width:770px) { body[class*="checkout-multishipping-"] .checkout-progress span { width: 12px; } body[class*="checkout-multishipping-"] .checkout-progress li { width: 100%; margin: 0; text-align: left; padding-left: 3%; border-right: 0px; } body[class*="checkout-multishipping-"] .checkout-progress span { word-spacing: 1px; width: 12px; } body[class*="checkout-multishipping-"] .box-title { float: left; width: 100%; } body[class*="checkout-multishipping-"] .page-title .button { float: left; margin-bottom: 10px; } body[class*="checkout-multishipping-"] .linearize-table tfoot td { text-align: right; } body[class*="checkout-multishipping-"] .linearize-table select { width: 100%; min-width: 200px; } body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide { width: 100%; padding: 0; } .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size: 22px; margin-bottom: 5px; } .cart-table th { font-size: 12px; } .cart-table th, .cart-table td { padding: 7px 6px; } .cart-table .product-cart-actions > li { white-space: inherit; } body .product-img-box .product-image:hover { border-color: #ededed; } .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: auto; margin-left: 0; margin-right: 0; } .shipping .shipping-form .form-list > li { width: 100%; float: none; } .shipping .shipping-form .form-list > li label { display: block; } .shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; } .cart .cart-totals table tfoot td { font-size: 17px; } .gift-message-form .giftmessage-area { max-width: 100%; } .gift-message-form .gift-item .product-img-box { width: 100%; float: none; } .gift-message-form .gift-item .fieldset { margin-left: 0px; } .gift-message-form .gift-item .fieldset textarea { width: 100%; } /* HEADER MINI CART */ .header-minicart { display: block; } .header-minicart .subtotal .label { color: #636363; } .header-minicart .minicart-wrapper:before { background-color: #EDEDED; } .header-minicart .quantity-button { float: none; } .header-minicart .header-minicart .block-cart { padding: 15px; } .header-minicart .header-minicart .block-subtitle { padding-top: 59px; } .header-minicart .minicart-actions { padding-bottom: 33px; } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; position: absolute; } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; } .block-progress { padding: 0px; } .block-progress .block-content { padding: 10px 20px; } .dashboard .box-title a { right: 0px; } .dashboard .box-title h3 { padding-right: 20px; } .customer-account .col-left .block-title:after { background-position: 12px -86px; background-size: 100% auto; height: 25px; right: 0px; top: 5px; width: 50px; } .col2-left-layout .col-main { float: none; margin-left: 0px; padding-left: 0px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; } .dashboard .col2-set:before { display: block; } body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 50%; display: block; padding-bottom: 0px; margin: 0px; } body.customer-address-index .col2-set:before { display: block; } .dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { display: table-cell; } .customer-account-edit .my-account { background: url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/account-information-bg.png) no-repeat 100% 100px; } .my-account .addresses-list .item { width: 50%; border: 0px; padding-left: 20px; margin-bottom: 15px; } .my-account .addresses-list .item:first-child, .my-account .addresses-list .col-2 li.item:first-child { border-right: 1px solid #cccccc; padding-bottom: 0px; border-bottom: 0px solid #CCC; } .block-title small { color: #cecece; } #wishlist-table:after { content: ''; display: table; clear: both; } #wishlist-table .product-name { font-size: 14px; } #wishlist-table textarea { height: 70px; max-width: 100%; } #wishlist-table .item-manage { max-width: 100%; } #wishlist-table tr { position: relative; } #wishlist-table tr:after { content: ''; display: table; clear: both; } #wishlist-table td.customer-wishlist-item-image { width: 70px; } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; } .col2-set:before { display: none; } #checkout-step-login .col2-set:before { display: block; } .sales-order-view .col2-set:before { display: block; } .hello { -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .block-layered-nav .block-content > dl > dt:after {background-color:transparent;} .skip-nav {right: 425px;} .cms-rightimg {display:none;} .enquirycart-index-index {min-height:370px;} .enquirycart-index-index .col-right {width:100%;} .contactmgt-index-index .col-right {width: 100%;} .button-set .form-button{width:270px;} .footer .footer-col4 .block-title {margin-bottom:15px !important;} .main-container {padding-top: 15px;} } @media all and (max-width: 767px) { .products-list .product-image { width: 70px; } .products-list .product-shop { padding-left: 90px; margin-left: -75px; width: 100%; } h1, .h1 { font-size: 20px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; } #checkout-review-table tfoot tr.last td, .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { font-size:17px; line-height:22px; } body.checkout-onepage-success h2.sub-title { font-size: 14px; line-height: 20px; } .customer-account-login h2 { font-size: 14px; line-height: 20px; padding: 10px 12px; margin-bottom: 10px; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { font-size: 12px; padding: 7px 8px } .customer-account-login .new-users .field, .customer-account-login .registered-users .field { padding: 0 10px; } .customer-account .my-account .box-head h2 { font-size: 14px; line-height: 20px; margin-bottom: 0; } .customer-account .dashboard .box-head a { font-size: 12px; margin-top: -3px; padding: 5px 12px; } .data-table thead th { font-size: 12px; line-height: 16px; } .data-table td, .data-table th { padding: 5px; } .data-table .total { min-width: 85px; text-align: center; } .customer-account .dashboard .box-account { margin-bottom: 15px; } .dashboard .welcome-msg { margin-bottom: 15px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2 { font-size: 13px; line-height: 22px; } .customer-account .my-account .box-info { margin-bottom: 15px; } .customer-account-login .col2-set .buttons-set p.required { line-height: 30px; } .customer-account .col-left .block-account .block-title:after { /* display:none; */ } .head-left {padding: 5px 0 10px 0;} .head-left a {font-size: 0;} .head-left a.store-number:before {top: -10px; left:3px;} .head-left a.store-email:before {top: -8px;} .logo {padding: 10px 0;} .page-header.sticky .head-left {padding: 2px 0;} #header-search { display: block;padding-top: 10px;} .homepageslidermain {position: relative; z-index: 0;clear: both;display: block;} .skip-nav {right: 115px; top: 10px;} .topheaderWrap .swatch-filters { margin: 10px 0 0;} #header-search form#search_mini_form {display: none;} .skip-links {clear: right; /*border-top:0px none;border-bottom:0px none;display: inline-block; width:100px;background: #f1f1f1;padding: 5px 0;*/float: right;} .skip-search {width:50px; position: absolute; top:10px;right:230px; z-index:2; background:#FFF;height: 45px;border: 1px solid #004677;text-align: left;padding: 6px 10px; } #header-search form#search_mini_form {display:inherit; position:fixed; left:0px; right:0px; top:-150px; padding:10px; background:#FFF; box-shadow:0 2px 5px #222; z-index:10; transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } #header-search.skip-active form#search_mini_form{top:0px;} .search-autocomplete { top: 10px !important;} .brand-slider {padding:10px 15px 20px;} .main-container {padding-left:10px; padding-right:10px;} .cms-index-index .main-container {padding:0px;} .footer .block-title { margin-bottom: 15px; padding-left:0px;} .footer .block-title strong {font-size: 15px;} .footer-contact-email:before { top: 0;} .footer-contact-address > div {padding-left: 35px;} .footer-contact-address > div.footer-contact-email {padding-bottom:10px;} .products-list h2.product-name a {font-size:15px;line-height:22px;} .products-list a.link-learn {width: 150px; height: 50px; line-height: 48px; margin-bottom: 10px; margin-top:20px;} .datalable-comn {margin-right: 20px;} .contact-mgt.right h2 {font-size: 18px;padding-bottom: 10px;margin-bottom: 12px;} .brand-caption { margin-top: -119px;padding:15px; left:10px; right:10px; } .toolbar-first {padding-right: 65px;} .latest-news {padding: 15px 15px 0px;} .footer .block-subscribe input[type=radio] + label {line-height: 29px;} .head-right .links {padding: 8px 0;} #back-top {bottom: 10px;height: 35px;right: 10px;width: 35px; border-width:1px;} #back-top a {font-size: 0;height: 35px;width: 35px; line-height: 0;} #back-top a:after {font-size: 30px !important;margin:0px;left: 0px; width:34px;line-height:32px;} } @media only screen and (max-width: 740px) { .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; } .checkout-types li { float: none; width: 100%; margin-left: 0; } .header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; width: 100%; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; } body.customer-account-index .my-account .box-title a { right: 0; } body.customer-account-index .my-account .box-title-inner { padding-right: 20px; } } @media only screen and (max-width:699px) { .topheaderWrap .swatch-filters {margin:0;height:40px; top:-3px;} .topheaderWrap .swatch-filters a{font-size:0px;margin-left: 5px;} .topheaderWrap .swatch-filters a.kosher {padding-left: 24px;} .topheaderWrap .swatch-filters a:before {} .page-header.sticky .topheaderWrap .swatch-filters { margin-top: 0;} .home-content h2 {font-size: 19px; margin-bottom:10px;} .latest-products h3 {font-size: 19px; margin-bottom:10px;} .latest-news h3{font-size: 19px; margin-bottom:10px;} .brand-slider .carosel_title{font-size: 19px; margin-bottom:10px;} .home-content h2:before {margin-bottom:5px; width:50px; height: 3px;} .latest-products h3:before {margin-bottom:5px; width:50px; height: 3px;} .latest-news h3:before {margin-bottom:5px; width:50px; height: 3px;} .brand-slider .carosel_title:before {margin-bottom:5px; width:50px; height: 3px;} .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none; } .shipping .sp-methods label { font-size: 12px; } #discount-coupon-form .input-text, .cart .giftcard .input-text { width: 140px; } #my-orders-table tbody tr td.a-center { text-align: center; } #my-orders-table tbody tr td.a-center span.nobr .separator { display: none; } #my-orders-table tbody tr td.a-center span.nobr a { white-space: nowrap !important; text-align: center; width: 100%; display: table; } .customer-account-forgotpassword form { background: none; } .footer .links { width:100%; margin-right: 0; padding-right:0px; clear:both; margin-bottom:25px;} .footer .links:nth-child(odd) {width:100%;padding-right:0px;} .footer .links.footer-col3{max-width:350px;} .footer .links.footer-col4{max-width:479px;} .footer-contact-address {margin-bottom: 0;} .footer .block-subscribe {margin: 0 auto 5px auto;} .footer-bottom-left {padding: 10px 0 0px 0;} } @media only screen and (max-width: 639px) { #login-form .registered-users:before { left: 50%; margin-top: 0; margin-left: -30px; font-size: 14px; line-height: 46px; height: 50px; width: 50px; top: -26px; } #login-form .col2-set .col-1, #login-form .col2-set .col-2 { width: 100%; display: block; padding-bottom: 35px; } #login-form .col2-set .col-2 { padding-bottom: 0px; } .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-right: 0px; padding-left: 0px; } .customer-account-login .col2-set .col-2 { padding-top: 40px; border-left: 0px; padding-bottom: 0px; border-top: 2px solid #eaeaea; } body.sales-order-view .col2-set .col-1, body.sales-order-view .col2-set .col-2 { padding-left: 0; padding-right: 0; } .customer-account-edit .my-account { background: none; } .std ul.category-grid li {width: 50%;} } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } } @media only screen and (max-width: 599px) { .cart-table colgroup, .cart-table thead { display: none; } .cart-table tr { display: block; margin-bottom: 0; padding-bottom: 10px; position: relative; width: 100%; } .cart-table tfoot tr { border-bottom:0 } .cart-table tr:after { content: ''; display: table; clear: both; } .cart-table tr:last-child { margin-bottom: 0; } .cart-table tfoot tr { padding-bottom: 0; } .cart-table td { border: none; display: block; } .cart-table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px; } .cart-table td[data-rwd-label] .price { font-weight: normal; } .cart-table td[data-rwd-label="Subtotal"] { text-align: left; padding: 0 5px 0 15px; } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; font-family: 'montserrat-bold'; color: #333; } .cart-table td.product-cart-price { text-align: left; } .cart-table h2 { font-size: 12px; } .cart-table .cart-links { padding-top: 5px; /* padding-right: 5px; */ } .cart-table .cart-links > li { white-space: normal; text-align: center; } .cart-table .cart-links > li > a { padding: 2px 0px; } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .cart-table .cart-tax-info .price { font-size: 13px; } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0; } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-table th, .cart-table td, .cart-table tbody td { border: 0px solid #E0E0E0; } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; } .cart-table .product-cart-actions, .cart-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; } .cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links { display: none; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block; } .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .cart-table .product-cart-actions { text-align: left; } .cart-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; } .cart-table .price, .cart-table .product-cart-price:before { font-family: 'montserrat-sbold'; font-size: 13px; } .cart-table .cart-footer-actions { text-align: center; width: 100%; border:0 } .cart-table .cart-footer-actions #empty_cart_button { float: none; } .cart-table .cart-footer-actions .btn-continue { float: none; } .cart-table .cart-footer-actions .button2 { margin-top: 5px; margin-bottom: 5px; } .cart-table .cart-footer-actions span.or { display: none; } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; } .btn-checkout {/* width:100%; */ } .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 10px; margin-top: 12px; } #onepage-guest-register-button { bottom: 0; position: relative; } .product-cart-sku { display: none; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%; } .cart-table .product-cart-actions .qty { margin-bottom: 0; } #shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; } .cart-table .product-cart-image .cart-links { text-align: center; } .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) { display: none; } .form-list .field { float: none; padding-bottom: 15px; width: 100%; } .form-list li.saveadress { float: none; margin: 0 0 5px; padding-bottom: 10px; } .opc .form-list > li.control { padding-left: 0; } #billing-buttons-container { padding-right: 0; } .opc .commonaction { margin: 15px 0 0; } .opc h3 { font-size: 16px; } .opc #checkout-shipping-method-load, .opc #onepage-checkout-shipping-method-additional-load { margin-left: 0%; margin-right: 0%; width: auto; float: none; } .item-options { font-size: 12px; } dl.item-options dt { clear: none; } dl.item-options dd { padding-left: 0px; padding-right: 15px; } #shopping-cart-table .product-cart-info { padding: 10px 10px 0 15px } #loadingmask { bottom: 84px; left: 260px; } /* SAVED CC */ #co-payment-form { margin: 0; } #checkout-payment-method-load dd ul li { width: 100%; margin: 0 0 15px; display: block; } #checkout-payment-method-load dd ul li div.v-fix { float: left; width: 47%; margin: 0 3% 0 0; } #checkout-payment-method-load dd ul li div.v-fix:last-child { margin: 0 0 0 3%; } #payment-buttons-container.buttons-set.commonaction { margin-top: 30px; } #checkout-step-payment .sp-methods .form-list { padding-left: 0; } #payment-tool-tip { margin-left: -160px; margin-top: -50px; width: 320px; } /* HEADER MINI CART */ .header-minicart .minicart-actions .checkout-button { width: 100%; } .my-account { background: none; min-height: inherit; } .fieldset ul.form-list { margin-left: 0px; } .fieldset ul.form-list li.control .control-Checkbox { margin-left: 0px; } .EAI { max-width: 100%; width: 100%; margin-bottom: 30px; } body.customer-account-edit .my-account .fieldset { max-width: 100%; } body.customer-account .my-account { margin-top: 20px; } body.customer-account .my-account .fieldset { margin-bottom: 0px; } .customer-account-edit .my-account { background: none; } body.wishlist-index-index .my-account { margin-bottom: 30px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-bottom: 5px; } .my-account .addresses-list .item, .my-account .addresses-list .col-2 li.item { width: 100%; border: 0px; padding-left: 0px; margin-bottom: 15px; } .my-account .addresses-list .col-2 li.item:first-child { border-right: 0px solid #cccccc; padding-bottom: 15px; border-bottom: 1px solid #CCC; } .my-account .addresses-list .col-1 li.item:first-child { border-right: 0px solid #cccccc; border-bottom: 0px solid #CCC; } .fieldset ul.form-list { margin: 0px; } .my-account .fieldset ul.form-list { margin: 0px; } .form-list > li.fields { margin-bottom: 0px; } body.customer-address-form .form-list .control { margin-top: 0; margin-bottom: 0; } body.customer-address-form .my-account .buttons-set { margin: 10px 0 0; } body.customer-address-form .linearize-table-large tbody td { border-bottom: 0px solid; border-top: 0px solid; border-right: 1px solid #CCC; } .opc .section .step { padding: 15px; } .col2-set { margin: 0 0px; } #checkout-step-login .col2-set:before { background: none; } #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 { padding-left: 0; padding-right: 0; width: 100%; display: block; float: none; } .order-items.order-details .linearize-table-large tbody td[data-rwd-label] { padding-left: 10px; } .linearize-table-large tfoot td:nth-child(2n) { padding-bottom: 5px; } body.customer-address-index .col2-set .col-1, body.customer-address-index .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .customer-account .my-account .box-info .col-1 { border-bottom:1px solid #ccc; margin-bottom:10px; } .customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2 { padding-left:0; padding-right:0 } .home_cmscontent p {margin-bottom: 10px;} body.customer-address-index .col2-set:before { display: none; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { width: 130px; margin-left: 5px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { margin-left: 0px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .back-link { display: none; } .my-account .data-table tbody td { border-bottom:0; padding:10px; } .cart-table {border-top: 2px solid #CCC; margin-bottom:15px;} /*#wishlist-table td.customer-wishlist-item-image {float: left;} #wishlist-table td.customer-wishlist-item-info { float: left;} #wishlist-table td.customer-wishlist-item-remove {width: 26px;float: right;} */ #wishlist-table.clean-table thead { display: none; } #wishlist-table.clean-table tbody td { padding: 5px 10px; border-width: 0px; } #wishlist-table tr {} #wishlist-table.clean-table tbody td .btn-remove2 { display: none; } #wishlist-table.clean-table tbody td.customer-wishlist-item-remove { border: 0px; padding: 0px 0px; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin: 0 0 10px; } #wishlist-table tr { position: relative; } #wishlist-table th.customer-wishlist-item-image { display: block; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; } #wishlist-table td.customer-wishlist-item-image a { } #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left; clear: both; } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; padding-top: 6px; } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; margin-right: 5px; /*width: 48%;*/ } #wishlist-table td.customer-wishlist-item-cart > p { float: left; /*width: 48%;*/ } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top:5px; right: 0px; display: block; padding: 0px; height: 20px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; } .item-options dd { display: inline-block; float: none; margin: 0 0 5px; padding: 0 15px 0 0; } .item-options dt { clear: none; display: inline-block; float: none; padding-right: 5px; } .customer-wishlist-item-info div {margin-top:4px;font-size: 13px;line-height: 17px;} #wishlist-table .truncated .show .item-options { display: block; padding: 0; } #wishlist-table .truncated .truncated_full_value .item-options { padding: 0; } #wishlist-table td.customer-wishlist-item-image {float:left; width:20%; padding-right: 10px; border-right: 0px; } #wishlist-table td.customer-wishlist-item-info { float:left; width:80%; border-left: 0px; padding-right:30px; padding-top:5px;} #wishlist-table.clean-table td textarea { height: 50px; } #wishlist-table .customer-wishlist-item-image .btn-remove.btn-remove2 { display: inline-block; float: none; } #wishlist-table .disnone .cart-cell, #wishlist-table .disnone p { display: inline-block; width: auto; padding-right: 10px; } .brand-block {width: 33.33%;} .brand-block:nth-child(4n+1) {clear:none;} .brand-block:nth-child(3n+1) {clear: both;} .cms-no-route .main{background-position:right 180px;} } @media only screen and (max-width:567px) { .dashboard .col2-set:before { background:none; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .dashboard .col2-set .col-1 { border-bottom:1px solid #ccc; } .products-grid li {width:50%;} .products-grid li:nth-child(3n+1){clear:none;} .products-grid li:nth-child(2n+1){clear:both;} .home_cmscontent p {font-size: 13px; line-height: 20px;} .products-list li {padding:10px 0 0 10px;} } @media only screen and (max-width:566px) { #header-search {width: 100px;position: inherit;} .head-right .enquiry-minicart a {font-size: 0; padding-left:25px;} .head-right .enquiry-minicart a .count{font-size:13px;} .home-post-section-slider .owl-item {padding: 10px 0px;} .contact-address div.right {float: none;width: 100%; padding-left: 0; margin-top:20px; max-width:410px;} .contact-address div.left {float: none;width: 100%;} .is-blog .pager .pages { float:none; } .post-entry, .post-entry p { line-height: 22px !important; font-size: 13px !important; } #post-list > li {padding: 10px;} #post-list li h2 a { font-size: 14px; line-height: 20px; } #post-list .featured-image { max-width:inherit; float: none; margin: 0 auto 15px; } #post-list .featured-image img { max-width:100%; } #post-list .post-list-cntn {clear: both; float: none; margin-left: 0; padding-left: 0;} .footer .links.footer-col4 {margin-bottom:5px;} .toolbar-bottom .toolbar {padding: 0;} } @media only screen and (max-width:520px) { .cart .page-title h1 { line-height: 25px; display: inline-block; } button.btn-proceed-checkout { font-size: 14px; font-family: 'montserrat-bold'; padding: 10px; } .checkout-types.bottom { text-align: right; } .checkout-types.bottom li { text-align: right; } #review-buttons-container .please-wait { bottom: -15px; left: 0; margin-left: 0; } body.customer-address-form .control:nth-last-child(2) { width: auto; } body.customer-address-form .control { display: block; width: auto; } #allow-gift-messages-for-order-container p, #allow-gift-messages-for-items-container p { padding-top: 10px; } .cart .giftcard .input-text { width: 100px; } .toolbar-first h1 {font-size:18px;line-height: 22px;} .datalable-comn {display:block; margin-bottom:2px; font-size: 13px;margin-right:0;} #faq dl dt { line-height: 19px; padding: 7px 30px 7px 10px;} .cms-page-view .std ul { margin-bottom:15px; } .cms-no-route h2{font-size:15px;} .cms-no-route h6{font-size:14px;} .main {min-height:inherit;} .homepageslidermain li img {height: 200px;} } @media only screen and (max-width:479px) { .topheaderWrap, .top-menu-links {padding: 0 10px;} .top-menu-links {padding-left:5px; padding-right: 5px;} #header-search a.brand-links {width: 70px;} .head-right .enquiry-minicart a .count { font-size: 12px;} #header-search {width: 80px;position: inherit;} #header-search {padding-top: 0;} .skip-nav {right:85px;width: 50px;} .skip-search {right:140px;} #header-nav {right:-291px;width:290px;} body.show-menu:before {transform: translateX(-290px); -o-transform: translateX(-290px); -webkit-transform: translateX(-290px);} .logo {width:90px;} .logo img{max-width:100%;} .head-right .links ul li:after {right:-7px;font-size:12px;top:2px;} .head-right .links ul li {margin: 0 4px;} .head-right .links ul li a{font-size:11px;} .head-left a.store-number { margin-right: 0; padding-left: 7px;} .head-right .links {margin-right:3px;} .head-left a.store-email:before {top:-7px;left:17px;} .page-header.sticky #header-search {padding-top:0px;} .page-header.sticky .logo {padding: 15px 0 10px;} .container {padding: 0 10px;} .latest-news .container {padding: 0 10px;} .latest-news .owl-nav div.owl-prev {left:-25px;} .latest-news .owl-nav div.owl-next {right:-25px;} .footer .footer-col1 ul {width:62%;} .footer .footer-col1 ul.secondcolumn{width:38%;} .home-content h2 {font-size:17px;} .latest-products h3 {font-size: 17px;} .latest-news h3{font-size: 17px;} .brand-slider .carosel_title{font-size:17px;} .footer .footer-bottom-outer .container {padding:0 5px;} .footer address {font-size:12px;} .footer-bottom-left a {font-size:13px;} .main-container{padding:15px 10px; } .cms-index-index .main-container{padding:15px 0; } body[class*="checkout-multishipping-"] .buttons-set .back-link { display: block; } .buttons-set .button { float: none; width: auto; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } .shipping #co-shipping-method-form .buttons-set .button { width: auto; display: inline-block; margin: 5px auto 0; } .opc .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button { margin-left: 0; } .linearize-table.checkout-review-table thead tr:nth-child(1n+2) { display: none; } .opc .buttons-set button.button { width: auto; } #billing-buttons-container { margin-top: -80px; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } #checkout-review-table th, #checkout-review-table tbody td { border: 0px solid #CECECE; } #checkout-review-table thead > tr > th { display: none; } #checkout-review-table h3 { padding-top: 5px; } #checkout-review-table thead th, #checkout-review-table tbody td { padding: 0 5px; } #checkout-review-table tbody td.last { padding-bottom: 5px; } #checkout-review-table tfoot tr td.last { text-align: right; } #checkout-review-table-wrapper .linearize-table tbody td[data-rwd-label]:before { color: #333333; display: inline-block; font-family: 'montserrat-bold'; width: 90px; } .header-minicart a.skip-cart { z-index: 1; } body.customer-address-index .my-account { margin-bottom: 30px; } .my-account .addresses-list .item:first-child { margin-top: -15px; border-top: 0px; } .my-account .addresses-list .item { margin: 30px 0 30px 0; position: relative; padding: 20px 0% 0 0%; width: 50%; float: left; border-left: 0px; border-top: 1px solid #cecece; } .my-account .addresses-list .item p a { top: 22px; } .my-account .addresses-list .item p a.link-remove { top: 20px; } .customer-account .dashboard .box-account.box-info .box-head h2 { display: block; margin-bottom: 5px; } .customer-account .dashboard .box-account.box-info .box-head a { float: right; margin-top: 5px; } .products-grid li { width: 100%; } .products-grid li:nth-child(3n+1){clear:both;} .category-products .toolbar-first .category-title{margin-bottom:15px} .toolbar.second {margin-top:0px;} .sorter > .view-mode {float:none;} .sorter > .view-mode .grid, .sorter > .view-mode .list {padding: 0;margin-right: 4px; margin-left:0px;} .order-info-box .box-title { display: block; width: 100%; } .sales-order-view .col2-set:before { display: none; } .my-account .box-title-inner { display: inline-block; position: relative; padding-right: 30px; } .my-account .box-title a { right: -20px; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 button.button { margin-left: 0px; width: 100%; float: none; } .brand-block { padding: 5px 2px; } .brands-section { margin: 0 -2px; } .brand-block > a { border: 1px solid #e7e7e7; min-height: 90px; line-height: 86px; } .brand-caption { margin-top: -127px; left: 0; right: 0; } .brand-block > a:before { bottom: -20px; } .brand-caption .brand-img {float: none;padding-right: 0;width: 120px;margin: 0 auto 15px;} .brand-caption .b-content {padding-left: 0;margin-left: 0px;float: none;} .toolbar-first {padding-right:0px;} .toolbar-first .toolbar.sorter {position: relative;right: 0;top: 0; float: none; clear: both;text-align: left;} .std ul.category-grid li {width:100%;} .std ul.category-grid li h2.product-name {height: auto;margin-bottom:15px; margin-top:5px;} .cms-no-route .main{background-image:none;} .cart-popup-btns-outer a{width:100%;float:none;} .cart-popup-btns-outer a:last-child {width:100%;float:none;} .products-list a.link-learn { margin-top: 10px;} .form-quick-contact .contact-title h2 {font-size: 15px;margin-bottom: 16px;margin-top: 5px;} } @media only screen and (max-width:400px) { .cart-table .cart-footer-actions .button2 { width: 170px; margin: 5px auto; } #billing-buttons-container { display: inline-block; margin-top: 0; padding-right: 0; float: none; } #billing-buttons-container button.button { clear: none; display: inline; float: none; margin: 0; } #billing-buttons-container p.required { display: inline-block; float: none; margin: 0; text-align: left; width: 100%; } .opc .please-wait { right: 0; } .opc #billing-buttons-container .please-wait { margin-left: 0; right: 25px; } .osolCaptchaBlock input { width: 110px; } #loadingmask { bottom: 165px; left: 245px; } .opc .section .step { padding: 15px 10px; } .opc .section .step-title h2 { font-size: 15px; margin: 0 4px 0 40px; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { font-size: 17px; } #review-buttons-container .f-left { line-height: 8px; } #review-buttons-container .f-left a { display: block; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-update { clear: none; float: left; margin-left: 0; } body.wishlist-index-index .my-account .buttons-set.buttons-set2 .button.btn-add { clear: both; } #review-buttons-container .please-wait { bottom: -25px; } #payment-tool-tip { margin-left: -135px; margin-top: 0px; width: 270px; } .checkout-types { float: left; max-width: 100%; width: 100%; text-align: center; clear: left; } button.btn-proceed-checkout { width: 100%; } .brand-block {width:50%;} .brand-block:nth-child(3n+1) {clear:none;} .brand-block:nth-child(2n+1) {clear: both;} #headerslider { padding: 10px 10px;} .enquiry-desktop{right:-325px;width:320px;} .enquiry-desktop.opened .stickyform-btn {right: 312px;} } @media only screen and (max-width:360px) { .my-account .box-title-inner { display: block; } .my-account .box-title a { right: 10px; } .head-right .enquiry-minicart a {top: -13px;} .head-right .enquiry-minicart a span.count {color: #004677 !important;position: absolute;font-size: 12px;right: 0;background-color: #FFF;padding: 3px 3px 2px;line-height: 11px;border-radius: 9px;top: -7px;min-width:18px;text-align: center;} .head-right .enquiry-minicart a span.count:before {display:none;} .head-right .enquiry-minicart a span.count:after {display:none;} .read-more {height: 50px;/* width: 100%;*/line-height: 48px;} .post-date {display: block;} .detail-links {display: block;float: none;margin-top: 5px;} } @media only screen and (max-width:1024px) { .page-header.sticky{position:relative;top:0px; box-shadow:0 0 0px transparent; -webkit-box-shadow:0 0 0px transparent; -o-box-shadow:0 0 0px transparent;} .page-header.sticky .top-head { display: block;} } /* Sidebar Navigation ==================================================================== */ #sidebar-nav { margin-bottom:0px; position: relative;background-color:#fafafa; } #sidebar-nav .block-title { display:block !important; } #sidebar-nav .block-title strong { } #sidebar-nav .block-content {padding:0; overflow: auto; } #sidebar-nav .block-content a {line-height:1.7; position:relative;} #sidebar-nav .block-content a {line-height:1.7; position:relative;} .block-layered-nav .block-content .currently{display:none;} .block-layered-nav .block-content .actions{display:none;} #sidebar-nav-menu > li{display: none;} .cms-brandlist #sidebar-nav-menu > li{display: block;} #sidebar-nav-menu > li.active{display: block;} .catalog-category-view.category-products .codnitiveSidenavLeft{display: none;} #sidebar-nav-menu > li {list-style: inside disc;font-family:'montserrat-reg'; font-size:14px; padding:5px 0 3px 17px; position:relative; } #sidebar-nav-menu > li:before{content:''; display:block; position:absolute; left:0px; top:11px; width:6px; height:12px; background-position:-79px -180px;} #sidebar-nav-menu > li.last { background: none; margin-bottom:0px; } #sidebar-nav-menu li ul { font-weight: normal; font-size:13px; margin-left: 0px !important; padding-left:7px !important; margin-top:2px;} #sidebar-nav-menu li ul li{padding:3px 0 0px 12px; position:relative;} #sidebar-nav-menu li ul li:before{content:'-'; position:absolute; left:1px; top:5px; font-size:13px; color:#606060;} #sidebar-nav-menu li ul li.active:before{color:#004677;} #sidebar-nav li.active, #sidebar-nav li.active > a, #sidebar-nav li.active > .collapsible-wrapper > a { color:#004677;} #sidebar-nav-menu > li.active:before{background-position:-94px -180px;} #sidebar-nav ul.ul-thumb { padding-left: 0; } #sidebar-nav-menu > li.parent > ul.ul-thumb { padding-left: 10px; } #sidebar-nav li.thumb { list-style-type: none; } #sidebar-nav-menu > li.no-thumb, #sidebar-nav-menu > li.thumb { margin-left: 0 !important; list-style-type: none; } #sidebar-nav img { border: 0 none !important; outline: 0 none !important; } #sidebar-nav span.product-count { color: #000; } #sidebar-nav .home { list-style: none !important; } #sidebar-nav .home a { display:inline-block; padding-left:20px; background:url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/codnitive/sidenav/home.png') left top no-repeat; min-height:16px; } #sidebar-nav .support-logo-wrapper { margin-top:10px; } #sidebar-nav .support_logo { font-size: 9px; float: right; right: 5px; bottom: 5px; text-decoration: none; } #sidebar-nav .support_logo img { max-width: 65px; } /* Collapsible Design ==================================================================== */ #sidebar-nav li.thumb .thumb-img-left { float: left; margin: 1px 3px 0 0; } #sidebar-nav li.thumb .thumb-img-right { float: right; margin: 1px 3px 0; } #sidebar-nav-menu .arrow-left, #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right { float: left; background: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/codnitive/sidenav/arrows.gif') left center no-repeat; display: block; margin: 3px 3px 0; cursor:pointer; } #sidebar-nav-menu .plus-left, #sidebar-nav-menu .plus-right { background-image: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/images/codnitive/sidenav/plus.gif'); } #sidebar-nav-menu .arrow-right, #sidebar-nav-menu .plus-right { float:right; display:inline !important; } #sidebar-nav-menu li ul[expanded="0"] { display: none; } #sidebar-nav li.active > ul { display: block; } #sidebar-nav li.active > .arrow-left, #sidebar-nav li.active > .arrow-right, #sidebar-nav li.active > .plus-left, #sidebar-nav li.active > .plus-right { display: block; background-position: right center; } #sidebar-nav-menu > li.collapsible { list-style: none !important; } #sidebar-nav .collapse-name { cursor:pointer; } #custommenu { position: relative; font-size: 12px; padding: 0px 0px 0px 0px; width: 100%; border-radius: 2px; height: auto; margin: 0 auto; } /*IE7 fix*/ *:first-child+html #custommenu { z-index: 998; } div.menu { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } div.menu a:link, div.menu a:visited { display: block; height: 42px; padding-left:0px; margin-right:34px; } div.menu a span { display: block; height: 28px; padding-right: 0px; padding-top:10px; } div.menu a span:hover { cursor: pointer; } div.wp-custom-menu-popup { position: absolute; z-index:7 !important; display: none; text-align: left; padding: 0px 0px 10px 0px; border-top: 0; width: 100%; margin-top: -1px; } div.menu a, div.wp-custom-menu-popup a { text-decoration: none; display:block; cursor: pointer; _height: 0; height: auto; line-height:13px; } div.level1 { margin-bottom: 5px; } div.level2 { margin-bottom: 5px; } div.level3 { margin-bottom: 5px; padding: 5px; } div.block2 { padding-top: 0px; padding-left: 10px; padding-right: 10px; display: block; } a.level1:link, a.level1:visited { margin-top: 10px; margin-bottom: 10px; padding: 5px 10px 5px 0px; border-radius: 2px; } a.level2:link, a.level2:visited { padding: 3px 10px; border-radius: 2px; } /* Clearfix */ div.block2:after { content: "."; display: none; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] div.block2 { display: block; } * html div.block2 { height: 1%; } div.block2 p { margin-bottom: 3px; line-height: 120%; color: #000; font-size: 11px; } div.block2 p a { display: inline; } div.block2 a img { opacity: .9; filter: alpha(opacity=90); } div.block2 a:hover img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } div.block2 .brand a:hover img { -webkit-transition: all 0; -moz-transition: all 0; -ms-transition: all 0; transition: all 0; } div.wp-custom-menu-popup hr { margin: 0px 0px 10px 0px; } #menu11{float:right} div.menu#menu11 a:link{margin-right:1px; width:70px; text-align:center; height:34px; color:#FFF !important; background-color:#004677; transition:all .3s ease; -webkit-transition:all .3s ease; -o-transition:all .3s ease; } div.menu#menu11 a:link span, div.menu#menu11 a span{color:#FFF !important; } div.menu#menu11 a:hover{color:#FFF !important; background-color:#252525;} .menu a.level0{position:relative;} .menu a.level0:before{ border:12px solid transparent; height: 0; width: 0; border-bottom-color:#ccc; bottom:-25px; content: ''; display: block; position: absolute; z-index: 3; visibility:hidden; opacity:0; transition:all .5s ease; -webkit-transition:all .5s ease;left: 50%;margin-left: -15px; } .menu a.level0:hover:before, .menu.active a.level0:before{border-bottom-color:#ccc;border-bottom-width:13px; width: 1px; z-index:7;bottom:-13px;opacity:1; visibility:visible;} div.menu#menu11 a:hover:before, .menu#menu11.active a.level0:before{display:none !important;} .menu a.level0:after{ border:12px solid transparent; height: 0; width: 0; border-bottom-color:#FFF; bottom:-40px; content: ''; display: block; position: absolute; z-index: 3; visibility:hidden; opacity:0; transition:all .5s ease; -webkit-transition:all .5s ease;left: 50%;margin-left: -15px; } .menu a.level0:hover:after, .menu.active a.level0:after{border-bottom-color:#FFF;border-bottom-width:13px; width: 1px; z-index:7;bottom:-14px;opacity:1; visibility:visible;} div.menu#menu11 a:hover:after, .menu#menu11.active a.level0:after{display:none !important;} /******************************************* COLUMN WIDTH ***************************** */ div.column { float: left; width:30%; padding:15px 10px 10px; margin: 0px 0px 0px 0px; font-size:14px; } /*end COLUMN WIDTH */ div.itemSubMenu { margin-left: 0px; } .clearBoth { clear:both; height: 0; overflow: hidden; } div.level1 { margin-bottom: 0px; } /*BG*/ #custommenu { } div.wp-custom-menu-popup {padding-top:13px; z-index:7; ;/*box-shadow:0px 5px 7px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 5px 7px rgba(0, 0, 0, 0.4); -o-box-shadow:0px 5px 7px rgba(0, 0, 0, 0.4);*/} div.wp-custom-menu-popup .block1{background:#FFF;padding:20px 0; margin:13px -10px 0; position:relative; z-index: 1;} div.menu a:link, div.menu a:visited { } div.menu a:hover {} div.menu a, div.wp-custom-menu-popup a { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; } div.menu .brand a, div.wp-custom-menu-popup .brand a { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear; } div.menu.active a {color:#004677 !important; } div.level3 { background: #fff; } /*FONTS*/ div.menu { font-weight: normal; font-size: 14px; } div.menu:last-child a{padding-left:15px; padding-right:15px;} a.level1:link, a.level1:visited { text-transform: none; font-weight: normal; text-decoration:none !important; } a.level2:link, a.level2:visited { font-weight: normal; font-size: 13px; line-height: 16px; text-decoration:none !important; } a.level3:link, a.level3:visited { font-size: 11px; font-weight: normal; line-height: 100%; margin-bottom: 0px; text-decoration:none !important; } /*COLOR*/ div.menu a:link, div.menu a:visited { color: #303030; } div.menu a:hover, div.menu.active a { color: #004677; text-decoration:none !important; } a.level3:link, a.level3:visited { color: #333333; text-decoration:none !important;} a.level3:hover { color: #004677; text-decoration:none !important;} a.level2:link, a.level2:visited { color: #000; } a.level1:hover {/* background: #f1f1f1; */} a.level2:hover { color: #000; background: #d3d3d3; text-decoration:none !important; } .block2 table.brand { float: left; } .block2 .single_menu_product { float: left; position: relative; max-width: 150px; overflow: hidden; margin-right: 20px; margin-left: 0px; } /*MOBILE MENU STYLES*/ #menu-button, .parentMenu { display: inline-block; } html[xmlns] #menu-button, html[xmlns] .parentMenu { display: block; } * html #menu-button, * html .parentMenu { height: 1%; } #menu-button:after, .parentMenu:after { content: "."; display: none; clear: both; visibility: hidden; line-height: 0; height: 0; } #custommenu-mobile { position:relative; margin: 0 auto; padding: 0; z-index: 999; } #menu-button {display:block; float: none; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; width: 100%; border-bottom: 1px solid #fff; text-transform: uppercase;} #menu-content{display:block !important;} #menu-button a:link{color:#004677; text-transform:uppercase; text-align:left;text-decoration:none !important; display:block; padding-left:10px;} #menu-button a:visited { color: #fff; display: block; float: left; margin-left: 45%; position: relative; padding: 0px 10px; } #menu-button a span:after { display: none; position: relative; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 4px solid #dadada; margin: 8px 0px 0px 5px; float: right; opacity: 0.7; } #menu-button:hover { cursor: pointer; } #menu-button:hover a:after { opacity: 1; } .menu-mobile div.column { float:none; padding:5px; background: #fff; } .menu-mobile a.itemMenuName { display: block; text-align: left; } .menu-mobile div.menu-button, .menu-mobile div.menu-mobile { float: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; border-bottom: 1px solid #fff; } .menu-mobile div.column { float: none; width: 100%; padding: 0px 0; margin: 0px 0px 0px 0px; } .menu-mobile a.level1:link{ margin-top: 0px; margin-bottom: 0; padding: 10px 10px; border-radius: 2px; color: #000; } .menu-mobile a.level2:link{ padding: 10px 10px; border-radius: 2px; } .menu-mobile a.level1:link{ color: #555; } .menu-mobile a.level1:hover { background-color: #f1f1f1; } .menu-mobile .parent { background-color: #fff; } /*buttons level 01*/ .menu-mobile .parentMenu { padding: 0px 0px; display: block; text-align: left; border-bottom: 1px solid #dadada; } .menu-mobile .parentMenu a:link { padding: 10px 0px 10px 10px; margin-right:45px; color: #000; display: block; } .menu-mobile .parentMenu:hover { cursor: pointer; } .parentMenu { position: relative; } .parentMenu a { display: block; } #menu-button { cursor: pointer; } #custommenu-mobile #menu-mobile-11{background-color:#004677; color:#FFF !important;} #custommenu-mobile #menu-mobile-11 a.level0 {background-color:#004677; color:#FFF !important;} .menu-mobile div.level2 { margin-bottom: 0; } #custommenu-mobile .button { cursor: pointer; position: absolute; right: 1%; top:1px; display: block; padding:0px; width:40px; height:38px; background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==); } #custommenu-mobile .button.open { background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==); } #custommenu-mobile .level1 .button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC); } #custommenu-mobile .level1 .button.open { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC); } /*BG*/ #custommenu-mobile .parentMenu:hover a:link, #custommenu-mobile .parentMenu:hover a:visited, #custommenu-mobile .parentMenu:hover { background-color: #fff; } #custommenu-mobile .level0 { background-color: #f1f1f1; } #custommenu-mobile .level1 { background-color: #e4e4e4; padding-left:10px; } #custommenu-mobile .level2 { background-color: #f1f1f1; padding-left:20px; } #custommenu-mobile .level0.act > .parentMenu > a.level0.act {color:#004677 !important;} #custommenu-mobile .level1.act > .parentMenu > a.level1.act {color:#004677 !important;} #custommenu-mobile .column.state-active > .title {color: #004677 !important;} #custommenu-mobile .state-active .filter-submenu > li.act a{color:#004677 !important;} @media only screen and (max-width: 1199px){ div.menu a:link, div.menu a:visited {margin-right:35px;} } @media only screen and (max-width: 1100px){ div.menu a:link, div.menu a:visited {margin-right:25px;} } @media only screen and (max-width: 1070px){ div.menu a:link, div.menu a:visited {margin-right:22px;} } } @media only screen and (max-width:1023px){ } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; min-width: inherit; height:auto; width: auto !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: visible !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } @media only screen and (max-width: 479px) { .fancybox-inner {overflow: hidden; min-width: inherit; height:auto !important;} .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: initial;} } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.eot?v=4.7.0'); src: url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.woff2?v=4.7.0') format('woff2'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.woff?v=4.7.0') format('woff'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.ttf?v=4.7.0') format('truetype'), url('http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/fonts/fontawesome.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .mCustomScrollbar { -ms-touch-action:pinch-zoom; touch-action:pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action:auto; touch-action:auto } .mCustomScrollBox { position:relative; overflow:hidden; height:100%; max-width:100%; outline:0; direction:ltr } .mCSB_container { overflow:hidden; width:auto; height:auto } .mCSB_inside>.mCSB_container { margin-right:15px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right:0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right:0; margin-left:15px } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left:0 } .mCSB_scrollTools { position:absolute; width:16px; height:auto; left:auto; top:0; right:-5px; bottom:0; opacity:.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" } .mCSB_outside+.mCSB_scrollTools { right:-26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right:auto; left:0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left:-26px } .mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin:20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width:2px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px } .mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; height:30px; z-index:1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position:relative; width:4px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; text-align:center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width:12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width:8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom:0 } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right:0; margin-bottom:30px } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height:100% } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom:0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width:auto; height:16px; top:auto; right:0; bottom:0; left:0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom:-26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin:0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:2px; margin:7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width:30px; height:100%; left:0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:100%; height:4px; margin:6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height:12px; margin:2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height:8px; margin:4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display:block; position:absolute; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left:0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right:0 } .mCSB_container_wrapper { position:absolute; height:auto; width:auto; overflow:hidden; top:0; left:0; right:0; bottom:0; margin-right:30px; margin-bottom:30px } .mCSB_container_wrapper>.mCSB_container { padding-right:30px; padding-bottom:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom:20px } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right:20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom:0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { right:0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left:20px } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left:0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right:0; margin-left:30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right:0 } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom:0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right:0; margin-left:0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom:0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out; transition:opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#fff; background-color: #004677 !important/*rgba(255,255,255,.75)*/; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image:url(http://www.trialiafoods.com.au/skin/frontend/trialiafoods/default/css/mCSB_buttons.png); background-repeat:no-repeat; opacity:.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position:0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position:0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position:0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position:0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity:.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity:.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:rgba(0,0,0,.85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:rgba(0,0,0,.9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width:4px; background-color:#fff; background-color:rgba(255,255,255,.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:4px; background-color:#fff; background-color:rgba(255,255,255,.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:4px; margin:6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width:4px; background-color:#fff; background-color:rgba(255,255,255,.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px; background-color:#fff; background-color:rgba(255,255,255,.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:4px; margin:6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:100%; height:6px; margin:5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position:-16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position:-16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position:-20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position:-20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position:-96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position:-96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position:-100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position:-100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color:#fff; background-color:rgba(255,255,255,.1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:100%; height:2px; margin:7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position:-80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position:-80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position:-80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position:-80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color:#fff; background-color:rgba(255,255,255,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height:14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:14px; margin:0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width:14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:14px; margin:1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width:16px; height:16px; margin:-1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width:4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height:16px; width:16px; margin:0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height:4px; margin:6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position:0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position:0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position:0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position:0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width:4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color:transparent; background-position:center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat:repeat-y; opacity:.3; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height:4px; margin:6px 0; background-repeat:repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position:-16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position:-16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position:-20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position:-20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat:repeat-y; background-image:-moz-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0))); background-image:-webkit-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(left, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:linear-gradient(to right, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat:repeat-x; background-image:-moz-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0))); background-image:-webkit-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-o-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:-ms-linear-gradient(top, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%); background-image:linear-gradient(to bottom, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height:70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width:70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width:8px; background-color:#000; background-color:rgba(0,0,0,.2); box-shadow:inset 1px 0 1px rgba(0,0,0,.5), inset -1px 0 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:8px; margin:4px 0; box-shadow:inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:100%; height:8px; margin:4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.1); box-shadow:inset 1px 0 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow:inset 0 1px 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity:1; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px } .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right:1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow:inset 1px 0 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom:1px; box-shadow:inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:inset 1px 0 0 rgba(255,255,255,.4); width:12px; margin:2px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow:inset 0 1px 0 rgba(255,255,255,.4); height:12px; width:auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#555 } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color:#000; background-color:rgba(0,0,0,.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow:inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow:inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow:inset 1px 0 0 rgba(255,255,255,.4), inset -1px 0 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow:inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color:#fff; background-color:rgba(0,0,0,.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -128px } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right:0; margin:12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom:0; margin:0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left:0; right:auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height:50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width:50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width:6px; background-color:#000; background-color:rgba(0,0,0,.2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:6px; margin:5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width:12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height:12px; margin:2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width:12px; background-color:#000; background-color:rgba(0,0,0,.2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:6px; margin:3px 5px; position:absolute; height:auto; top:0; bottom:0; left:0; right:0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:6px; margin:5px 3px; position:absolute; width:auto; top:0; bottom:0; left:0; right:0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:12px; margin:2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position:-32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position:-32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position:-40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position:-40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position:-112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position:-112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position:-120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position:-120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent; border-width:1px; border-style:solid; border-color:#fff; border-color:rgba(255,255,255,.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color:#000; border-color:rgba(0,0,0,.2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color:#fff; background-color:rgba(255,255,255,.6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0,0,0,.6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#000; background-color:rgba(0,0,0,.9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color:#fff; background-color:rgba(255,255,255,.9) }