@charset "utf-8"; @import url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/css/rest.css); /* BUTTON CSS ====================================================================================================== */ .onestepcheckout-index-index .button-onestepcheckout button.onestepcheckout-btn-checkout, .onestepcheckout-index-index button.btn-proceed-checkout { font-size: 16px; background: #0072bc; padding: 15px 34px 17px 35px; float: left; margin: 0 5px; width: auto; font-family: 'latosemibold'; text-transform: capitalize; color: #fff; line-height: normal; box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; vertical-align: middle; z-index: 1; } .button-onestepcheckout button.onestepcheckout-btn-checkout, button.btn-proceed-checkout { font-size: 16px; background: #0072bc; padding: 15px 34px 17px 35px; float: left; margin: 0 5px; width: auto; font-family: 'latosemibold'; text-transform: capitalize; color: #fff; line-height: normal; box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; vertical-align: middle; } .checkout-cart-index button.btn-proceed-checkout { padding: 15px 30px 17px 30px; } .button-onestepcheckout button.onestepcheckout-btn-checkout, button.btn-proceed-checkout:before { background: #f6861f none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .no-touch .button-onestepcheckout button.onestepcheckout-btn-checkout, .no-touch button.btn-proceed-checkout:hover::before, .no-touch .button-onestepcheckout button.onestepcheckout-btn-checkout, .no-touch button.btn-proceed-checkout:focus::before, .no-touch .button-onestepcheckout button.onestepcheckout-btn-checkout, .no-touch button.btn-proceed-checkout:active::before { transform: scaleX(1); } .no-touch .button-onestepcheckout button.onestepcheckout-btn-checkout:hover, .no-touch button.btn-proceed-checkout:hover { background: #007CB7; } .button2.btn-update:first-child { display: none; } .button2, .shipping #co-shipping-method-form .buttons-set .button { border: 0; padding: 0 31px; margin: 0; background: #909090; cursor: pointer; vertical-align: middle; line-height: 30px; height: 45px; text-transform: uppercase; display: inline-block; color: #FFF; font-size: 14px; } .qquoteadv-index-index .button2, .qquoteadv-index-index .shipping #co-shipping-method-form .buttons-set .button { text-transform: capitalize; font-family: 'latobold';} #shopping-cart-table .product-cart-actions .button.btn-update { border: 0; padding: 0 10px; margin: 0px 0 0; background: #909090; cursor: pointer; vertical-align: top; line-height: 27px; height: 34px; text-transform: uppercase; color: #FFF; font-size: 13px; margin-top: -10px; } .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:focus, #shopping-cart-table .product-cart-actions .button.btn-update:hover { background: #007CB7; color: #FFF; } .shipping #co-shipping-method-form .buttons-set .button:hover { } #onepage-guest-register-button { background-color: #909090; bottom: -72px; position: absolute; } #onepage-guest-register-button:hover { background-color: #0071bd; } .cart-empty { margin-bottom: 40px; } .cart-empty p { } .cart-empty p a { color: #007CB7; } .no-touch .cart-empty p a:hover { color: #f05d2a; } /* 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; text-align: left; text-transform: uppercase; display: block; } #discount-coupon-form label { display: block; padding-right: 10px; vertical-align: top; /* margin-top: 13px; */ font-size: 20px; text-transform: none; margin-bottom: 10px; font-family: 'latosemibold'; color: #303030 } #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; position: relative; padding-right: 115px; } #discount-coupon-form .with-cancel { padding-right: 243px; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { bottom: 0; display: inline; left: 0; position: absolute; } #discount-coupon-form .validation-advice { bottom: -4px; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; margin-top: 5px; } #discount-coupon-form .button-wrapper { position: absolute; right: 0; top: 0; margin-top: 0; width: 105px } #discount-coupon-form .with-cancel .button-wrapper { width: 235px; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; margin-right: 10px; } #discount-coupon-form .button-wrapper > button:last-child { margin-right: 0 } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 32px; margin: 4px 5px 0 0; height: 45px; margin: 0 5px 0 0; width: 216px; } #discount-coupon-form .input-text { margin-right: 0; padding: 10px; } .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; } @media all and (max-width:820px) { #discount-coupon-form .input-text { margin-bottom: 20px; } #discount-coupon-form .field-wrapper { padding-right: 0; } #discount-coupon-form .button-wrapper { position: relative; } } /* ============================================ * * Checkout - Estimate Shipping and Tax * ============================================ */ .shipping h2 { font-size: 20px; margin: 0 0px 16px; color: #000; text-transform: none; } .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 #shipping-zip-form .buttons-set { margin-top: 4px } .shipping .buttons-set .button2 { float: left; margin-left: 0; } .shipping .required-text { float: left; margin-left: 10px; margin-top: 14px; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list { margin: 0 0px 5px; } .required-text { font-size: 12px; line-height: 18px; color: #fc4555; } .shipping .form-list li { float: left; margin: 0; width: 38.3%; padding: 6px 5px 10px; } .shipping .form-list li:nth-child(2) { margin: 0; width: 35.5%; } .shipping .form-list .shipping-region:first-child { margin-right: 0; } .shipping .form-list .shipping-region:last-child { margin-right: 0; } .shipping .form-list li:nth-child(3) { padding-right: 0;/* width: 35.5%*/ width:26.2%; } .shipping .form-list .shipping-postcode { margin-right: 0; width: 26.2%; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 45px; 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; margin-bottom: 0; padding-bottom: 0px; } .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-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: right; margin-left: 0; } /* .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #cccccc; background-color: #ececec; min-width: 220px;} .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #dbdbdb;} */ /* * Shipping and Payment methods * */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; 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; text-decoration: underline; } .one-step-checkout .radioparent #p_method_paypal_express + .outer {margin-top:9px;} .sp-methods .price { } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month {/* width: 120px; margin-right: 0;*/ } .sp-methods select.year {/* width: 96px; */ } .sp-methods input.cvv { /* width: 4em !important; */ } .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-totals { text-align: right; padding-top: 15px; padding-bottom: 8px; margin-bottom: 50px; } .cart-totals-wrapper .cart-totals { margin-bottom: 0 } .cart-totals:after { content: ''; display: table; clear: both; } .cart-totals table { font-size: 12px; margin-bottom: 9px; text-transform: uppercase; width: 100%; } .cart-totals table td { padding: 0; font-size: 16px; color: #505050; } .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart-totals table tbody tr td:first-child { padding-right: 10px; min-width: 120px; text-transform: none; font-size: 16px; color: #303030; font-weight: 500; } .cart-totals table tbody tr:last-child td, .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart-totals table tfoot, .cart-totals table .grand_total { border-top: 1px solid #C8C8C8; border-bottom: 0px solid #C8C8C8; } .cart-totals table tfoot td, .cart-totals table .grand_total td, .cart-totals table tbody tr.grand_total td:first-child { padding: 9px 5px 0px 5px; vertical-align: top; font-size: 24px; color: #303030; } .cart-totals table tfoot strong span, .cart-totals table tfoot span.price { } .cart-totals table tfoot strong, .cart-totals table .grand_total strong { font-weight: 400; } input[type=radio], input[type=checkbox] { /*position: absolute;*/ position: relative; top: 3px; } .checkbox-ele input[type=radio], .checkbox-ele input[type=checkbox] { opacity: 0; left: -9999px; } input[type=radio] + label, input[type=checkbox] + label { border: 0px; padding-left: 10px; /*height: 15px;*/ display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; text-shadow: 0 0 0 #303030; text-transform: none; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .customer-account-create input[type=radio] + label, input[type=checkbox] + label { border: 0px; padding-left: 25px; /*height: 15px;*/ display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; text-shadow: 0 0 0 #303030; text-transform: none; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .checkbox-ele input[type=radio] + label:before, .checkbox-ele input[type=checkbox] + label:before { content: ''; display: block; position: absolute; left: 0px; top: 1px; width: 16px; height: 16px; } .checkbox-ele input[type=radio] + label:before { background-position: -50px -780px; } .checkbox-ele input[type=radio]:checked + label:before { background-position: 0 -780px; } .customer-account-create input[type=radio] + label:before, .customer-account-create input[type=checkbox] + label:before {content: ''; display: block; position: absolute; left: 0px; top: 1px; width: 16px; height: 16px;} .checkbox-ele input[type=checkbox] + label:before { background-position: -50px -724px; } .customer-account-create input[type=checkbox] + label:before {background-position: -50px -724px;} .customer-account-create input[type=checkbox]:checked + label:before {background-position: 0 -724px;} .checkbox-ele input[type=checkbox] + label:before { background: none; } .checkbox-ele input[type=checkbox]:checked + label:before { background-position: 0 -724px; } /*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(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/checkbox-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; } label.css-label { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/radio-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=radio].css-radio:checked + label.css-labelR { background-position: 0 -16px; } label.css-labelR { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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; } .customer-account-create #form-validate .fieldset .form-list .control .input-box {position: relative;} .control.register-agree-box {display: inline-block;} @media all and (max-width:979px) { .cart-totals-wrapper .cart-totals { margin-bottom: 15px; } } /* 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-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; 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 { 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-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-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-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: #0071bd; margin: 0 0 5px; } .opc .section.active .step-title { background-color: #0071bd !important; margin: 0 0 0px } .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms linear; -webkit-transition-delay: 0; -moz-transition: opacity 300ms linear 0; -o-transition: opacity 300ms linear 0; transition: opacity 300ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms linear; -webkit-transition-delay: 0; -moz-transition: width 80ms linear 0; -o-transition: width 80ms linear 0; transition: width 80ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title h2 { color: #FFF; -webkit-transition: margin-left 80ms linear; -webkit-transition-delay: 0; -moz-transition: margin-left 80ms linear 0; -o-transition: margin-left 80ms linear 0; transition: margin-left 80ms linear 0; } /* body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title { opacity: 0;} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden;} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px;} */ /* 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; line-height: 1.4em; margin: 0 0 5px; padding-top: 5px; text-rendering: optimizespeed; 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 { } .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; padding-top: 10px; padding-left: 15px; padding-right: 0px; color: #303030; font-family: 'latobold'; } /* ============================================ * * Checkout - Success * ============================================ */ .checkout-onepage-success .col-main, .qquoteadv-index-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .buttons-set, .qquoteadv-index-success .buttons-set { margin: 10px 0; text-align: center; } .checkout-onepage-success .buttons-set button, .qquoteadv-index-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;*/ } .form-list .field, .form-list .field .mainemail { 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%; padding-left: 0; } .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 } .checkout-multishipping-address-newshipping .form-list .field { width: 100%; padding-left: 0; } .checkout-multishipping-address-newshipping .fieldset { float: left; width: 50%; max-width: inherit; margin-top: 0 } .checkout-multishipping-address-newshipping .cf .fieldset:first-child { padding-right: 10px; padding-left: 0; } .checkout-multishipping-address-newshipping .cf .fieldset:last-child { padding-left: 20px; float: right } .checkout-multishipping-address-editshipping .form-list .field { width: 100%; padding-left: 0; } .checkout-multishipping-address-editshipping .fieldset { float: left; width: 50%; max-width: inherit; margin-top: 0 } .checkout-multishipping-address-editshipping .cf .fieldset:first-child { padding-right: 10px; padding-left: 0; } .checkout-multishipping-address-editshipping .cf .fieldset:last-child { padding-left: 20px; float: right } .checkout-multishipping-address-editaddress .form-list .field { width: 100%; padding-left: 0; } .checkout-multishipping-address-editaddress .fieldset { float: left; width: 50%; max-width: inherit; margin-top: 0 } .checkout-multishipping-address-editaddress .cf .fieldset:first-child { padding-right: 10px; padding-left: 0; } .checkout-multishipping-address-editaddress .cf .fieldset:last-child { padding-left: 20px; float: right } .checkout-multishipping-address-newbilling .form-list .field { width: 100%; padding-left: 0; } .checkout-multishipping-address-newbilling .fieldset { float: left; width: 50%; max-width: inherit; margin-top: 0 } .checkout-multishipping-address-newbilling .cf .fieldset:first-child { padding-right: 10px; padding-left: 0; } .checkout-multishipping-address-newbilling .cf .fieldset:last-child { padding-left: 20px; float: right } .checkout-multishipping-address-editbilling .form-list .field { width: 100%; padding-left: 0; } .checkout-multishipping-address-editbilling .fieldset { float: left; width: 50%; max-width: inherit; margin-top: 0 } .checkout-multishipping-address-editbilling .cf .fieldset:first-child { padding-right: 10px; padding-left: 0; } .checkout-multishipping-address-editbilling .cf .fieldset:last-child { padding-left: 20px; float: right } .checkout-multishipping-overview #review-order-form .col2-set .data-table tfoot td { padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; border-bottom: solid 1px #ccc; } .checkout-multishipping-overview #review-order-form .col2-set .data-table thead th{ padding:10px 7px;} .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-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; line-height: 19px; padding: 13px 15px; text-align: center; text-transform: capitalize; 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; float: none; } #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 h2.product-name { font-weight: 500; text-transform: none; color: #202020; float: left; width: 100%; margin-left: 0px; padding-left: 0px;/*margin-left: -95px; padding-left: 82px;*/ margin-top: 14px; font-size: 13px; line-height: 19px; } #checkout-review-table .cart-price { display: block; margin-top: 14px; text-align: right; } #checkout-review-table tbody td { border-bottom: none; vertical-align: top; border-top: 1px solid #e5e5e5; } #checkout-review-table tbody tr.last td { border-bottom: 1px solid #e5e5e5; padding-bottom: 28px; } #checkout-review-table h3 { border: 0 none; color: #222; font-size: 16px; margin-bottom: 0; padding: 0; text-transform: none; } #checkout-review-table thead th, #checkout-review-table tbody td { background-color: transparent; padding: 5px 12px 5px 10px; } #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; color: #000; } .box-qty:before, .box-qty:after { content: ''; display: table; } .box-qty:after { clear: both; } .box-qty { zoom: 1; width: 57px; margin-top: 15px; } #checkout-review-table .qty { background: #FAFAFA; float: left; width: 40px; height: 29px; text-align: center; padding-top: 6px; } #checkout-review-table .control-qty { float: left; display: none; } #checkout-review-table thead th { background-color: #fafafa; color: #000000; text-transform: uppercase; font-size: 14px; padding-bottom: 14px; padding-top: 10px; } #checkout-review-table tfoot tr { background-color: #ffffff; } #checkout-review-table tfoot tr td { border: 0px solid #CECECE; background-color: #fafafa; padding: 5px 12px 4px 5px; font-size: 14px; padding-bottom: 20px; color: #000; } #checkout-review-table tfoot tr td:first-child { font-size: 15px; color: #000; } #checkout-review-table tfoot tr:first-child td { padding-top: 25px; padding-bottom: 9px; } #checkout-review-table tfoot tr.last td { border-top: 1px solid #cecece; color: #000; font-size: 16px; padding-bottom: 11px; padding-top: 12px; font-family: 'latoregular'; text-transform: uppercase; background: #e1e1e1; } #checkout-review-table tfoot tr.last td.last { min-width: 130px; } #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; 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; border-top: 1px solid #ebebeb; } #review-buttons-container { margin: 15px 0 15px; text-align: right; } #review-buttons-container .btn-checkout {/*min-width:220px;*/ font-size: 16px; 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; text-decoration: underline; font-size: 14px; } #review-buttons-container .f-left a:hover { text-decoration: none; } @media all and (max-width:479px) { #checkout-review-table h2.product-name { padding-left: 0; margin-left: 0; margin-bottom: 20px; /*width: 300px; position: absolute; top: 10px;*/ margin: 0; } } .account-create .page-title p { margin-bottom: 10px; } .account-create .fieldset { margin: 0px auto; max-width: 767px; } .account-create .buttons-set { margin: 20px 0 0 0; max-width: 767px; } .customer-account-create .account-create .buttons-set { margin: 20px auto; max-width: 767px; } .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(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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; border: solid 1px #ccc; padding: 10px; /* padding: 3.4%; */ } .customer-account .my-account .box-info { border: solid 1px #ccc; padding: 20px; margin: 0 0 30px; } .customer-account .my-account .box-account:last-child { margin-bottom: 0; } .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; display: inline-block; margin-bottom: 15px; padding: 0 0 10px 0; position: relative; float: left; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set { border: solid 1px #ccc; padding: 20px; margin: 30px 0 20px; position: relative; display: inline-block; width: 100%; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .actions a { color: #0072bc; font-size: 13px; text-decoration: underline; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .actions a:hover { color: #333; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .col-1, .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .col-2 { width: 50%; padding: 0 15px; float: left; } body.checkout-multishipping-address-selectbilling .col3-set:before { left: 47%; } body.checkout-multishipping-address-selectbilling .col3-set:before { width: 1px; height: 100%; display: block; content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; background-color: #ccc; } body.checkout-multishipping-address-selectbilling .col3-set:after { content: ''; display: table; clear: both; } /*Custom login*/ .customer-account-login .account-login, .customer-account-create .account-login, .checkout-multishipping-login .account-login { margin: 50px 0 0; } /*.customer-account-login .header-minicart, .customer-account-create .header-minicart, .customer-account-login .footer-container, .customer-account-create .footer-container, .customer-account-forgotpassword .header-minicart, .customer-account-forgotpassword .footer-container, .customer-account-changeforgotten .footer-container,*/ .customer-account-login .header-outer, .customer-account-forgotpassword .header-outer, .customer-account-changeforgotten .header-outer, .customer-account-create .header-outer, .customer-account-changeforgotten .header-minicart { display: none; } .customer-account-login .col-main, .customer-account-forgotpassword .col-main, .customer-account-changeforgotten .col-main, .customer-account-create .col-main { margin-bottom: 0; } .customer-account-login .login-logo, .customer-account-create .login-logo, .customer-account-forgotpassword .login-logo, .customer-account-changeforgotten .login-logo { margin: 0 auto 50px auto; text-align: center } .customer-account-login .login-logo a, .customer-account-create .login-logo a, .customer-account-forgotpassword .login-logo a, .customer-account-changeforgotten .login-logo a { display: inline-block } .customer-account-login .login-logo img, .customer-account-create .login-logo img, .customer-account-forgotpassword .login-logo img, .customer-account-changeforgotten .login-logo img { max-width: 100%; height: auto; margin: 0 auto; } /*.customer-account-login .main-container, .customer-account-create .main-container, .customer-account-forgotpassword .main-container, .customer-account-changeforgotten .main-container {padding: 0px 15px !important; max-width: 1000px;}*/ @media all and (min-width:480px) { /*.customer-account-create .main-container {padding: 0 55px !important}*/ } .customer-account-login .page-title h1, .customer-account-create .page-title h1, .customer-account-forgotpassword .page-title h1, .customer-account-changeforgotten .page-title h1, .checkout-multishipping-login .page-title h1, .customer-account-changeforgotten .page-title h1 { text-align: center; color: rgba(0, 0, 0, 0.67); margin-bottom: 30px; } .customer-account-create .page-title, .customer-account-forgotpassword .page-title, .customer-account-changeforgotten .page-title, .checkout-multishipping-login .page-title { margin-top: 0 } .customer-account-login #login-form .registered-users:before { display: none; } .customer-account-login .wrapper, .customer-account-create .wrapper, .customer-account-forgotpassword .wrapper, .customer-account-changeforgotten .wrapper { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/login-bg.jpg) no-repeat; background-size: cover; } .customer-account-create .checkbox-ele { float: left; margin-top: 30px; } .customer-account-create .captcha-field-outer { float: right; ; } .customer-account-login .registered-users .content, .customer-account-login .new-users .content, .customer-account-create .content, .customer-account-create .fieldset, .customer-account-forgotpassword .fieldset, .customer-account-changeforgotten .fieldset, .checkout-multishipping-login .content { background: rgba(0, 113, 189, 0.9); padding: 20px 40px; margin-bottom: 20px; margin-bottom: 30px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; } .customer-account-login .registered-users .content { margin-bottom: 0; } body.customer-account-login .col2-set .col-2 { border: 0; padding: 0 } body.customer-account-login #login-form .col2-set, body.checkout-multishipping-login #login-form .col2-set { left: 40px; position: relative } body.customer-account-login .col2-set .col-1, body.checkout-multishipping-login .col2-set .col-1 { padding-right: 60px; } body.customer-account-login .col2-set .col-2, body.checkout-multishipping-login .col2-set .col-2 { padding-right: 80px; } .customer-account-login .form-instructions, .customer-account-forgotpassword .form-instructions, .customer-account-changeforgotten .form-instructions, .customer-account-create .form-instructions, .checkout-multishipping-login .form-instructions { transform: none; color: #fff; margin-bottom: 10px; } .customer-account-forgotpassword .form-instructions, .customer-account-changeforgotten .form-instructions, .customer-account-create .form-instructions, .customer-account-forgotpassword .fieldset h2, .customer-account-changeforgotten .fieldset h2 { text-align: center; } /*.customer-account-changeforgotten .page-title h1, .customer-account-forgotpassword .page-title h1, .customer-account-create .page-title h1, */ .customer-account-login .login-title, .customer-account-login h2, .checkout-multishipping-login h2 { font-size: 22px; line-height: 28px; color: #fff; margin-bottom: 10px; padding-bottom: 0; font-weight: 300; text-transform: uppercase; } .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .customer-account-forgotpassword .fieldset ul.form-list, .customer-account-changeforgotten .fieldset ul.form-list, .customer-account-create .fieldset ul.form-list, .checkout-multishipping-login .content ul.form-list, .checkout-multishipping-login .content ul.benefits { background: #f9f9f9; padding: 20px; margin-right: -70px; position: relative; } @media all and (min-width:480px) { .customer-account-login .form-list:before, .customer-account-login .new-users .content ul.benefits:before, .customer-account-forgotpassword .fieldset ul.form-list:before, .customer-account-changeforgotten .fieldset ul.form-list:before, .customer-account-create .fieldset ul.form-list:before, .checkout-multishipping-login .content ul.benefits:before, .checkout-multishipping-login .content ul.form-list:before { content: ''; display: block; position: absolute; right: 0; bottom: -15px; border-left: 10px solid #909090; border-top: 10px solid #909090; border-right: 20px solid transparent; border-bottom: 5px solid transparent; } .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .customer-account-forgotpassword .fieldset ul.form-list, .customer-account-changeforgotten .fieldset ul.form-list, .customer-account-create .fieldset ul.form-list, .customer-account-login .form-list, .checkout-multishipping-login .new-users .content ul.benefits { -webkit-box-shadow: 0 13px 6px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 13px 6px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 13px 6px -6px rgba(0, 0, 0, 0.3); } } .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .checkout-multishipping-login .form-list, .checkout-multishipping-login .new-users .content ul.benefits { min-height: 220px; } .customer-account-login .registered-users .field, .customer-account-login .new-users .field { background: none; padding: 0 } .customer-account-login .form-list label, .customer-account-forgotpassword label, .customer-account-changeforgotten label, .customer-account-create label, .checkout-multishipping-login label { color: #8C8C8C; font-weight: normal; text-transform: uppercase } .customer-account-create .form-list label, .customer-account-login .form-list label, .becomeretailer-index-index .becomeretailer-section label, .customer-account-forgotpassword label, .customer-account-changeforgotten label { color: #8C8C8C; font-weight: normal; text-transform: uppercase } .customer-account-login .buttons-set p.required, /*.customer-account-create .buttons-set p.required,*/ .customer-account-forgotpassword .buttons-set p.required, .customer-account-changeforgotten .buttons-set p.required, .checkout-multishipping-login .buttons-set p.required { color: #fff; opacity: 0.8; float: left; font-weight: normal; } .customer-account-login .buttons-set .button, #login-form .col2-set .new-users a.button, .customer-account-create .buttons-set .button, #login-form .col2-set .new-users a.button, .customer-account-forgotpassword .buttons-set .button, .customer-account-changeforgotten .buttons-set .button, .customer-account-forgotpassword .back-link a, .customer-account-create .back-link a { border: 1px solid rgba(255, 255, 255, 0.5); background: none; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; } .customer-account-forgotpassword .back-link a, .customer-account-create .back-link a { /*border: 0 !important;*/ text-transform: none; color: rgba(255, 255, 255, 0.6); position: relative; padding: 13px 25px; } .customer-account-forgotpassword .back-link a:before, .customer-account-create .back-link a:before { content: "\f104"; display: block; position: absolute; left: 5px; top: 13px; font: normal normal normal 18px/1 FontAwesome; } .customer-account-forgotpassword .back-link a:hover, .customer-account-create .back-link a:hover { color: #fff; } .customer-account-login .buttons-set .button:hover, #login-form .col2-set .new-users a.button:hover, .customer-account-create .buttons-set .button:hover, .customer-account-forgotpassword .button:hover, .customer-account-changeforgotten .button:hover, .customer-account-forgotpassword .back-link a:hover, .customer-account-create .back-link a:hover { border: 1px solid #fff; background: none; } .customer-account-login .registered-users input { max-width: none; border: 0; border-bottom: 1px solid #101010; height: auto; /*height: 25px;*/ line-height: 35px; padding: 0; font-weight: normal; color: #000; font-size: 16px; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; background: none; } .customer-account-forgotpassword input, .customer-account-changeforgotten input, .checkout-multishipping-login input { max-width: none; border: 0; border-bottom: 1px solid #101010; height: 25px; line-height: 35px; padding: 0; font-weight: normal; color: #000; font-size: 16px; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; background: none; } .customer-account-create input { max-width: none; border: 0; border-bottom: 1px solid #101010; height: 20px; line-height: 35px; padding: 0; letter-spacing: 2px; font-weight: normal; color: #000; font-size: 16px; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; background: none; } .customer-account-login .registered-users input, .customer-account-changeforgotten input, .checkout-multishipping-login input { background: none; text-decoration: none; } .customer-account-create input:-webkit-autofill, .customer-account-login input:-webkit-autofill, .customer-account-forgotpassword input:-webkit-autofill, .customer-account-changeforgotten input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } body.customer-account-login .col2-set .col-2 { border: 0 } .customer-account-create .breadcrumbs { display: none; } .customer-account-forgotpassword .fieldset h2, .customer-account-changeforgotten .fieldset h2 { color: #fff; } .customer-account-forgotpassword form, .customer-account-changeforgotten form { background: none; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set, .customer-account-forgotpassword .messages { max-width: 470px; margin: 0 auto; } .customer-account-forgotpassword .buttons-set { margin-top: 10px; } .customer-account-changeforgotten .fieldset, .customer-account-changeforgotten .buttons-set, .customer-account-changeforgotten .messages { max-width: 470px; margin: 0 auto; } .customer-account-forgotpassword .messages, .customer-account-changeforgotten .messages { margin-bottom: 40px; } .customer-account-forgotpassword .scrollToTop, body.customer-account-login .scrollToTop, .customer-account-changeforgotten .scrollToTop { display: none; } body.customer-account-changeforgotten .col-main { max-width: none; } @media all and (max-width:979px) { body.customer-account-login .col2-set .col-1, body.customer-account-login .col2-set .col-2, body.checkout-multishipping-login .col2-set .col-1, body.checkout-multishipping-login .col2-set .col-2 { float: none; width: 100%; padding-right: 80px; max-width: 480px; margin: 0 auto; position: relative; left: 45px; } body.customer-account-login #login-form .col2-set, body.checkout-multishipping-login #login-form .col2-set { left: 0; } body.customer-account-login .messages, .customer-account-forgotpassword .messages, .customer-account-create .messages, .customer-account-changeforgotten .messages { margin: 10px 20px 20px } } @media all and (max-width:767px) { body.customer-account-login .col2-set .col-1, body.customer-account-login .col2-set .col-2 { left: 0; } .customer-account-login .login-logo, .customer-account-create .login-logo, .customer-account-forgotpassword .login-logo, .customer-account-changeforgotten .login-logo { max-width: 80px; margin: 0 auto 20px } .customer-account-login .registered-users .content, .customer-account-login .new-users .content, .customer-account-create .fieldset, .customer-account-forgotpassword .fieldset, .customer-account-changeforgotten .fieldset, .checkout-multishipping-login .content { padding: 10px 15px; } body.customer-account-login .new-users .field, body.customer-account-login .registered-users .field { padding: 0; } body.customer-account-login #login-form .col2-set .col-1, body.customer-account-login #login-form .col2-set .col-2, body.checkout-multishipping-login #login-form .col2-set .col-1, body.checkout-multishipping-login #login-form .col2-set .col-2 { margin-bottom: 0; padding-top: 10px; padding-bottom: 0; padding-right: 20px; } .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .customer-account-forgotpassword .fieldset ul.form-list, .customer-account-changeforgotten .fieldset ul.form-list, .customer-account-create .fieldset ul.form-list { margin-right: -45px; } .customer-account-login .new-users .content ul.benefits:before, .customer-account-forgotpassword .fieldset ul.form-list:before, .customer-account-changeforgotten .fieldset ul.form-list:before, .customer-account-create ul.form-list:before { bottom: -15px; border-left: 10px solid #909090; border-top: 10px solid #909090; border-right: 20px solid transparent; border-bottom: 5px solid transparent; } .customer-account-login .buttons-set .button, #login-form .col2-set .new-users a.button, .customer-account-create .buttons-set .button, .customer-account-forgotpassword .back-link a { font-size: 11px; } #checkout-review-table .cart-price {margin-top: 0;} } @media all and (max-width:479px) { body.customer-account-login #login-form .col2-set .col-1, body.customer-account-login #login-form .col2-set .col-2, .becomeretailer-form, body.checkout-multishipping-login #login-form .col2-set .col-1, body.checkout-multishipping-login #login-form .col2-set .col-2 { margin-bottom: 0; padding-top: 10px; padding-bottom: 0; padding-right: 0; } .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .customer-account-forgotpassword .fieldset ul.form-list, .customer-account-changeforgotten .fieldset ul.form-list, .customer-account-create .fieldset ul.form-list, .checkout-multishipping-login .new-users .content ul.benefits, .checkout-multishipping-login .content ul.form-list { margin-right: -15px; margin-left: -15px; } } /*Custom login ends*/ a.changePass { display: inline-block; margin-top: 3px; 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, body.checkout-multishipping-address-newshipping .edit-address-cols-outer h2:after, body.checkout-multishipping-address-editshipping .edit-address-cols-outer h2:after, body.checkout-multishipping-address-newbilling .edit-address-cols-outer h2:after, body.checkout-multishipping-address-editbilling .edit-address-cols-outer h2:after, body.checkout-multishipping-address-editaddress .edit-address-cols-outer h2:after, .customer-account .my-account .quoted-details h2:after { display: block; content: ""; position: absolute; height: 3px; width: 50px; left: 0px; bottom: 0px; background: #0071bd; } .customer-account .dashboard .box-head a { background: #909090; color: #fff; padding: 7px 12px 8px; font-size: 14px; 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: #007cb7 } #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; } .customer-account .col-main { margin-bottom: 20px; } .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; } .additional-info-col .fieldset table { width: 100% } body.customer-account-edit .my-account .fieldset .form-list { margin: 0px; } body.customer-account-edit .my-account .fieldset .form-list .field { width: 100%; padding: 0 0px 13px 0; } .customer-account-edit .my-account #form-validate .form-list .control input, .newsletter-manage-index .my-account #form-validate .form-list .control input { position: relative; top: 3px; } .customer-account-edit .my-account #form-validate .form-list .control label, .newsletter-manage-index .my-account #form-validate .form-list .control label { padding: 0; } 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: 13px; } .data-table tfoot td { padding-top: 20px; padding-left: 0; padding-right: 0; } .cart-table .qty { border-color: silver; border-radius: 0; height: 34px; margin-bottom: 4px; text-align: center; width: 3.2em; } /* ============================================ * * MY ORDER CSS START * ============================================ */ body.customer-account .data-table td a { font-size: 13px; text-transform: none; font-weight: 400; } body.customer-account .data-table td a:hover { text-decoration: none; } .my-account .pager { width: 100%; float: left; } .my-account .count-container { float: none; } .my-account .limiter { float: right; } .my-account .amount--has-pages { font-size: 14px; } .myac-top-toolbar .pages { display: none; } .selector { float: left; width: auto !important; } .selector span { height: 34px; } .myac-bottom-toolbar { margin: 30px 0 20px; } .myac-bottom-toolbar .limiter, .qquoteadv-view-history form .pager-no-toolbar .count-container .limiter { display: none; } .pages { margin: 0 0 0 0; display: none; } .amount.amount--has-pages, .amount.amount--has-pages label { margin-bottom: 0; color: #707070; font-size: 14px; font-family: 'latoregular'; } body.sales-order-history .buttons-set { display: none; } .sales-order-history .myac-bottom-toolbar { margin: 20px 0 0; } .std p { color: #606060; font-size: 13px; line-height: 19px; 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: #007cb7; 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; } body.page-print.sales-order-printcreditmemo .print-head { float: none; display: block; } .page-print h1 { display: inline; float: right; margin-top: 13px; } .clearprint-catalog-product-view .page-print h1 { display: inline; float: none; } .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 { }*/ /* 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: 1px 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; padding: 5px 15px; background: #EBEBEB; text-transform: uppercase; color: #505050; } #wishlist-table .product-name { font-size: 16px; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #0071bd; } #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 #0071bd; } #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 { width: 100px; } #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 { } #wishlist-table td .button.btn-cart { padding: 5px 10px; } /* ============================================ * * Wishlist Sidebar * ============================================ */ .block-wishlist #cart-sidebar > 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%; cursor: pointer; } .selector.focus select { bottom: 0; top: auto !important } .selector span { width: 100% !important; display: block; border: 1px solid #c7c7c7; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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 5px; } .onestepcheckout-index-index .one-step-checkout h3:before { background: #f8941d; } .onestepcheckout-index-index .selector span { background: none; border: 0; border-bottom: 1px solid #e0e0e0; } #search_mini_form { position: relative; } .topbtn-search.button { background: #0071bd; position: absolute; right: 0; padding: 15px 25px 16px 25px; top: 0; text-indent: -999em; min-width: inherit;} .topbtn-search.button:hover { background: #00AEEF } .topbtn-search:before { content: ''; display: block; position: absolute; right: 22%; top: 50%; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -33px; width: 24px; height: 25px; margin: -12px 0 0 -12px; } .main-nav-outer.sticky { background: #0071bd none repeat scroll 0 0; bottom: auto; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 999; } .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-image .btn-cartedit { display: none; } .data-table tr { padding: 5px; } #RecaptchaField1 { margin-top: 20px; } #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: 99; } /* RESPONSIVE CUSTOM CSS */ @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; } .data-table th, .data-table td, .data-table tbody td { border: 1px solid #E0E0E0; } .data-table tfoot td { padding: 5px; } } @media only screen and (max-width: 767px) { #my-orders-table thead { /*display: none;*/ } #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: 1px solid #cecece } #my-orders-table tr td { /*float: left; width: 33.3%; border-bottom: 1px solid #E8E8E8;*/ text-align: left; border-top: 0; min-height: 44px; padding: 10px; } #my-orders-table tr td:last-child { padding-bottom: 0; border-bottom: 0; } #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; } #my-orders-table tr.last { border-bottom: 0; } #my-orders-table tr.last td.view {} #my-orders-table tr td { /*width: 50%;*/ } #my-orders-table tr td.ship, #my-orders-table tr td.view { width: 100%; } } @media only screen and (max-width: 1050px) { .account-create { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/create-account-img.png) no-repeat 100% center; background-size: 20%; } .customer-account .dashboard .box-account { margin-top: 15px; margin-bottom: 15px; } .customer-account-edit .my-account { background-position: 100% 105px; } #payment-tool-tip { margin-left: -150px; top:330px !important; } } @media only screen and (max-width: 1023px) { .account-create { background: none; } .customer-account-edit .my-account { background-position: 97% 140px; } #wishlist-table .disnone { display: block; } #wishlist-table .customer-wishlist-item-cart, #wishlist-table .customer-wishlist-item-remove { display: none; } #wishlist-table td .button, #wishlist-table td button { white-space: nowrap; } #wishlist-table .customer-wishlist-item-image { text-align: center; } #wishlist-table .customer-wishlist-item-image .btn-remove { margin-top: 10px; } #payment-tool-tip { margin-top: 150px; } } @media only screen and (max-width: 979px) { 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%; } .import-order-box { max-width: 465px; width: 100% } .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; } } @media only screen and (max-width: 768px) { #payment-tool-tip { margin-top: 150px; } } @media only screen and (max-width: 767px) { .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 } .checkout-multishipping-address-newshipping .fieldset { width: 100%; } .checkout-multishipping-address-newshipping .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; } .checkout-multishipping-address-newshipping .cf .fieldset:last-child { padding-left: 0; float: left } .checkout-multishipping-address-editshipping .fieldset { width: 100%; } .checkout-multishipping-address-editshipping .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; } .checkout-multishipping-address-editshipping .cf .fieldset:last-child { padding-left: 0; float: left } .checkout-multishipping-address-editaddress .fieldset { width: 100%; } .checkout-multishipping-address-editaddress .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; } .checkout-multishipping-address-editaddress .cf .fieldset:last-child { padding-left: 0; float: left } .edit-address-cols-outer:before { background: none; } .checkout-multishipping-address-newbilling .fieldset { width: 100%; } .checkout-multishipping-address-newbilling .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; } .checkout-multishipping-address-newbilling .cf .fieldset:last-child { padding-left: 0; float: left } .checkout-multishipping-address-editbilling .fieldset { width: 100%; } .checkout-multishipping-address-editbilling .cf .fieldset:first-child { padding-right: 0; border-bottom: 1px solid #cecece; margin-bottom: 10px; } .checkout-multishipping-address-editbilling .cf .fieldset:last-child { padding-left: 0; float: left } } @media only screen and (max-width: 567px) { .dashboard .col2-set:before, .customer-account .col2-set:before { display: none !important; } .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, .my-account .data-table thead th.status, .my-account .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; } .customer-account .main { min-height: 0; } } @media only screen and (max-width: 849px) { .dashboard .data-table thead th.date, .dashboard .data-table tbody td.date { /*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: 767px) { .search-cart-box-outer .skip-link { display: none; } body[class*="checkout-multishipping-"] .checkout-progress span { width: 12px; } body[class*="checkout-multishipping-"] .checkout-progress li { width: initial; margin: 0; text-align: left; padding-left: 0; padding-right: 5%; float: left; 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-"] .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; padding: 0px 0% 5px 0; } .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-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%; } .gallery-index-index .my-gallery-block .pager.pager-no-toolbar .pages { float: right; } /* HEADER MINI CART */ .header-minicart { display: block; padding-left: 0; } .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; } .cart-link, .header-minicart .minicart-actions .checkout-button { width: auto; font-size: 14px; line-height: 20px; padding: 10px; } .header-minicart .subtotal .price { font-size: 20px; line-height: 26px; } .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(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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; } } @media all and (max-width: 767px) { .products-list .product-image-wrapper { width: 140px; } /*.products-list .product-shop { padding-left: 150px; margin-left: -140px; width: 100%; }*/ h1, .h1 { font-size: 20px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; } body.checkout-onepage-success h2.sub-title { font-size: 14px; line-height: 20px; } .customer-account-login .login-title, .customer-account-forgotpassword .page-title h1, .customer-account-changeforgotten .page-title h1, .customer-account-create .page-title h1, .customer-account-login h2 { font-size: 18px; line-height: 20px; margin-bottom: 10px; font-weight: 300; } .customer-account-forgotpassword .fieldset h2 { font-weight: 300; font-size: 16px; } .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; */ } #cart-sidebar .product-image { width: 75px; } .header-minicart #cart-sidebar li .product-details { margin-left: -85px; padding-left: 95px; padding-right: 28px; } .cart-totals table td, .cart-totals table tbody tr td:first-child { font-size: 14px; } .button-onestepcheckout button.onestepcheckout-btn-checkout { padding: 10px; } button.btn-proceed-checkout { } .customer-account-edit .my-account { background: none; } #payment-tool-tip { margin-top: 20px; } } @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) { .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; } #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; display: block; float: left; margin: 5px 10px; } .customer-account-forgotpassword form { background: none; } } @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 { padding-left:0; } body.sales-order-view .col2-set .col-2 { padding-left: 0; padding-right: 0; } .customer-account-edit .my-account { background: none; } .products-grid li { width: 49%; } } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } } @media only screen and (max-width: 639px) { .data-table colgroup, .data-table thead { /*display: none;*/ } .data-table tr { /*display: block;*/ margin-bottom: 15px; padding-bottom: 10px; position: relative; width: 100%; border-bottom: 1px solid #cecece; } .data-table tr:last-child { border-bottom: 0; margin-bottom: 0; } .data-table tfoot tr { padding-bottom: 0; border-bottom: 0; } .data-table tr:after { content: ''; display: table; clear: both; } .data-table td { border: none; /*display: block;*/ text-align: left; } #quick-shop-table img.thumbnail-product { margin: 0; } #quick-shop-table .result { width: 100%; } #quick-shop-table td { padding: 0; margin-bottom: 15px; } #quick-shop-table .result td { display: table-cell; padding: 10px; } .data-table td[data-rwd-label] { /* padding: 0 15px; margin-bottom: 6px; */ } .data-table td[data-rwd-label] .price { font-weight: normal; } .data-table td[data-rwd-label="Subtotal"] { text-align: left; padding: 0 5px 0 15px; } .data-table td[data-rwd-label]:before {/* content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; color: #333; */ } .data-table td.product-cart-price { text-align: left; padding: 10px 10px 10px 15px; } .data-table h2 { font-size: 12px; } .data-table .cart-links { padding-top: 5px; /* padding-right: 5px; */ } .data-table .cart-links > li { white-space: normal; text-align: center; } .data-table .cart-links > li > a { padding: 2px 0px; } .data-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .data-table .cart-tax-info .price { font-size: 13px; } .data-table .product-cart-image, #shopping-cart-table .product-cart-image { /*width: 25%; float: left; padding: 10px; border: 1px solid #C0C0C0;*/ } #shopping-cart-table.data-table .product-cart-image img { width: auto; margin: 0; } .data-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .data-table th, .data-table td, .data-table tbody td { border: 1px solid #E0E0E0; } /*.cart-table .product-cart-info, .cart-table td[data-rwd-label] { /*float: right; width: 75%;/ }*/ .data-table .product-cart-actions, .data-table .product-cart-price { /*padding-bottom: 0; padding-top: 0; float: right;*/ } .data-table .product-cart-remove, .data-table .product-cart-total, .data-table .product-cart-actions .cart-links { /*display: none;*/ } .data-table .product-cart-image .cart-links, .data-table .product-cart-info .btn-remove { /*display: block;*/ } .data-table .product-cart-actions .button { display: none; } .data-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; } .data-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .data-table .product-cart-actions { /*text-align: left;*/ } .data-table .product-cart-actions .qty { /*margin-right: 7px; margin-bottom: 7px;*/ } .data-table .price, .data-table .product-cart-price:before { font-size: 13px; } .data-table .cart-footer-actions { text-align: center; width: 100%; border: 0 } .data-table .cart-footer-actions #empty_cart_button { float: none; } .data-table .cart-footer-actions .btn-continue { float: none; } .data-table .cart-footer-actions .button2 { margin-top: 5px; margin-bottom: 5px; } .data-table .cart-footer-actions span.or { display: none; } .display-both-prices .data-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%; } .data-table .product-cart-actions .qty { margin-bottom: 0; } #shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; } .data-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: 0 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: 20px; 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; } 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 .addresses-additional .col-1 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } 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: 0; padding: 2px 0; } .cart-totals-wrapper { width: 100%; float: none; }*/ .data-table tfoot td { padding: 5px; } } @media only screen and (max-width: 599px) { /*.data-table colgroup, .data-table thead { display: none; } .data-table tr {/* display: block;* margin-bottom: 15px; padding-bottom: 10px; position: relative; width: 100%; border-bottom: 1px solid #cecece; }*/ .data-table tr:last-child { /*border: 1px solid #cecece;*/ margin-bottom: 0; } #checkout-review-load .data-table tr:last-child { border: 0px solid #cecece; } #shopping-cart-table .data-table tr:first-child { border: 1px solid #cecece; padding: 5px; } .data-table tfoot tr { padding-bottom: 0; border-bottom: 0; } .data-table tr:after { content: ''; display: table; clear: both; } /*.data-table td { border: none; display: block; text-align: left; }*/ #quick-shop-table img.thumbnail-product { margin: 0; } #quick-shop-table .result { width: 100%; } #quick-shop-table td { padding: 0; margin-bottom: 15px; } #quick-shop-table .result td { display: table-cell; padding: 10px; } .data-table td[data-rwd-label] { padding: 0 15px; margin-bottom: 6px; } .data-table td[data-rwd-label] .price { font-weight: normal; } .data-table td[data-rwd-label="Subtotal"] { text-align: left; padding: 0 5px 0 15px; } .data-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; color: #333; } .data-table td.product-cart-price { text-align: left; padding: 10px 10px 10px 15px; } .data-table h2 { font-size: 12px; } .data-table .cart-links { padding-top: 5px; /* padding-right: 5px; */ } .data-table .cart-links > li { white-space: normal; text-align: center; } .data-table .cart-links > li > a { padding: 2px 0px; } .data-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .data-table .cart-tax-info .price { font-size: 13px; } /*.data-table .product-cart-image, #shopping-cart-table .product-cart-image { width: 25%; float: left; padding: 10px; }*/ .data-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .data-table th, .data-table td, .data-table tbody td { border: 0px solid #E0E0E0; } /*.cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; }*/ /*.data-table .product-cart-actions, .data-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; }*/ .data-table .product-cart-remove, .data-table .product-cart-actions .cart-links { display: none; } .data-table .product-cart-total { } .data-table .product-cart-image .cart-links, .data-table .product-cart-info .btn-remove { display: block; } .data-table .product-cart-actions .button { display: none; } .data-table .product-cart-info .btn-remove { float: right; margin: 0 -4px 2px 7px; } .data-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .data-table .product-cart-actions { text-align: left; } .data-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; } .data-table .price, .data-table .product-cart-price:before { font-size: 13px; } .data-table .cart-footer-actions { text-align: center; width: 100%; border: 0 } .data-table .cart-footer-actions #empty_cart_button { float: none; } .data-table .cart-footer-actions .btn-continue { float: none; } .data-table .cart-footer-actions .button2 { margin-top: 5px; margin-bottom: 5px; } .data-table .cart-footer-actions span.or { display: none; } .display-both-prices .data-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%; } .data-table .product-cart-actions .qty { margin-bottom: 0; } #shopping-cart-table .product-cart-actions .button.btn-update { margin: 0; } .data-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: 0 0 15px 0; 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; } .cart-table .product-cart-image .btn-cartedit { display: block; } /* 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: 0px; 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; } 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 .addresses-additional .col-1 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } 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; } .cart-totals-wrapper { width: 100%; float: none; } .customer-account-create #form-validate .fields .mainemail, .customer-account-create #form-validate .wide .mainemail { padding: 0 0px 13px; } .customer-account-create .buttons-set p.required { display: block; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .col-1, .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .col-2 { width: 100%; padding: 0 15px 15px; float: left; } .checkout-multishipping-address-selectbilling .multiple-checkout .col3-set .col-1 { border-bottom: 1px solid #ccc; margin-bottom: 10px; } body.checkout-multishipping-address-selectbilling .col3-set:before { display: none; } /*.cart-table .product-edit-dele {display:none;}*/ } @media only screen and (max-width:567px) { .customer-account .my-account .box-info .col-1, .customer-account .my-account .box-info .col-2 { padding-left: 0; padding-right: 0 } .dashboard .col2-set:before { background: none; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2, .col2-set .col-1, .col2-set .col-2 { width: 100%; display: block; padding-bottom: 15px; } .dashboard .col2-set .col-1 { border-bottom: 1px solid #ccc; } .customer-account .my-account .box-info .col-1 { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .customer-account .my-account .addresses-additional.box-info .col-1 { border-bottom: 0px solid #ccc; } } @media only screen and (max-width:520px) { .cart .page-title h1 { line-height: 25px; display: inline-block; } button.btn-proceed-checkout { font-size: 14px; /*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; } } @media only screen and (max-width: 479px) { .main-container, .footer-container, .quickcontact-index-index .main-container { padding: 0 15px; } body[class*="checkout-multishipping-"] .buttons-set .back-link { display: block; margin-bottom: 15px; } .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 h3 { padding-top: 5px; } #checkout-review-table thead th, #checkout-review-table tbody td { position: relative; } #checkout-review-table tbody td { padding: 40px 5px 10px 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; 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: left; margin-top: 5px;*/ } #wishlist-table.clean-table thead { display: none; } #wishlist-table.clean-table tbody td { padding: 5px 10px; border-width: 0px; } #wishlist-table tr { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #wishlist-table tr:first-child { border-top: 1px solid #CCC; } #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: 15px; 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; } #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: 30%; padding-right: 10px; border-right: 0px; border-bottom-width: 1px; } #wishlist-table td.customer-wishlist-item-info { float: left; width: 70%; border-left: 0px; border-bottom-width: 1px; } #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; } .products-grid li { width: 100%; } .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; } .products-grid li { width: 100%; } .products-list .product-image-wrapper { width: 100%; margin-bottom: 20px; } .products-list .product-shop { padding-left: 0; margin-left: 0 } .cms-page-view .std p, .cms-no-route .std p, .general-info-box p, .tab_container p { margin-bottom: 10px; } .data-table .btn-continue, .data-table .btn-empty, .data-table .btn-update { width: 100%; margin: 5px 0 5px 0; } .btn-remove, .btn-previous, .delete-quick { display: initial; color: #303030; } } @media only screen and (max-width:400px) { .data-table .cart-footer-actions .button2 { width: 190px; 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; margin-bottom: 15px; } button.btn-proceed-checkout { width: 100%; } .header-minicart .minicart-actions .cart-link { width: 100%; } } @media only screen and (max-width:479px) { #my-orders-table tr.last, #my-orders-table tr.last td.view, #my-orders-table tr td.date, #my-orders-table tr td.status { /*display: block;*/ } } @media only screen and (max-width:375px) { .my-account .box-title-inner { display: block; } .my-account .box-title a { right: 10px; } #RecaptchaField1, #RecaptchaField2, #RecaptchaField3 { transform: scaleX(0.85); margin-left: -23px; } } /* ============================================ * * Footer Always Bottom CSS * ============================================ */ html, body { margin: 0; padding: 0; height: 100%; } .wrapper { min-height: 100%; 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*/ .demo-notice { display: none; } .page-header { height: auto; max-width: 100%; padding-top: 12px; } .sticky .page-header { padding-bottom: 5px; background: #fff; box-shadow: 0 1px 3px 0 #333; } .mainNav { position: relative; float: left; margin-top: 14px; } .sticky .mainNav { margin-top: 5px; } .mainNav .container { position: relative } .HeadContnr, .FootContnr { margin: 0 auto; padding: 15px 30px; max-width: 1170px; position: relative; border: 5px solid #FFF; } .HeadContnr:after { content: 'Header Here'; } .footer-container { height: auto; max-width: 100%; position: relative; /*position: absolute; bottom:0; */ } .footer-right { display: inline-block; width: 100%; } .footer-right-top { /*padding-left: 576px;*/ clear: both; display: inline-block; width: 100%; } .footer-right-bottom { /*padding-left: 570px;*/ } .footer-right-top h2 { font-size: 24px; line-height: 30px; color: #ffffff; font-family: 'latosemibold' } .footer-right-top li { font-size: 16px; line-height: 22px; color: #ffffff; } .footer-right-top li { float: left; width: 50%; position: relative; padding-left: 70px; } .footer-right-top li a { color: #fff; font-size: 16px; line-height: 22px; font-family: 'latoregular' } .footer-right-top li a:hover { color: #fff; } .footer-right-top li strong { font-family: 'latobold'; position: absolute; left: 0; top: 0; } footer .container { max-width: 1200px; padding: 0 15px; margin: 0 auto; position: relative } .footer-left { position: absolute; left: 50.5%; top: 0; margin-left: -610px; padding: 58px 0 0 0; } .footer-left iframe { width: 470px; height: 440px; } .cms-index-index.cms-home .footer-right-bottom { padding-top: 44px; padding-bottom: 60px; } .footer-right-bottom { padding-top: 44px; padding-bottom: 76px; } .footer-right-bottom .foot-link ul li { display: inline-block; } .footer-right-bottom .foot-link ul li a { font-size: 16px; line-height: 30px; color: #ffffff; padding: 0 14px; position: relative; } .footer-right-bottom .foot-link ul li a:hover { color: #f6861f; } .footer-right-bottom .foot-link ul li:first-child a { /*padding-left: 0;*/ } .footer-right-bottom .foot-link ul li:last-child a:before { background: none; } .footer-right-bottom .foot-link ul li a:before { position: absolute; content: ""; display: block; background: #fff; width: 1px; height: 14px; right: 0; top: 4px; } .foot-link { } .foot-copyright { margin-top: 34px; display: inline-block; width: 100%; } .footer-right-bottom { display: block; color: #fff; font-size: 15px; font-family: 'latoregular'; } .footer-right-bottom .footer-bottom-top-main > a { display: inline-block; color: #fff; font-size: 15px; font-family: 'latoregular'; margin: 8px 0; } .footer-right-bottom .footer-bottom-top-main > a:hover {color: #f6861f;} .footer-right-top-left { width: 49%; display: inline-block; float: left; } .footer-right-top-right { width: 41%; display: inline-block; float: left; } .footer-right-top-left ul > li { width: 100%; margin-bottom: 12px; } .footer-right-top-right ul > li { width: 100%; margin-bottom: 12px; } .my-gallery-block ul { margin:0 -5px; } .my-gallery-block ul li { margin: 0 0 10px 0; overflow: hidden; transition: all 0.5s ease 0s; width:20%; padding:0 5px; } .my-gallery-block ul li img { display:inline-block; max-width: 100%; /*min-width: 100%;*/ transition: all 0.5s ease; -moz-ransition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .my-gallery-block ul li a { display:block; border: 1px solid #ccc; } .my-gallery-block ul li a h3::before { background: #f6861f none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0% 100% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .my-gallery-block ul li a h3 { backface-visibility: hidden; display: block; font-family: "latoregular"; font-size: 16px; margin: 0; padding: 15px 0 14px; position: relative; text-align: center; transform: translateZ(0px); transition: all 0.5s ease; vertical-align: middle; background: #0071bd; color: #fff; } .no-touch .my-gallery-block ul li:hover a h3::before, .no-touch .my-gallery-block ul li:focus a h3::before, .no-touch .my-gallery-block ul li:active a h3::before { transform: scaleY(1); } .no-touch .my-gallery-block ul li:hover a h3 { color: #fff; } .footer-right-left-main { display: inline-block; width: 470px; } .footer-right-top-main, .footer-bottom-top-main { display: inline-block; width: 59%; } .gallery-index-index .my-gallery-block .pager.pager-no-toolbar { min-height: 56px; } /*.gallery-index-index .my-gallery-block .pager.pager-no-toolbar p.amount.amount--has-pages { display: none; } .gallery-index-index .my-gallery-block .pager.pager-no-toolbar p.amount.amount--no-pages { display: none; }*/ .gallery-index-index .my-gallery-block .pager.pager-no-toolbar .pages { display: block; } #contactForm .fieldbox .field1:nth-child(2n+2) { padding-right: 0; } @media only screen and (min-width:768px) { .footer-container { position: absolute; left: 0; right: 0; bottom: 0; } } .HeadContnr:after, .FootContnr:after { margin: 0; padding: 0; width: 100%; text-align: center; position: relative; font-size: 52px; text-transform: uppercase; color: #FFF; display: block; font-weight: bold; } .FootContnr:after { content: 'Footer Here'; } @media only screen and (max-width:900px) { .HeadContnr:after, .FootContnr:after { font-size: 40px; } .mainNav .search-toggle-btn { display: none; } .logo-links { float: right; padding-top: 11px; } .col1-layout .col-main, .col-main { margin-bottom: 0; } #sticker.sticky .logo-links { padding-top: 8px; } .skip-search { float: right; margin-top: -60px; height: 50px; } .account-link-outer { margin-left: 10px; } .header-minicart { padding-left: 0; } } @media only screen and (max-width:900px) and (min-width:768px) { .topbar .container { padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width:767px) { .logo-links { padding-top: 11px; } #search { height: 50px; } #header-search { /* height: 50px; */ /* background: #3C9334; */ } #header-search { } .contact-number-outer span {/* position: fixed; */ top: 50%; left: 50%;/* background: #FFF; */ z-index: 111;/* padding: 10px; */ border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;/* margin: -22px 0 0 -66px; */ z-index: 10000; /* opacity:0; */ /* visibility:hidden; */ } } @media only screen and (max-width:479px) { .HeadContnr:after, .FootContnr:after { font-size: 25px; line-height: 10px; font-weight: bold; } #my-orders-table tr td { width: 100%; text-align: left !important } .footer .links { width: 100%; margin-bottom: 0; } .footer-links-inner { margin-bottom: 11px; } .footer .links:last-child { margin-bottom: 0 } .footer-container { padding: 0px 0 0 0; } .footer-links-outer { padding-bottom: 14px; } .footer .block-title strong { font-size: 16px; line-height: 22px; } .footer-links-inner > .cf { display: none; padding: 20px 0 0; } .footer .block-title:before { content: ''; display: block; position: absolute; right: 0; top: 0; width: 26px; height: 26px; } .footer .block-title:after { content: ''; display: block; position: absolute; right: 0; top: -1px; color: #606060; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat -3px -1069px; width: 26px; height: 26px; } .footer .block-title.active:after { background-position: -34px -1069px; } .footer-bottom-outer .container { width: auto; padding: 0 10px; } .footer address { font-size: 14px; line-height: 24px; margin-bottom: 7px; } .footer-bottom-outer { text-align: center; } .footer-bottom-left { padding: 17px 0 25px 0; } } @media only screen and (max-width:359px) { .logo { width: 177px; } } /*Footer always bottom*/ /*Footer always bottom*/ .footer-inner { padding-top: 160px; } .footer-top-strip { position: absolute; left: 0; right: 0; top: 55px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/footer-frut-strip.jpg) repeat-x 0 0; height: 110px; -moz-animation-name: rotate_bg; -moz-animation-duration: 60s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-name: rotate_bg; -webkit-animation-duration: 60s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -ms-animation-name: rotate_bg; -ms-animation-duration: 60s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotate_bg; -o-animation-duration: 60s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate_bg; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes rotate_bg { 0% { background-position:0 0; } 100% { background-position:-1663px 0; } } @-webkit-keyframes rotate_bg { 0% { background-position:0 0; } 100% { background-position:-1663px 0; } } @-ms-keyframes rotate_bg { 0% { background-position:0 0; } 100% { background-position:-1663px 0; } } @-o-keyframes rotate_bg { 0% { background-position:0 0; } 100% { background-position:-1663px 0; } } @keyframes rotate_bg { 0% { background-position:0 0; } 100% { background-position:-1663px 0; } } @media all and (min-width:768px) { html, body { height: 100%; } .page { min-height: 100%; position: relative; } .wrapper { min-height: 100%; /* overflow: hidden; */ } .footer-always-bottom .footer-container { position: absolute; bottom: 0; width: 100%; /* Height of the footer */ } } #stickerStickyWrapper, #sticker { width: 100% !important; height: auto !important; } /*Footer always bottom ends*/ /*Extra*/ html, body { margin: 0; padding: 0; } body { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; left: 0; position: relative; } body.show-cart, body.show-cart .header-outer { left: -500px; } body.show-quote, body.show-quote .header-outer { left: -500px; } body.no-scroll { overflow: hidden } body.show-cart, body.show-menu, body.show-links, body.show-quote { overflow: hidden } /*Footer always bottom ends*/ .menu-handle { display: none; position: relative; float: left; width: 47px; height: 40px; } .menu-handle span.menu-handle-icon { position: absolute; right: 12px; top: 12px; width: 25px; } .menu-handle span.menu-handle-icon span { position: absolute; width: 100%; height: 4px; background: #836300; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; } .menu-handle span.menu-handle-icon span.second { top: 8px; } .menu-handle.active span.menu-handle-icon span.first { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .menu-handle.active span.menu-handle-icon span.second { opacity: 0 } .menu-handle.active span.menu-handle-icon span.third { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; } .menu-handle span.menu-handle-icon span.third { top: 16px; } .toggle-handle { position: absolute; width: 31px; height: 31px; right: 0; top: 0; cursor: pointer; display: none; z-index: 11; } .toggle-handle em { position: absolute; left: 10px; right: 12px; top: 14px; background: #6B6B6C; } .toggle-handle em.first { height: 1px; } .toggle-handle em.second { top: 10px; bottom: 12px; left: 14px; width: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .menu-selected > .toggle-handle em.second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media all and (max-width:900px) { .menu-handle, .toggle-handle { display: block } body.show-menu { left: 290px; } body.show-cart { left: -500px; } body.show-links { left: 290px; } #header-cart { width: 500px; } .nav-primary li { position: relative } } @media all and (max-width:767px) { #stickerStickyWrapper, #sticker { box-shadow: 0 2px 2px 0px #888888; } .deliverytimewrapper { margin-bottom: 32px; padding: 10px 0; } .deliverytimeright input { height: 53px; padding-left: 10px; } .deliverytimeright button { height: 53px; width: 41px; } } @media all and (max-width:479px) { body.show-links { left: 100%; } body.show-cart, .show-cart .header-outer { left: -100%; } body.show-menu { left: 100%; } #header-cart { width: 100%; } } .scrollToTop { position: fixed; right: 10px; bottom: 40px; z-index: 1 } .customer-account-create .scrollToTop, .customer-account-login .scrollToTop, .customer-account-forgotpassword .scrollToTop { display: none; } .scrollToTop span { width: 40px; height: 40px; border: 2px solid #0071bd; border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; display: block; background: #fff; } .scrollToTop span:hover { border-color: #0071bd; } .scrollToTop span:before, .scrollToTop span:after { content: ''; display: block; border-width: 0 10px 10px; border-style: solid; border-color: transparent; border-bottom-color: #0071bd; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -9px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .scrollToTop span:after { border-bottom-color: #fff; margin-top: -3px; } .scrollToTop:hover span:before { border-bottom-color: #0071bd; } @media all and (max-width:767px) { .scrollToTop span { width: 30px; height: 30px; } .scrollToTop { right: 20px; bottom: 72px; } .scrollToTop span:before { border-width: 0 8px 8px; margin: -5px 0 0 -7px } } .cms-page-view .std p, .cms-no-route .std p, .general-info-box p, .tab_container p { font-size: 15px; line-height: 24px; color: #000000; margin-bottom: 10px; } .cms-page-view .std p a { color: #0071bd; word-wrap: break-word; } .cms-page-view .std p a:hover { color: #000 } .cms-page-view .std p:last-child, .cms-no-route .std p:last-child { margin-bottom: 0 } .cms-no-route .std .not-found-bottom-text { margin-top: 10px; } .cms-no-route .std .not-found-bottom-text a { color: #F05D2A; } .cms-no-route .std .not-found-bottom-text a:hover { color: #007CB7; } .cms-no-route .std .not-found-bottom-text p { font-size: 17px; line-height: 23px; } .cms-no-route .std .not-found-bottom-text p a { text-decoration: underline } .cms-no-route .std .not-found-bottom-text p a:hover { text-decoration: none } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .cms-page-view .std .container_cms h2 {display:inline-block; margin:0 10px 0 0;} .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; margin: 0 auto } .more-views .owl-carousel .owl-stage { margin: 0; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .more-views .product-image-thumbs.owl-carousel .owl-stage-outer { /*width: 95%;*/ margin: 0 auto; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: -23px; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item .item { padding: 0 } .item_1.owl-carousel .owl-item { margin-right: 0 !important; width: auto !important; max-width: 255px; } .owl-carousel .owl-item img { display: block; max-width: 100%; margin: 0 auto; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } #quick-shop-table input.btn-remove2 { background-position: -1px -886px; width: 27px; height: 22px; } .section-title { font-size: 36px; line-height: 42px; color: #303030; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .how-it-top-circle { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/red-bg.jpg) no-repeat; background-size: 100% 100%; height: 270px; font-size: 18px; line-height: 24px; color: #000; text-transform: uppercase; font-weight: bold; text-align: center; padding-top: 179px; position: relative; margin-top: 0px; } .packing-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/yellow-bg.jpg); height: 288px; padding-top: 182px; } .delivery-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/green-bg.jpg); height: 287px; padding-top: 203px; } .cooking-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/green1-bg.png); height: 301px; padding-top: 189px; } .how-it-top-circle { top: 19px; } .packing-col .how-it-top-circle { top: 17px; } .delivery-col .how-it-top-circle { top: -3px; } .cooking-col .how-it-top-circle { top: 10px; } @media all and (min-width:1200px) { .how-it-top-circle-outer { left: -28px; } .packing-col .how-it-top-circle-outer { left: -28px; } .delivery-col .how-it-top-circle-outer { left: -5px; } .cooking-col .how-it-top-circle-outer { left: -24px; } } .how-it-top-circle-outer { width: 287px; margin: 0 auto; } .packing-col .how-it-top-circle-outer { width: 301px; } .delivery-col .how-it-top-circle-outer { width: 275px; } .cooking-col .how-it-top-circle-outer { width: 301px; } .how-it-top-circle span { position: relative; left: 4px; } .packing-col .how-it-top-circle span { left: 3px; } .delivery-col .how-it-top-circle span { left: 3px; top: -1px; } .cooking-col .how-it-top-circle span { left: 16px; } .how-it-top-circle-outer { height: 315px; position: relative } .how-it-top-circle-outer:after { content: ''; display: block; position: absolute; left: 50%; bottom: 2px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat -86px -248px; width: 14px; height: 67px; margin-left: -3px; } .packing-col .how-it-top-circle-outer:after { margin-left: -4px; } .delivery-col .how-it-top-circle-outer:after { margin-left: -5px; bottom: 3px; } .cooking-col .how-it-top-circle-outer:after { margin-left: 8px; } .how-it-top-circle:before { content: ''; display: block; position: absolute; left: 50%; top: 77px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -278px; width: 65px; height: 76px; margin-left: -28px; } .packing-col .how-it-top-circle:before { background-position: 0 -359px; width: 69px; height: 66px; top: 84px; margin-left: -30px; } .delivery-col .how-it-top-circle:before { background-position: 0 -430px; width: 79px; height: 61px; top: 107px; margin-left: -37px; } .cooking-col .how-it-top-circle:before { background-position: 0 -496px; width: 79px; height: 66px; top: 91px; margin-left: -24px; } .how-it-text:before { content: ''; display: block; position: absolute; left: 100%; margin-left: 0; top: 4px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat -70px -1067px; width: 30px; height: 26px; } .how-it-work-col:last-child .how-it-text:before { background: none } .how-it-text { text-align: center; font-size: 17px; line-height: 23px; color: #333333; padding-top: 16px; position: relative; letter-spacing: 0px; max-width: 262px; } .how-it-work-cols { position: relative } .how-it-work-cols .owl-nav { display: none; } .dotted-border { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/dotted-border.jpg) repeat-x; position: absolute; left: 0; top: 320px; right: 0; height: 4px; } .red-bg { } .how-it-work-section { background: #f0f0f0; padding: 43px 0 88px 0; } .how-it-work-section .how-it-work-cols-wrapper { position: relative } .how-it-work-col { padding: 15px; position: relative; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .how-it-work-cols-wrapper.active .how-it-work-col { opacity: 1; } .owl-item:nth-child(2) .how-it-work-col { transition-delay: 0.5s } .owl-item:nth-child(3) .how-it-work-col { transition-delay: 1s } .owl-item:nth-child(4) .how-it-work-col { transition-delay: 1.5s } .home-product-section { padding: 71px 0 54px 0; } .home-product-section .section-title { margin-bottom: 28px; } .home-product-section .container { max-width: 1230px; } .home-product-section .category-products ul { margin-bottom: 0 } @media all and (min-width:1201px) { .product-slider.items-1 .owl-controls, .product-slider.items-2 .owl-controls, .product-slider.items-3 .owl-controls, .product-slider.items-4 .owl-controls { display: none; } .product-slider.items-1 .owl-stage, .product-slider.items-2 .owl-stage, .product-slider.items-3 .owl-stage, .product-slider.items-4 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:1200px) and (min-width:901px) { .product-slider.items-1 .owl-controls, .product-slider.items-2 .owl-controls, .product-slider.items-3 .owl-controls { display: none; } .product-slider.items-1 .owl-stage, .product-slider.items-2 .owl-stage, .product-slider.items-3 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:900px) and (min-width:369px) { .product-slider.items-1 .owl-controls, .product-slider.items-2 .owl-controls { display: none; } .product-slider.items-1 .owl-stage, .product-slider.items-2 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:368px) { .product-slider.items-1 .owl-controls { display: none; } .product-slider.items-1 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } .item { padding: 15px; } .item-inner { border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 14px 12px 10px 14px; } .home-product-section .item-inner { padding: 10px; } .std ul li.item { margin: 0; } .no-touch .item:hover .item-inner { box-shadow: inset 0 0 0 4px #0071bd; -webkit-box-shadow: inset 0 0 0 4px #0071bd; border-color: #0071bd; } .no-touch .green-border:hover .item-inner { box-shadow: inset 0 0 0 4px #0071bd; -webkit-box-shadow: inset 0 0 0 4px #0071bd; border-color: #0071bd; } .products-grid .item .product-image, #block-related .item .product-image { display: block; float: none; } .category-products .products-grid .item .product-image { margin-bottom: 20px; background: #FFF; } #block-related .item .product-image { margin-bottom: 15px; background: #fff; } .home-product-section .category-products .item .product-image { margin-bottom: 25px; } .category-products .item .label, .product-img-box .label, #block-related .item .label { position: absolute; right: 10px; top: 10px; background: #0071bd; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; text-align: center; z-index: 10; } .product-label-logo { position: absolute; left: 10px; top: 10px; width: 80px; z-index: 10; } .product-label-logo img { max-width: 100%; height: auto; } .product-img-box .label { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/label-bg.png) no-repeat; width: 104px; height: 104px; line-height: 104px; font-weight: bold; font-size: 12px; text-transform: uppercase; top: 0; right: 14px; background-size: 100% 100%; } .std ul li.item { list-style: none; text-align: center; } .category-products .item .price { font-size: 16px; line-height: 26px; color: #f8941d; font-family: 'latobold'; display: block; margin-bottom: 0px; /*14px; */ opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #block-related .item .price { font-size: 24px; line-height: 30px; color: #0071bd; font-weight: bold; display: block; margin-bottom: 14px; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .category-products .item .old-price .price, #block-related .item .old-price .price { font-size: 16px; line-height: 22px; color: #555 } .no-touch .home-product-section .category-products .item:hover .no-cart .price { opacity: 1; } .no-touch .home-product-section .category-products .item:hover .price { opacity: 0; } .item .product-info { -webkit-perspective: 500px; perspective: 500px; padding-bottom: 0 !important; min-height: 0 !important; } .home-product-section .item .actions { position: absolute; left: 50%; bottom: 0; margin-left: -64px; opacity: 0; } .no-touch .home-product-section .item:hover .actions { opacity: 1; } .std .item p { margin-bottom: 0 } .home-product-section .item button { margin-right: 5px; } .item .action:before, .item .action:after { content: ''; display: table; } .item .action:after { clear: both; } .item .action { zoom: 1; } .home-product-section .category-products .item button, .home-product-section .category-products .item .button { text-indent: -9999em; display: block; position: relative; float: left; background: #0071bd; width: 60px; height: 59px; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; } .home-product-section .category-products .item a.button { background: #0071bd; } .home-product-section .category-products .item .button:before, .home-product-section .category-products .item .button:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -17px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 1px -567px; width: 35px; height: 28px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .home-product-section .category-products .item .button:after { background-position: -38px -567px; opacity: 0; } .home-product-section .category-products .item a.button:before, .home-product-section .category-products .item a.button:after { background-position: 0 -601px; width: 27px; height: 28px; margin: -14px 0 0 -13px; } .home-product-section .category-products .item a.button:after { background-position: -33px -601px; } @media all and (min-width:1350px) { .product-slider .owl-nav div, .block-related .owl-nav div { left: -68px; margin-top: -26px; } .product-slider .owl-nav div.owl-next, .block-related .owl-nav div.owl-next { right: -70px; left: auto } .welcome-left-inner { left: -13px; } .read-more-button a { left: 3px; } } @media all and (min-width:901px) { .block-related.items-1 .owl-controls, .block-related.items-2 .owl-controls, .block-related.items-3 .owl-controls, .block-related.items-4 .owl-controls { display: none; } .block-related.items-1 .owl-stage, .block-related.items-2 .owl-stage, .block-related.items-3 .owl-stage, .block-related.items-4 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:900px) and (min-width:768px) { .block-related.items-1 .owl-controls, .block-related.items-2 .owl-controls, .block-related.items-3 .owl-controls { display: none; } .block-related.items-1 .owl-stage, .block-related.items-2 .owl-stage, .block-related.items-3 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:767px) and (min-width:480px) { .block-related.items-1 .owl-controls, .block-related.items-2 .owl-controls { display: none; } .block-related.items-1 .owl-stage, .block-related.items-2 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (max-width:479px) { .block-related.items-1 .owl-controls { display: none; } .block-related.items-1 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } .welcome-left { float: left; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/about-us-bg.jpg) no-repeat; width: 50%; position: relative; } .welcome-left h2 { color: #fff; font-size: 36px; line-height: 42px; text-transform: uppercase; font-weight: bold; max-width: 390px; margin: 0 auto 22px; } .std .welcome-left p { color: #cccccc; text-align: center; line-height: 24px; font-size: 14px; margin-bottom: 24px; } .std .welcome-left p:last-child { margin-bottom: 0; } .welcome-left .read-more-button { margin-top: -8px; } .read-more-button a { background: #0071bd; font-weight: bold; font-size: 16px; line-height: 60px; color: #000; width: 215px; height: 60px; text-align: center; text-transform: uppercase; display: block; margin: 0 auto; border-radius: 10px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .no-touch .read-more-button a:hover { background: #0071bd; color: #000; } .welcome-left:before { content: ''; background: rgba(37,37,37,0.9); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .welcome-left-inner { position: relative; z-index: 1; text-align: center; max-width: 570px; margin: 0 0 0 auto; padding: 37px 20px 22px 20px; } @media all and (min-width:901px) { .welcome-left-inner { max-height: 505px; overflow-x: hidden; overflow-y: auto; } } .welcome-right { float: left; width: 50%; background: #f0f0f0; text-align: center; position: relative; padding-top: 24px; padding-bottom: 6px; } .welcome-right:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -21px; width: 39px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/abous-sep.png) no-repeat 0 center; } .welcome-right h2 { font-size: 36px; line-height: 42px; color: #303030; margin-bottom: 6px; font-weight: bold; text-transform: uppercase; } .testimonial-sub-title { font-size: 19px; line-height: 25px; color: #303030; font-weight: normal; margin-bottom: 18px; } @media all and (min-width:768px) { .testimonial-wrapper li .testimonialmessage { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/testimonial-bg.png) no-repeat; min-height: 384px; background-size: 100% 100%; padding: 20px 20px 90px 20px; } } .testimonial-wrapper.flexslider .slides { position: relative } .testimonial-wrapper.flexslider .slides .testimonialmessage { position: relative; top: 0; padding-top: 63px; padding-bottom: 111px; } .testimonial-wrapper .flex-direction-nav { display: none; } .testimonialmessage-inner { max-width: 390px; margin: 0px auto 0; } .welcome-right-inner { max-width: 541px; margin: 0 auto; } @media all and (min-width:1350px) { .testimonial-wrapper { position: relative; left: -23px; } .welcome-right-inner { position: relative; left: -11px; } } @media all and (min-width:768px) { .testimonialname { position: absolute; left: 50%; bottom: 8px; } } .testimonialname { font-size: 18px; line-height: 24px; color: #303030; margin-left: 24px; width: 200px; text-align: left; z-index: 1 } .testimonialname:before { content: '-'; margin-right: 5px; } .testimonial-wrapper.flexslider .slides > li { overflow: visible } .testimonialmessage { font-size: 17px; line-height: 30px; color: #606060; letter-spacing: 1px; } @media all and (max-width:479px) { .item_1.owl-carousel .owl-item { margin-right: 0 !important; width: auto !important; max-width: 215px; } } @media all and (max-width:767px) { .zopim { display: none !important; } } .amquickview-ajax-view .zopim { display: none !important; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .no-touch .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-nav div { position: absolute; width: 40px; height: 53px; cursor: pointer; text-indent: -9999px; left: 0; top: 32%; margin-top: -27px; } .owl-nav div.owl-next { right: 0; left: auto } .fullwidthslider .owl-nav div { top: 50%; left: 50%; margin-left: -520px; } .fullwidthslider .owl-nav div.owl-next { margin-left: 520px; } .owl-dots { text-align: center } .owl-dots .owl-dot, .flex-control-paging li { display: inline-block; margin-right: 5px; cursor: pointer } .owl-dots .owl-dot:last-child, .flex-control-paging li:last-child { margin-right: 0; } .owl-dots .owl-dot span, .flex-control-paging li a { background: #c9c9c9; width: 14px; height: 14px; border-radius: 14px; -webkit-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: block } .owl-dots .owl-dot.active span, .no-touch .owl-dots .owl-dot:hover span, .flex-control-paging li a.flex-active { background: #0071bd; } .homebanner .owl-nav div:before { content: ''; display: block; position: absolute; width: 13px; height: 23px; opacity: 1 !important; top: 16px; left: 19px; } .homebanner .owl-nav div.owl-next:before { background-position: -15px -398px; left: 22px; } .no-touch .homebanner .owl-nav div:hover { background: rgba(255,255,255,1); } #products-colle .owl-nav div.owl-prev { left: -31px; border: 0; } #products-colle .owl-nav div.owl-next { right: -31px; border: 0 } @media all and (min-width:768px) { .homebanner.flexslider .slides img { width: auto; min-width: 100%; position: relative; left: 50%; transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); } .homebanner.flexslider .slides li { overflow: hidden } } @media all and (max-width:1024px) { .homebanner.flexslider .slides li img { width: 150%; } .homebanner .slider-placeholder { width: 150%; } } .flex-pauseplay { display: none; } .homebanner { /*background: #a0d467;*/ overflow: hidden; z-index: 1; } @media all and (min-width:768px) { .flexslider .slides { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } } @media all and (max-width:767px) { .homebanner .slider-placeholder, .homebanner.active .slider-loader { display: none; } .homebanner.flexslider .slides li img { width: 100% } } .homebanner .slider-loader { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); max-width: 100%; height: auto; max-height: 100%; width: 250px } .homebanner .slider-placeholder { min-width: 100%; height: auto } .homebanner.loaded .slider-loader { display: none; } .homebanner .flex-control-nav { position: absolute; left: 50%; top: 50%; bottom: auto; z-index: 2; margin-left: 600px; transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); width: auto; margin-bottom: 0; } .homebanner .flex-control-nav li { margin-right: 0; margin-left: 0; display: block; margin-bottom: 10px; } .homebanner .flex-control-nav li:last-child { margin-right: 0; } .homebanner .flex-control-nav li a { width: 18px; height: 18px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat -68px -730px; position: relative; } .homebanner .flex-control-nav li a:before, .brand-slider .owl-dot:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .homebanner .flex-control-nav li a:hover:before, .flex-control-nav li a.flex-active:before, .no-touch .brand-slider .owl-dot:hover:before, .brand-slider .owl-dot.active:before { background: #fff; } .brand-slider .owl-dot { border-color: #919191; } .brand-slider .owl-dot:before { border-color: #919191; } .no-touch .brand-slider .owl-dot:hover:before, .brand-slider .owl-dot.active:before { background: #0c82ba; border-color: #0c82ba; } .brand-slider .owl-dots .owl-dot span { background: none; } .brand-slider .owl-dots .owl-dot { margin-right: 10px; } .brand-slider .owl-controls { margin-right: -40px; } .homepage-image { margin: 0 0 45px 0; } .homeimage-section .container { max-width: 1230px; } .home-image-col { padding: 15px; } .homepage-image .owl-dots { display: none !important; } @media all and (min-width:768px) { .homepage-image .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } @media all and (min-width:1201px) { .how-it-work-cols .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } .homeimg-block { box-shadow: 0 0 0 0 #0071bd; -webkit-box-shadow: 0 0 0 0 #0071bd; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .homeimage-caption { opacity: 0 } .no-touch .homeimg-block:hover { box-shadow: 0 0 0px 6px #0071bd; -webkit-box-shadow: 0 0 0px 6px #0071bd; } .homeimg-block-inner { border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; position: relative } .homeimage-caption { position: absolute; left: 0; right: 0; bottom: 0; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/box-text-bg.png) no-repeat center 0; text-align: center; padding: 30px 10px 10px 10px; z-index: 1; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; } .homeimage-caption h2 { color: #000000; font-size: 18px; line-height: 24px; margin-bottom: 14px; } .std .homeimage-caption p { text-align: center; color: #303030; font-size: 14px; line-height: 20px; margin-bottom: 0; } .homeimg-block a { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .homeimg-block a.homeimg-image { position: relative; display: block; z-index: 1; } .no-touch .homeimg-block a.homeimg-image:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(64,64,64,0.3); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; } .homeimg-block a.homeimg-image:hover:before { opacity: 0; } .homeimg-block a:hover { box-shadow: 0 0 5px 0 #333; } .homeimg-block img { width: 100%; height: auto; } .homeimg-block:last-child { margin-bottom: 0px; } .home-become-retailer { background: #0071bd; position: relative; padding-bottom: 124px; text-align: center; padding-top: 53px; } @media all and (max-width:1300px) { .homebanner .flex-control-nav { left: auto; margin-left: 0; right: 20px; } } @media all and (min-width:901px) { .home-become-retailer h2 { display: inline-block; min-width: 773px; } } .home-become-retailer h2 { color: #fff; font-size: 58px; line-height: 72px; /*font-family: 'AvenirNextLTProHeavyCn';*/ text-transform: none; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/retaier-title-bg.png) no-repeat; padding: 23px 20px 27px 20px; background-size: 100% 100%; letter-spacing: 9px; margin-bottom: 20px; position: relative; } .no-touch .home-become-retailer h2 span:before, .no-touch .home-become-retailer h2 span:after { content: ''; display: block; position: absolute; top: 10px; height: 8px; background: #0071bd; left: 0; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .home-become-retailer h2 span:after { top: auto; bottom: 10px } .no-touch .home-become-retailer h2.show-border span:before { right: 100%; } .no-touch .home-become-retailer h2.show-border span:after { left: 100%; } .no-touch .home-become-retailer h2:before, .no-touch .home-become-retailer h2:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 6px; background: #0071bd; left: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .home-become-retailer h2.show-border:before { top: 100%; } .no-touch .home-become-retailer h2:after { left: auto; right: 13px; } .no-touch .home-become-retailer h2.show-border:after { bottom: 100%; } .home-become-retailer p { text-align: center; font-size: 24px; line-height: 30px; color: #fff; margin-bottom: 29px; letter-spacing: 1px; } .become-retail-click { font-size: 16px; line-height: 22px; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; } .become-retail-click-outer { position: relative } .become-retail-click-outer:before, .become-retail-click-outer:after { content: ''; display: block; position: absolute; left: 50%; top: -3px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0px -157px; width: 44px; height: 26px; margin-left: -130px; } .customer-account-changeforgotten .col-main { max-width: 600px } .become-retail-click-outer:after { background-position: -48px -157px; margin-left: 90px; } .become-retail-click:hover { text-decoration: none; color: #fff; border-bottom: 1px solid transparent; } .home-become-retailer:before { content: ''; display: block; position: absolute; left: 0; right: 0; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/become-retailer-bg.png) repeat 0 19px; height: 123px; bottom: -12px; background-size: auto 100%; -moz-animation-name: rotate_bg; -moz-animation-duration: 60s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-name: rotate_bg; -webkit-animation-duration: 60s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -ms-animation-name: rotate_bg; -ms-animation-duration: 60s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotate_bg; -o-animation-duration: 60s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate_bg; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes rotate_bg { 0% { background-position:0 19px; } 100% { background-position:-1663px 19px; } } @-webkit-keyframes rotate_bg { 0% { background-position:0 19px; } 100% { background-position:-1663px 19px; } } @-ms-keyframes rotate_bg { 0% { background-position:0 19px; } 100% { background-position:-1663px 19px; } } @-o-keyframes rotate_bg { 0% { background-position:0 19px; } 100% { background-position:-1663px 19px; } } @keyframes rotate_bg { 0% { background-position:0 19px; } 100% { background-position:-1663px 19px; } } @media all and (max-width:1300px) { .home-support-aus-designer { left: 0; } } @media all and (max-width:567px) { .home-support-aus-designer > div { font-size: 26px; line-height: 30px; left: 0 } .home-feature-latest-products #tab-container ul { margin-bottom: 25px; } .contact-want-to-tell button { margin-right: auto; } } .home-feature-latest-products { max-width: 1200px; margin: 0 auto; padding: 65px 15px 35px; } .home-feature-latest-products #tab-container ul { max-width: 810px; margin: 0 auto 58px; } .home-feature-latest-products #tab-container li { list-style: none; float: left; width: 33.3%; padding: 0 15px; text-align: center; margin: 0; position: relative } .home-feature-latest-products .tab-inner { position: relative } .home-feature-latest-products .tab-content h2.tab-title { display: none; text-align: center; } .home-feature-latest-products #tab-container li a, .home-feature-latest-products .tab-content h2.tab-title a, .home-feature-latest-products li.tab .tab-inner .front, .home-feature-latest-products li.tab .tab-inner .information { font-size: 16px; line-height: 24px; color: #fff; display: block; padding: 18px 10px 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #212121; color: #404040; text-transform: uppercase; } .home-feature-latest-products #tab-container li .information a { color: #fff; border: 0 } .home-feature-latest-products #tab-container li a:hover, .home-feature-latest-products #tab-container li.active a, .home-feature-latest-products .tab-content.active h2.tab-title a { background: #0071bd; border: 1px solid #0071bd; color: #fff; } .home-feature-latest-products .tab-content { position: relative; } .home-feature-latest-products .tab-content .owl-stage-outer { height: 0; overflow: hidden; } .home-feature-latest-products .owl-controls { display: none; } .home-feature-latest-products .tab-content.active .owl-stage-outer { height: auto } .home-feature-latest-products .tab-content.active .owl-controls { display: block; } @media all and (min-width:1024px) { .home-feature-latest-products .tab-content .item_4 .owl-controls, .home-feature-latest-products .tab-content .item_3 .owl-controls, .home-feature-latest-products .tab-content .item_2 .owl-controls, .home-feature-latest-products .tab-content .item_1 .owl-controls, .block-related .item_4 .owl-controls, .block-related .item_3 .owl-controls, .block-related .item_2 .owl-controls, .block-related .item_1 .owl-controls { display: none !important; } } @media all and (min-width:768px) { .home-feature-latest-products .tab-content .item_3 .owl-controls, .home-feature-latest-products .tab-content .item_2 .owl-controls, .home-feature-latest-products .tab-content .item_1 .owl-controls, .block-related .item_3 .owl-controls, .block-related .item_2 .owl-controls, .block-related .item_1 .owl-controls { display: none !important; } } @media all and (min-width:480px) { .home-feature-latest-products .tab-content .item_2 .owl-controls, .home-feature-latest-products .tab-content .item_1 .owl-controls, .block-related .item_2 .owl-controls, .block-related .item_1 .owl-controls { display: none !important; } } @media all and (max-width:479px) { .home-feature-latest-products .tab-content .item_1 .owl-controls, .block-related .item_1 .owl-controls { display: none !important; } .header-outer { margin-bottom: 0 } } .home-feature-latest-products .product-name a { color: #303030; display: block; text-align: center; font-size: 16px; line-height: 17px; text-transform: none; /* height:35px; */ overflow: hidden; } .home-feature-latest-products .price-box, .home-feature-latest-products .price-box p { text-align: center } .price-box .price { font-size: 22px; line-height: 28px; } .old-price .price { font-size: 18px; line-height: 24px; color: #a9a9a9; } .home-feature-latest-products .item, .products-grid .item { position: relative; background: none !important; overflow: hidden } .home-banner-cancer-foundation { padding-bottom: 10px; position: relative } .home-banner-cancer-foundation .cancer-banner-desktop img { width: 100%; height: auto } .product-image-wrapper { border: 0 } .loggedout .home-feature-latest-products .owl-nav div { margin-top: -43px; } .home-feature-latest-products .owl-nav div { left: -46px; } .home-feature-latest-products .owl-nav div.owl-next, .products-grid .owl-nav div.owl-next { left: auto; right: -47px; } .home-about-korimco-toys { padding: 66px 0 62px 0; position: relative; } .home-about-korimco-toys p { margin: 0; } .about-img { position: absolute; right: 50%; top: 0; left: 0; bottom: 0; overflow: hidden; margin-right: -118px; } .about-img img { min-width: 100%; height: 100%; width: auto; position: relative; left: 50%; transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); margin-left: -142px; } .about-us-block-content { background: #f9f9f9; padding: 52px 92px 61px; text-align: center; max-width: 670px; margin: 0 auto; position: relative; z-index: 1; left: 249px; } .about-us-block-content h2 { font-size: 36px; line-height: 42px; color: #f15c2b; margin-bottom: 16px; text-transform: capitalize; } .about-us-block-content p { font-size: 14px; line-height: 24px; color: #606060; text-align: center; } .about-us-block-content > p { margin-bottom: 35px; } .read-more-outer a { display: inline-block; background: #007cb7; font-size: 16px; line-height: 52px; color: #fff; width: 173px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden; } .read-more-outer a span { position: relative; z-index: 1; } .read-more-outer a::before, .read-more-outer a::after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .read-more-outer a::before { background: #FF8A64; } .read-more-outer a::after { background: #0071bd; } .read-more-outer a:hover { color: #fff; } .read-more-outer a:hover::before, .read-more-outer a:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .read-more-outer a:hover::after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; opacity: 1; } /*.read-more-outer a:hover { background: #0071bd; }*/ .brand-slider li { list-style: none; } .home-brand-section { /*background: #eaeaea;*/ padding: 32px 0 16px; } .HomeBrandSlider { max-width: 1200px; padding: 0 15px; margin: 0 auto; } .HomeBrandSlider .brand-slider { margin-bottom: 0 } .brandhome-title { font-size: 20px; line-height: 26px; color: #393939; text-align: center; margin-bottom: 36px; text-transform: uppercase } .HomeBrandSlider .owl-carousel .owl-stage-outer { margin-bottom: 34px; } .onestepcheckout-index-index .one-step-checkout .radioparent .inner { background: #0072bc !important; } .onestepcheckout-index-index .one-step-checkout .radioparent input:checked + .outer { border-color: #0072bc !important; } .onestepcheckout-index-index .one-step-checkout .radioparent .outer { border-color: #dadada !important; } .onestepcheckout-index-index .one-step-checkout .order-review-section dt:nth-child(2) .outer { border-color: #dadada !important; } .onestepcheckout-index-index .one-step-checkout .order-review-section #onestepcheckout-payment-methods dl dt:nth-child(even) label {} .cloud-zoom-big { margin-top: -2px; } .becomeretailer-form { padding-right: 30px; } .become-retail-bottom .subscribe-download-box { float: left; margin-right: 10px; min-width: 33.3%; } .become-retail-bottom .captcha-field-outer { float: left } @media all and (max-width:1280px) { .home-feature-latest-products .owl-nav div { left: -18px; } .home-feature-latest-products .owl-nav div.owl-next { right: -18px; } .products-grid .owl-nav div { left: -18px; } .products-grid .owl-nav div.owl-next { right: -18px; } .home-feature-latest-products .tab-content { padding: 0 25px; } } @media all and (max-width:1240px) { .about-us-block-content { left: 0; margin-right: 20px; } } @media all and (max-width:767px) { .home-feature-latest-products #tab-container li a { font-size: 14px; padding: 12px 5px; } .home-feature-latest-products #tab-container li { padding: 0 5px; } .home-feature-latest-products { padding: 20px 10px 12px } .home-feature-latest-products #tab-container ul { margin-bottom: 11px; } .home-feature-latest-products .panel-container { padding: 0 16px; } .about-img { display: none; } .about-us-block-content { padding: 15px 10px 20px 10px; margin-left: 20px; max-width: none; } .about-us-block-content h2 { font-size: 26px; line-height: 32px; margin-bottom: 17px; } .about-us-block-content > p { margin-bottom: 26px; } .read-more-outer a { font-size: 13px; line-height: 42px; } .home-about-korimco-toys { padding-bottom: 15px; padding-top: 0 } .brandhome-title { font-size: 18px; line-height: 24px; margin-bottom: 4px; } .home-brand-section { padding: 27px 0 4px; } .HomeBrandSlider .owl-carousel .owl-stage-outer { margin-bottom: 13px; } .home-feature-latest-products .product-name a { font-size: 14px; } .mousetrap { display: none !important; } .product-view .product-shop .price-box { margin-top: 0; } } @media all and (max-width:767px) { .sidebar .block { margin-bottom: 15px; } /*.sidebar .block-title { padding: 5px 19px 4px; }*/ .sidebar .block-content { display: none; } .sidebar .block-content.no-display { display: block; } .sidebar .block-title strong { font-size: 14px; } .checkout-cart-index .header-outer, .customer-account .header-outer { margin-bottom: 20px } .block-account li a, .block-cms-menu li a { text-transform: none; font-weight: 400; } } @media all and (max-width:751px) { /*.sidebar .block:not(.block-layered-nav) .block-title > strong:after, .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid white; border-right: none; right: 10px; top: 50%; margin-top: -9px; }*/ } @media all and (max-width:479px) { .home-image-col { width: 100%; } .home-feature-latest-products #tab-container li a, .home-feature-latest-products .tab-content h2.tab-title a { font-size: 16px; padding: 14px 10px 12px; } .home-feature-latest-products #tab-container li, .home-feature-latest-products .tab-content h2.tab-title { float: none; width: 100%; margin-bottom: 10px; } .home-feature-latest-products #tab-container ul { display: none; } .home-feature-latest-products .tab-content h2.tab-title { display: block; width: auto; margin: 0 -16px 10px -16px; } .home-feature-latest-products .tab-content.active .owl-stage-outer { margin-top: 21px; } #checkout-review-table tfoot tr.last td.last { min-width: 0; } .toolbar.top_toolbar .sorter {display: block;} } @media all and (max-width:410px) { .toolbar.top_toolbar .sorter {display: block; float: none;} } @media all and (min-width:480px) { .cms-index-index .footer address { position: relative; padding-right: 13px; margin-right: 14px; } .cms-index-index .footer address:before { content: '|'; position: absolute; right: 0; top: 0; } } .footer_signature { display: none; font-weight: 300; } .cms-index-index .footer_signature { display: inline-block; } .product-enquiry-popup { top: 40px; width: 680px; margin-left: -340px; left: 50%; position: absolute; z-index: 9999; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; transition-property: opacity; } .product-enquiry-popup.show { top: 20px; opacity: 1; visibility: visible; } .overlay_quickview { background: #000; width: 100%; height: 0; position: fixed; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9999; } .top-overlay, .bottom-overlay { background: #000; width: 100%; height: 0; position: fixed; opacity: 0.25; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9; } .top-overlay { top: 0; } .bottom-overlay { bottom: 0; } .overlay_quickview.show .top-overlay, .overlay_quickview.show .bottom-overlay { height: 100%; } #quickview-close { text-indent: -10000px; position: absolute; right: 10px; top: -6px; background: #f05d2a; width: 25px; height: 31px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #quickview-close:hover { background: #007cb7; } #quickview-close:before { content: ''; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -799px; width: 18px; height: 18px; display: block; position: absolute; left: 3px; top: 7px; } #quickview-close:after { content: ''; display: block; position: absolute; right: -5px; top: 0; border-left: 5px solid #00529b; border-top: 5px solid transparent; border-bottom: 0px solid transparent; } .product-enquiry-popup .g-recaptcha { margin-top: 26px; } .product-enquiry-popup .page-title h2 { text-align: center } div#advice-required-entry-company { position: absolute; } .quick-enquiry:before { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon_sprite.png); background-position: 0 -454px; } .product-enquiry-popup .product-essential, .product-enquiry-popup .becomeretailer-form { padding: 20px; box-shadow: 4px 4px 2px 0px #4D4D4D; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .overlay_quickview { background: #000; width: 100%; height: 0; position: fixed; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9999; } .top-overlay, .bottom-overlay { background: #000; width: 100%; height: 0; position: fixed; opacity: 0.25; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9; } .top-overlay { top: 0; } .bottom-overlay { bottom: 0; } .overlay_quickview.show .top-overlay, .overlay_quickview.show .bottom-overlay { height: 100%; } .order-success-block { max-width: 600px; margin: 40px auto 50px auto; background: #fff !important; padding: 70px 20px 50px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); position: relative; } .success-order-number { position: absolute; left: 10px; top: 10px; color: #b3b3b3; } .success-order-number { position: absolute; left: 10px; top: 10px; color: #4A4A4A; font-size: 15px; } .success-order-number a, .success-order-number span { display: block; font-weight: 500; color: #007CB7; } .checkout-onepage-success .wrapper { /*background: #DCDCDC;*/ } .checkout-onepage-success .page-title h1 { text-transform: uppercase; letter-spacing: 2px; } .custom-add-info-section th, .custom-add-info-section td { padding: 11px 7px; border: 1px solid #cecece } .custom-add-info-section th { font-size: 15px; line-height: 21px; color: #000000; font-weight: 500; } .custom-add-info-section td { font-size: 13px; line-height: 19px; color: #000000; } .success-print-link { position: absolute; right: 0; top: 0; font-size: 25px; background: #949494; width: 50px; color: #FFFFFF; height: 50px; line-height: 50px; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .success-print-link:hover { background: #f05d2a; color: #fff; } .success-content { max-width: 380px; margin: 0 auto 15px; } .success-content p { font-size: 16px; line-height: 24px; } .block-subscribe { /* text-align: center; */ } .block-subscribe .block-title strong { font-size: 24px; line-height: 30px; color: #303030; /* text-transform: uppercase; */ /* font-weight: bold; */ padding-bottom: 17px; } .form-subscribe-header label { font-size: 16px; line-height: 22px; color: #464544; padding-bottom: 0; margin-bottom: 24px; } .block-subscribe .input-box { width: 37.7%; float: left; padding: 0 15px 15px; } .block-subscribe .input-box input { border: 1px solid #909090; height: 55px; padding-left: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; } .block-subscribe .input-box input:focus { border-color: #0071bd; } .block-subscribe .actions { float: left; width: 22.4%; margin-top: 0px; text-align: left; padding-left: 16px; padding-right: 0; } .block-subscribe .actions button.button { width: 100%; max-width: 230px; height: 61px; font-size: 16px; line-height: 22px; /*border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; */ float: none; } .shop-here-listing .subcategorytitle { font-size: 24px; line-height: 30px; color: #303030; font-weight: bold; text-transform: uppercase; margin-bottom: 9px; } .category-shop-here .category-title { display: none; } .shop-here-listing .category-box { padding: 15px; } .listing-section-two .category-box { width: 25%; float: left; } .listing-section-one .category-box { padding: 0; } @media all and (min-width:1250px) { .shop-here-listing .owl-nav div { left: -30px; margin-left: 0; } .shop-here-listing .owl-nav div.owl-next { right: -30px; left: auto; } } @media all and (min-width:901px) { .shop-here-listing .items-1 .owl-controls, .shop-here-listing .items-2 .owl-controls, .shop-here-listing .items-3 .owl-controls, .shop-here-listing .items-4 .owl-controls { display: none; } .shop-here-listing .items-1 .owl-stage, .shop-here-listing .items-2 .owl-stage, .shop-here-listing .items-3 .owl-stage, .shop-here-listing .items-4 .owl-stage { transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; } } .shop-here-listing .category-image-box img { max-width: 100%; height: auto; margin: 0 auto; background-size: cover; background-position: center center; } .shop-here-listing .category-name { margin-bottom: 0px; height: 50px; position: relative; background: #71df96; } .shop-here-listing .category-name a { text-align: center; padding: 14px 10px; font-size: 16px; line-height: 16px; color: #303030; font-weight: bold; text-transform: capitalize; display: block; position: absolute; left: 0; top: 50%; right: 0; transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); } .shop-here-listing .category-box-inner { border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; max-width: 270px; margin: 0 auto; overflow: hidden; } .shop-here-listing .category-box-inner .options { padding: 5px 20px 2px 20px; } .shop-here-listing .options li { border-bottom: 1px solid #dedede; } .shop-here-listing .options li:last-child { border-bottom: 0; } .shop-here-listing .options li a:before, .shop-here-listing .options li a:after { content: ''; display: table; } .shop-here-listing .options li a:after { clear: both; } .shop-here-listing .options li a { display: block; zoom: 1; padding: 9px 0; } .shop-here-listing .boxsize { float: left; } .shop-here-listing .boxsizeprice { float: right; } .category-box-wrapper { margin: 0 0 28px; } .category-shop-here .breadcrumbs { margin-bottom: 25px; } @media all and (min-width:1200px) { .block-subscribe .actions button.button { width: 170px; height: 55px; border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; } } .block-subscribe .block-title { border: 0; padding-top: 0; margin-bottom: 31px; } .block-subscribe .inputbox-wrapper { margin: 0 -15px; } .block-subscribe .block-content { max-width: 1050px; margin: 0 -24px; padding: 0 10px; } .block-subscribe .validation-advice { text-align: left } .card-list { max-width: 140px; padding-top: 4px; } .card-list div { float: left; width: 60px; height: 38px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -634px; text-indent: -999em; margin: 0 10px 10px 0; } .card-list div.american-express { background-position: 0 -682px; } .card-list div.master-card { background-position: 0 -725px; } .card-list div.paypal { background-position: 0 -768px; } #deliverytimepopup .messages { display: block !important; opacity: 0 !important; visibility: hidden; text-align: left; } #deliverytimepopup.active .messages { opacity: 1 !important; visibility: visible; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #deliverytimepopup .messages li.success-msg li { margin: -264px 0 0 -265px !important; width: 530px; } #deliverytimepopup .messages li p { color: #fff; font-weight: normal; font-size: 17px; text-align: left; line-height: 20px; } .view-sidebar-link-wrapper { margin-bottom: 10px; display: none; } .view-sidebar-link { display: block; float: left; padding: 20px; border: 1px solid #e1e1e1; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; } .view-sidebar-link:hover { border-color: #0071bd } .close-sidebar-link { position: absolute; right: 0; top: 0; display: none; width: 36px; height: 47px; text-align: center; line-height: 47px; font-size: 20px; color: #3AA65E; } .mobile-menu { display: none; } /*back to top start*/ #back-top { position: fixed; bottom: 15px; margin-left: 0px; right: 0; z-index: 11; } #back-top a { width: 60px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; outline: none; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 45px; height: 45px; display: block; margin-bottom: 0px; background: #777 url("https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/up-arrow.gif") no-repeat center center; /* rounded corners */ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #f6861f; } /*back to top end*/ .hvr-blue-to-orange { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #0072bc; } .hvr-blue-to-orange::before { background: #f8941d none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .hvr-orange-to-blue { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #f8941d; } .hvr-orange-to-blue::before { background: #0072bc none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .hvr-blue-to-gray { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #0072bc; } .hvr-blue-to-gray::before { background:#f8941d none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .hvr-gray-to-blue { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #999999; } .hvr-gray-to-blue::before { background: #0072bc none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .hvr-gray-to-orange { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #0072bc; } .hvr-gray-to-orange::before { background: #999999 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .hvr-orange-to-gray { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; background: #f8941d; } .hvr-orange-to-gray::before { background: #999999 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .no-touch .hvr-blue-to-orange:hover::before, .no-touch .hvr-blue-to-orange:focus::before, .no-touch .hvr-blue-to-orange:active::before, .no-touch .hvr-orange-to-blue:hover::before, .no-touch .hvr-orange-to-blue:focus::before, .no-touch .hvr-orange-to-blue:active::before, .no-touch .hvr-blue-to-gray:hover::before, .no-touch .hvr-blue-to-gray:focus::before, .no-touch .hvr-blue-to-gray:active::before, .no-touch .hvr-gray-to-blue:hover::before, .no-touch .hvr-gray-to-blue:focus::before, .no-touch .hvr-gray-to-blue:active::before, .no-touch .hvr-gray-to-orange:hover::before, .no-touch .hvr-gray-to-orange:focus::before, .no-touch .hvr-gray-to-orange:active::before, .no-touch .hvr-orange-to-gray:hover::before, .no-touch .hvr-orange-to-gray:focus::before, .no-touch .hvr-orange-to-gray:active::before, .no-touch .view_page_slider .owl-item .item:hover .actions .hvr-gray-to-blue::before { transform: scaleX(1); } /*404 page */ .cms-index-noroute .main .std h1 { margin-bottom: 15px; font-size: 27px; color: #000; text-transform: none; } .cms-index-noroute .main .std h6 { margin-bottom: 20px; font-size: 19px; color: #000; } .cms-index-noroute .main .std div.see_some_helpfullinks { margin-bottom: 15px; font-size: 24px; color: #000; } .cms-index-noroute .main .std ul { margin: 0 0 15px; padding: 0; list-style: none; max-width: 270px; } .cms-index-noroute.cms-no-route.cms-index-noroute .main .std ul { margin: 0 0 15px; padding: 0; list-style: none; max-width: inherit; } .cms-index-noroute .main .std ul li { margin: 0 0 10px 0; padding: 0 0 0 25px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/css/images/jl-bullet.png) no-repeat scroll 0 9px; position: relative; } .cms-index-noroute .main .std ul li:before { font-family: 'FontAwesome'; content: '\f105'; position: absolute; left: 0px; top: 0px; height: 20px; width: 9px; font-size: 18px; color: #222; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .cms-index-noroute .main .std ul li a { font-size: 16px; color: #f4793c; font-family: 'latoSemibold'; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .cms-index-noroute .main .std ul li a:before { background-color: transparent; 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; } .cms-index-noroute .main .std ul li a:after { background-color: #26a3e5; 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; } .no-touch .cms-index-noroute .main .std ul li:hover a { text-decoration: none; color: #26a3e5; } .no-touch .cms-index-noroute .main .std ul li:hover a:before { left: 100%; visibility: hidden; } .cms-index-noroute .main .std ul li:hover a:after { right: 0px; visibility: visible; } .hvr-white-to-blue, .customer-account-create #form-validate .fieldset .buttons-set .back-link, .customer-account-forgotpassword #form-validate .fieldset .buttons-set .back-link a { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.5); background: transparent; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; } .hvr-white-to-blue::before, .customer-account-create #form-validate .fieldset .buttons-set .back-link::after, .customer-account-forgotpassword #form-validate .fieldset .buttons-set .back-link a:after { background: #f6861f none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; z-index: -1; } .no-touch .hvr-white-to-blue:hover::before, .no-touch .hvr-white-to-blue:focus::before, .no-touch .hvr-white-to-blue:active::before, .no-touch .customer-account-create #form-validate .fieldset .buttons-set .back-link:hover::after, .no-touch .customer-account-create #form-validate .fieldset .buttons-set .back-link:focus::after, .no-touch .customer-account-create #form-validate .fieldset .buttons-set .back-link:active::after, .no-touch .customer-account-forgotpassword #form-validate .fieldset .buttons-set .back-link a:hover::after { transform: scaleX(1); } /*404 page */ /*About us css =====================================================*/ @media all and (min-width:901px) { .aboutus-row { position: relative; } .aboutus-content-col { position: absolute; left: 0; top: 0; bottom: 0; right: 50%; overflow-x: hidden; overflow-y: auto; } .scrollbar-disable .aboutus-content-inner { position: absolute; left: 30px; right: 30px; top: 50%; } .scrollbar-enable .aboutus-content-inner { margin-top: 0 !important; } .alt .aboutus-content-col { left: 50%; right: 0; } .aboutus-image-col { float: right; width: 50%; } .alt .aboutus-image-col { float: left; } } .aboutus-content-col { background: #f15e72; text-align: center; padding: 30px; } .aboutus-row2 .aboutus-content-col, .aboutus-row4 .aboutus-content-col { background: #6dc5a2; } .aboutus-row5 .aboutus-content-col { background: #f6a749; } .aboutus-row7 .aboutus-content-col { background: #b7d77b; } .cms-page-view .std .aboutus-content-col h3 { font-size: 24px; line-height: 30px; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .cms-page-view .std .aboutus-content-col p { font-size: 15px; line-height: 20px; margin-bottom: 20px; color: #fff; text-align: center; } .cms-page-view .std .aboutus-content-col p:last-child { margin-bottom: 0; } .aboutus-image-col img { width: 100%; } .about-us-page .how-it-work-section { background: none; padding-top: 47px; padding-bottom: 76px; } .about-us-page .recipes-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/red-bg1.jpg); } .about-us-page .packing-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/yellow-bg1.jpg); } .about-us-page .delivery-col .how-it-top-circle { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/green-bg1.jpg); } .cms-page-view .std .about-us-page h2 { text-align: center; font-size: 36px; line-height: 42px; color: #303030; text-transform: uppercase; font-weight: bold; max-width: 950px; margin: 0 auto 55px; } .about-us-page { padding-bottom: 24px; } /*About us css ends =====================================================*/ /*Contact us css =====================================================*/ .cms-contact-us .main-container { max-width: none; padding: 0; } .cms-contact-us .breadcrumbs { max-width: 1170px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; margin-bottom: 18px; } .contactus-top, .std .contactus-top p { text-align: center; } .contactus-top:first-child p { margin-bottom: 23px; } .cms-page-view .std .contactus-top h2 { margin-bottom: 6px; } .contactus-top { padding-bottom: 28px; } .contactus-top h2, .contactus-bottom h2 { font-size: 21px; line-height: 27px; color: #232323; text-transform: uppercase; font-weight: bold; } .cms-page-view .std .contactus-top p { font-size: 17px; line-height: 24px; color: #404040; font-weight: normal; } .contactus-top p a { color: #0071bd; text-decoration: underline; } .contactus-top p a:hover { text-decoration: none; } .contact-section { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/contactus-bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; min-height: 462px; padding-top: 147px; margin-bottom: 51px; } .contactus-bottom { padding-bottom: 15px; } .contact-section:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(19,19,19,0.77); } .contact-section .container { position: relative; z-index: 1; } .contact-col { float: left; width: 33.3%; text-align: center; } .contact-title { position: relative; font-size: 21px; line-height: 27px; color: #fff; font-weight: bold; padding-top: 114px; margin-bottom: 11px; } .contact-title:before { content: ''; display: block; position: absolute; left: 50%; top: 0; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -1200px; width: 102px; height: 102px; margin-left: -56px; } .phone-us .contact-title:before { background-position: -1px -1311px; } .email-us .contact-title:before { background-position: -1px -1423px; } .contact-content, .contact-content a { font-size: 21px; line-height: 25px; color: #fff; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-content a:hover { color: #0071bd; } .contactus-bottom h2 { text-align: center; color: #404040; line-height: 31px; } .contactus-bottom h2 span { display: block; } /*Contact us css ends =====================================================*/ .subscriptions p { margin-bottom: 25px; } .brandlogo h2 { display: none; } .featured_box_main .featured-product-name a { font-size: 16px; line-height: 24px; color: #303030; font-family: 'latosemibold'; display: block; text-align: center; min-height: 48px; } .featured_box_main .productImage { margin-bottom: 14px; } .featured_box_main .featured-product-name { margin-bottom: -1px; text-align: center; } .featured_box_main .regular-price { font-size: 16px; line-height: 22px; color: #f8941d; font-family: 'latobold'; text-align: center; margin-bottom: 7px; } .featured_box_main .actions { text-align: center; } /*.featured_box_main .owl-dots { display: none !important; }*/ .brand { padding: 79px 0 83px 0; } .brandlogo .owl-carousel .owl-item img { max-width: 132px; max-height: 130px; } .our_story h2 { text-align: left; font-size: 30px; } .our_story h2:before { left: 0; margin-left: 0 } .about-block-left-col p { font-size: 16px; line-height: 24px; color: #606060; margin-bottom: 24px; } .about-block-left-col p.last { margin-bottom: 22px; } .about-block-right-col { float: right; width: 43.7%; position: relative; text-align: center; color: #fff; } .about-block-right-col img { min-width: 100%; height: auto } .about-block-right-col .text1 { font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 6px; } .about-block-right-col .text2 { font-size: 17px; line-height: 23px; color: #fff; font-family: 'latomedium_italic'; border-bottom: 2px solid #1f90e7; padding-bottom: 24px; } .about-block-right-col .about-large-text { font-size: 27px; line-height: 35px; color: #fff; font-family: 'latomedium_italic'; padding-top: 39px; } .about-block-right-col .text3 { font-family: 'latoitalic'; font-size: 19px; line-height: 34px; color: #ffffff; padding-bottom: 57px; } .about-block-right-col .buttons a { font-size: 16px; line-height: 55px; display: inline-block; color: #2b2a2a; width: 170px; height: 55px; background: #f8941d; font-family: 'latobold'; } .about-block-right-col .buttons a:hover { /*background: #909090;*/ color: #fff; } .about-right-bottom-content { background: #1f90e7; padding: 72px 21px 25px 21px; } .about-block-left-col { float: left; width: 56.3%; } .about-block-left-col-inner { max-width: 669px; margin: 0 0 0 auto; padding: 62px 10px 10px 0; } .about-block-left-col p strong { font-size: 18px; line-height: 24px; color: #303030; font-family: 'latosemibold'; } .about-block-left-col ul { margin-top: -4px; padding-bottom: 5px; } .about-block-left-col ul li { position: relative; padding-left: 19px; font-size: 16px; line-height: 22px; color: #606060; padding-bottom: 8px; } .about-block-left-col ul li:before { content: ''; display: block; position: absolute; left: 1px; top: 7px; width: 8px; height: 8px; background: #f8941d; } .our_story .button { width: 170px; padding: 0; height: 55px; line-height: 55px; margin-right: 21px; } .orange-btn { background: #f8941d; color: #2b2a2a; } .about-block-left-col .actions { padding-top: 15px; } .about-block-right-col-inner { position: absolute; left: 30px; top: 45px; width: 470px; } .about-right-top-content { background: #297ec0; padding: 57px 15px 20px; } .product-image-thumbs .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .product-image-gallery a#changeHref { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon-zoom.png) no-repeat center center #ebebeb; bottom: 0px; display: block; font-size: 0; height: 40px; position: absolute; right: 0; text-align: right; text-indent: -5.55556e+12px; width: 40px; outline: none; border-radius: 5px 0 0px 0px; } /*.product-image-gallery a#changeHref:hover { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon-zoom-hover.png); }*/ .more-views { position: relative; } .product-image-thumbs { margin: 0 auto; } .owl-wrapper-outer { overflow: hidden; position: relative; z-index: 2; } .owl-item { float: left; } .item_pro {/*border: 2px solid #e1e1e1; display: table;*/ margin: 0 auto; width: 100%; padding: 0 7px; } .customer-account-create #form-validate .fields .mainemail, .customer-account-create #form-validate .wide .mainemail { padding: 0 10px 13px; } .imgwrap { width: auto; /*margin: 3px; padding: 5px;*/ } .item_pro:hover { border-color: #c8b077; } .item_pro:hover .imgwrap { /*border-color: #fff*/ } .imgwrap img { width: 100%; height: 96px; } .product-image-thumbs a { vertical-align: middle; } .owl-buttons { left: 0; position: absolute; top: 40%; width: 100%; display: block; z-index: 1; } .owl-buttons .owl-prev, .owl-buttons .owl-next { position: absolute; top: 0; width: 25px; height: 25px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon-arrow-sprit.png) no-repeat top left; font-size: 0px; text-indent: -555555555px; cursor: pointer; } .owl-buttons .owl-prev { left: -40px; width: 33px; height: 33px; background-position: 0px 0px; } .owl-buttons .owl-next { right: -40px; width: 33px; height: 33px; background-position: right 0px; } .owl-buttons .owl-prev:hover { background-position: 0px -34px; } .owl-buttons .owl-next:hover { background-position: right -34px; } .subscribe_main_block { padding: 59px 0 14px 0; } .subscribe_main_block .wrap { max-width: 970px; margin: 0 auto; } .subscribe_main_block .subscribe-follow { float: left; width: 132px; } .subscribe_main_block .subscribe_main { float: left; width: 100%; margin-left: -132px; padding-left: 200px; } .subscribe-follow li { float: left; margin-right: 5px; } .subscribe-follow li:last-child { margin-right: 0; } .subscribe-follow li a { width: 40px; height: 40px; display: block; position: relative; background: #515151; text-indent: -999em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .subscribe-follow li a:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat -33px -32px; width: 10px; height: 21px; margin: -10px 0 0 -5px } .subscribe-follow li a:hover { background: #0072bc; } .subscribe-follow h3 { font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 16px; } .subscribe-follow h3:before { left: 0; margin-left: 0; width: 40px; height: 2px; } .subscribe-follow ul { padding-top: 4px; } .subscribe-follow li.twit-link a:before { background-position: -51px -33px; width: 21px; height: 25px; margin: -12px 0 0 -10px; } .subscribe-follow li.linked-link a:before { background-position: -76px -35px; width: 20px; height: 19px; margin: -9px 0 0 -9px; } .block-subscribe .block-title strong:before { left: 2px; margin-left: 0; width: 40px; height: 2px; } .footer-right-bottom .footer-bottom-top-main > a.menu-handle-footer { display: none; } .edit-address-checkboxes .control { position: relative; } .edit-address-checkboxes .control input[type=checkbox] { top: 3px; } #product_addtocart_form .price-info .price-box { line-height: 50px; min-width: 30%; float: left; } #product_addtocart_form .price-info .qty-wrapper label { float: left; margin-right: 10px; line-height: 50px; font-family: 'latomedium'; font-size: 16px; text-transform: capitalize; font-weight: normal; } /*#product_addtocart_form .price-info .add-to-cart, #product_addtocart_form .price-info .sharing-links {display:inline-block;}*/ #product_addtocart_form .price-info .add-to-cart .add-to-cart-buttons .button { float: none; } /* #product_addtocart_form .price-info .sharing-links li .link-facebook {text-indent:-999em; display:inline-block; position:relative;} #product_addtocart_form .price-info .sharing-links li .link-facebook:before {position:absolute; content:""; display:block; width:32px; height:32px; background:url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon_sprite.png); background-position:0 -222px;} */ /* @Br ========================================*/ .tab-container .tab-content .std { margin-bottom: 20px; } .sharing_links_main .add-to-cart { float: left; } .sharing_links_main .sharing-links { float: right; margin-top: 12px; } .product-image-gallery a#changeHref { display: none !important; } .sharing_links_main { padding-top: 30px; } .sharing_links_main .button:nth-child(1) { margin-right: 30px; } .sharing_links_main a.link-email-friend { position: relative; padding-left: 40px !important; } .sharing_links_main a.link-email-friend:before { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) !important; width: 30px; height: 20px; background-position: -67px -116px; position: absolute; content: ""; left: 0; top: 0; } .sharing_links_main a.link-facebook { margin-right: 10px !important; } .sharing_links_main a.link-facebook i { font-size: 26px; color: #a2a2a2; } .sharing_links_main a.link-wishlist i { font-size: 26px; color: #a2a2a2; } .sharing_links_main ul li { padding: 0 !important; } .sharing_links_main ul li:first-child { border-right: 1px solid #a3a3a3; padding-right: 20px !important; margin-right: 16px !important; } .sharing_links_main ul li:nth-child(2) a { position: relative; top: -2px; } .sharing_links_main ul li:nth-child(3) a { position: relative; top: -3px; } .more-views { position: relative; } .more-views .owl-nav .owl-prev, .more-views .owl-nav .owl-next { width: 8px !important; height: 16px !important; position: absolute; text-indent: -999em; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) !important; cursor: pointer; margin: -8px 0 0 0; top: 50%; display: block; padding: 0; } .more-views .owl-nav .owl-prev { background-position: -77px -68px !important; left: 0 !important; } .more-views .owl-nav .owl-prev:hover { background-position: -77px -85px !important; } .more-views .owl-nav .owl-next { background-position: -87px -68px !important; right: 0 !important; } .more-views .owl-nav .owl-next:hover { background-position: -87px -85px !important; } .more-views .owl-nav div.owl-prev:hover:after, .more-views .owl-nav div.owl-next:hover:after { opacity: 1; display: none; } .more-views .owl-nav div.owl-prev:hover:before, .more-views .owl-nav div.owl-next:hover:before { opacity: 0; display: none; } .nav-primary ul { padding-left: 0 !important; border: 1px solid #0071bd; } .nav-primary ul li a { padding-left: 6px !important; border-radius: 0 !important; } .nav-primary ul li a:hover { background: #fff !important; color: #f6861f !important; } .nav-primary li.level0 li.parent > a:hover::after { border-left-color: #f6861f !important; } #search { border: 1px solid #ccc; } .category-products { display: block; } .sidebar .block-layered-nav .block-title { display: none; } .fieldbox { } .fieldbox .services_checkbox p { margin-bottom: 0; } .chairrepair_radio input { margin-top: 7px; } .chairrepair_radio label { padding: 0 5px; } .fieldbox .services_checkbox p input[type=checkbox] { position: relative; margin: 5px 10px 0px 0px; } .fieldbox .field1, #sender_options .field, #recipients_options .field { width: 50%; padding: 0 20px 0 0px; float: left; margin: 0 0 20px; } .fieldbox.issue-fead .field1 { width: 100%; padding: 0 20px 0 0px; float: left; margin: 0 0 20px; } .fieldbox_dealer .field1 { margin: 0 0 20px; } .fieldbox .field1 > label, .fieldbox_dealer .field1 > label, .fieldbox_textarea label, .textarea_chairrepair label, .booking-index-index #contactForm .wide label, .sendfriend-product-send #sender_options .wide label, .telephone label, .telephone1 label, .issue-fead label, #sender_options .field label, #recipients_options .field label { display: block; width: 100%; font-size: 15px; color: #000; margin-bottom: 5px; font-weight: bold; } .form-list.fieldbox .wide label {display: block; width: 100%; font-size: 15px; color: #000; margin-bottom: 5px; font-weight: bold;} .extra { margin-top: 20px; } .telephone1 { margin-top: 5px; } .fieldbox_dealer { margin: 0 0 20px; } .fieldbox_dealer .dealer { width: 50%; padding: 0 15px 0 0px; float: left; } .fieldbox_dealer .client { width: 50%; /*padding: 0 15px;*/ float: left; } .fieldbox_textarea, .google_ceptcha_box, .textarea_chairrepair { padding: 0 20px 0 0px; margin: 0 0 20px; } .cms-products-repair-form .buttons-set { text-align: left; margin-top: 0; } .cms-products-repair-form .buttons-set .hvr-blue-to-gray { float: left; margin: 0 15px 0 0; } .cms-products-repair-form .buttons-set .download_btn { background: #999; float: right; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 20px; } .cms-products-repair-form .buttons-set .download_btn:hover { background: #0072bc; } .cms-products-repair-form input[type="text"], .cms-products-repair-form input[type="email"], .cms-products-repair-form input[type="password"] { border: 1px solid #ccc; border-radius: 0; } .cms-products-repair-form textarea { border: 1px solid #ccc; border-radius: 0; } .cms-products-repair-form p.required { line-height: 45px; margin: 0; } .top_form_list { margin-bottom: 0 !important; } .top_form_list li { float: left; padding: 0 !important; margin-right: 20px !important; } .top_form_list li:before { display: none !important; } .repair_radio input { margin-top: 3px !important; } .repair_radio label { padding-left: 18px !important; margin-right: 10px !important; } .sendfriend-product-send #sender_options {margin-bottom: 20px;} @media all and (max-width:1169px) { .sharing_links_main .add-to-cart { float: none; } .sharing_links_main .sharing-links { float: none; margin-top: 20px; } } /* @Br ========================================*/ .tab-container .tab-content .std { margin-bottom: 20px; } .catalog-product-view #product_addtocart_form .sharing_links_main.detail .add-to-cart { float: left; } .catalog-product-view #product_addtocart_form .sharing_links_main.update .add-to-cart { float: left; } #product_addtocart_form .sharing_links_main .add-to-cart { float: none; } .extra-info > span { margin-bottom: 15px; font-family: 'latosemibold'; font-size: 16px; color: #606060; } .sharing_links_main .sharing-links { float: right; margin-top: 10px; } .product-image-gallery a#changeHref { display: none !important; } .sharing_links_main { padding-top: 30px; } .sharing_links_main.detail { width: 100%; display: inline-block; } .sharing_links_main.detail .add-to-cart, .sharing_links_main.detail .add-to-cart-buttons { display: inline-block; } .sharing_links_main .button:nth-child(1) { margin-right: 30px; } .sharing_links_main a.link-email-friend { position: relative; padding-left: 40px !important; } .sharing_links_main a.link-email-friend:before { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) !important; width: 30px; height: 20px; background-position: -67px -116px; position: absolute; content: ""; left: 0; top: 0; } .sharing_links_main a.link-facebook { margin-right: 10px !important; } .sharing_links_main a.link-facebook i { font-size: 26px; color: #a2a2a2; } .sharing_links_main a.link-wishlist i { font-size: 26px; color: #a2a2a2; } .sharing_links_main ul li { padding: 0 !important; } .sharing_links_main ul li:first-child { border-right: 1px solid #a3a3a3; padding-right: 20px !important; margin-right: 16px !important; } .more-views { position: relative; } .more-views .owl-nav .owl-prev, .more-views .owl-nav .owl-next { width: 8px !important; height: 16px !important; position: absolute; text-indent: -999em; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) !important; cursor: pointer; margin: -8px 0 0 0 !important; top: 50% !important; display: block; padding: 0 !important; } .more-views .owl-nav .owl-prev { background-position: -77px -68px !important; left: 0 !important; } .more-views .owl-nav .owl-prev:hover { background-position: -77px -85px !important; } .more-views .owl-nav .owl-next { background-position: -87px -68px !important; right: 0 !important; } .more-views .owl-nav .owl-next:hover { background-position: -87px -85px !important; } .nav-primary ul { padding-left: 0 !important; border: 1px solid #0071bd; } .nav-primary ul li a { padding-left: 6px !important; border-radius: 0 !important; } .nav-primary ul li a:hover { background: #fff !important; color: #f6861f !important; } .nav-primary li.level0 li.parent > a:hover::after, .nav-primary li.level0 li.parent.active > a::after { border-left-color: #f6861f !important; } #search { border: 1px solid #ccc; } #co-shipping-method-form .sp-methods ul li label { padding-left: 5px; } .fields.additional-row { position: relative; } .fields.additional-row p { position: absolute; right: -10px; top: 20px; z-index: 1; } .cms-page-view .std .pdf_images {margin-top:20px;} .cms-page-view .std .pdf_images li {padding:10px 5px; width:49%; list-style:none; display:inline-block;} .cms-page-view .std .pdf_images li:before {display:none;} /*Responsive css =====================================================*/ @media only screen and (max-width:1199px) { .about-block-right-col img { height: 1400%; max-width: 100%; } .about-block-right-col-inner { margin: 0 auto; left: 0; right: 0; width: 95%; } .about-block-left-col-inner { padding: 62px 10px 10px 9px; } .subscribe_main_block { padding: 20px 0 0 0; } .subscribe_main .block.block-subscribe { margin-bottom: 0; } .footer-right-bottom { padding-top: 20px; padding-bottom: 0; } .footer-left iframe { width: 100%; margin: 0 auto; } .footer-right-left-main { width: 450px; } .footer-right-top-main, .footer-bottom-top-main { display: inline-block; width: 58%; } .my-gallery-block ul li { width: 25%; } } @media all and (min-width:768px) { .mobile-element { display: none; } } @media all and (max-width:768px) { .block-subscribe {padding-top:40px;} } @media all and (max-width:1200px) { .homeimage-caption { padding-top: 15px; } .homeimage-caption h2 { margin-bottom: 5px; font-size: 14px; line-height: 20px; } .std .homeimage-caption p { font-size: 12px; line-height: 18px; } .how-it-work-cols .owl-nav { display: block; } .category-title { margin-top: 0 } .view-sidebar-link-wrapper { display: block } /*.col-left { position: fixed; top: 0px; bottom: 0; left: 0; background: #fff; overflow-x: hidden; overflow-y: auto; left: -290px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 290px; } .customer-account .col-left { display: none; }*/ .customer-account .col-left.col-left-first { display: block; } /*.col2-left-layout .col-main, .col3-layout .col-main { padding-left: 0; margin-left: 0; }*/ .show-sidebar { left: 290px; } .show-sidebar { overflow: hidden } .show-sidebar .header-outer { left: 290px; } .show-sidebar .skip-cart { right: -260px; } .show-sidebar .col-left { left: 0; } #sidebar-nav .block-title strong { font-size: 16px; line-height: 22px; font-family: 'latobold'; } .close-sidebar-link { display: block; } .shop-here-listing .category-name a { font-size: 13px; } .cooking-col .how-it-top-circle { left: -34px; } .cooking-col .how-it-top-circle-outer:after { margin-left: -26px; } .cms-contact-us .breadcrumbs { margin-left: 15px; margin-right: 15px; } .customer-account .col-left .block-content { padding: 0 10px; } .col2-left-layout .breadcrumbs { margin-bottom: 0; } .price-box .special-price { padding-left: 10px; } .category-products .item .old-price .price, #block-related .item .old-price .price { font-size: 12px; } .category-products .item .price, #block-related .item .price { font-size: 18px; } .customer-account .category-image { margin-bottom: 0; } } @media all and (max-width:1023px) { .footer-right-left-main { display: none; } .footer-right-top-main, .footer-bottom-top-main { width: 100%; } .my-gallery-block ul li { width: 33.3%; } } @media all and (max-width:979px) { .customer-account-login .form-list, .customer-account-login .new-users .content ul.benefits, .checkout-multishipping-login .form-list, .checkout-multishipping-login .new-users .content ul.benefits { min-height: 0; } .customer-account-login .login-title, .customer-account-forgotpassword .page-title h1, .customer-account-changeforgotten .page-title h1, .customer-account-create .page-title h1, .customer-account-login h2, .customer-account-login .form-instructions, .customer-account-forgotpassword .form-instructions, .customer-account-changeforgotten .form-instructions, .customer-account-create .form-instructions, .customer-account-forgotpassword .fieldset h2 { text-align: center; } .catagory_box .category ul li { width: 33.3%; } } @media all and (max-width:900px) { .menu-handle { display: block; padding: 15px 0 0 0; position: relative; color: #0071bd; text-transform: uppercase; font-size: 10px; font-weight: 700; width: 33px; text-align: center; margin-top: 5px; } .menu-handle span.menu-handle-icon { position: absolute; right: 50%; top: 0; width: 26px; margin-right: -13px; } .menu-handle span.menu-handle-icon span { position: absolute; width: 100%; height: 5px; background: #0071bd; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .menu-handle span.menu-handle-icon span.second { top: 10px; } .menu-handle.active span.menu-handle-icon span.first { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .menu-handle.active span.menu-handle-icon span.second { opacity: 0 } .menu-handle span.menu-handle-icon span.third { top: 21px; } .menu-handle.active span.menu-handle-icon span.third { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; } .skip-nav { margin: 0px 10px 0 0; display: block; float: left; } .skip-nav:before, .skip-nav:after { display: none; } .welcome-left, .welcome-right { float: none; width: auto; padding-bottom: 30px; } .welcome-left-inner { margin-right: auto; } .welcome-right-inner { margin-left: auto } .footer-logo { margin-bottom: 15px; } .product-img-box { float: none; width: auto; margin-bottom: 20px; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .short-description, .product-view .box-wrapper { float: none; width: auto; padding-top: 15px; padding-left: 0; } .product-view .product-shop { margin-top: 20px; } .product-view #product_addtocart_form > .product-name { display: block; margin-bottom: 20px; } .product-view .product-shop .product-name { display: none; } .product-view .grouped .product-shop .price-info { text-align: center; } .grouped .socailsharing { display: inline-block; margin-left: -30px; } .product-logo { margin-bottom: 20px; display: none; } .product-logo img { margin: 0 auto; } .mobile-menu { display: block; } .aboutus-content-inner { margin-top: 0 !important; } .cms-page-view .std .about-us-page h2 { text-align: center; } .aboutus-row { margin-bottom: 15px; } .aboutus-row:last-child { margin-bottom: 0px; } .listing-section-two .category-box { width: 33.3%; } .contact-content, .contact-content a { font-size: 14px; } .account-cart-wrapper > a { margin-right: 10px; } .nav-primary li.level0 > a { padding: 5px 10px } .logo { width: 150px; } .header-right { margin-right: 50px; margin-top: 7px; } .skip-search:after { content: ''; display: block; position: absolute; top: 4px; width: 1px; height: 40px; background: #d3d3d3; left: 0; } #header > .page-header-container { padding-bottom: 10px; } #header-search { top: 20px; } .skip-search { background: none; } .show-search .search-outer #header-search { top: 2px; } /*.skip-search { height: 70px; }*/ .skip-search:before { background-position: -68px 0; } .categoryList li { width: 50%; padding: 0px 15px 24px 15px; } .products-grid li { width: 49%; display: inline-block; float: none; } } @media all and (max-width:1023px) { .footer-left { position: relative; left: 0; margin: 0 auto; right: 0; width: 90%; padding: 0px 0 0 0; } .subscribe_main_block .wrap { padding: 0 15px } .footer-left iframe { width: 100%; margin: 0 auto; } .footer-right-top { padding: 20px 0 0 0; } .footer-right-bottom { padding: 20px 0 0 0; } .foot-copyright { margin-top: 20px; } #newsletter-validate-detail .block-content { width: 100%; margin: 0; padding: 0; } .block-subscribe .input-box { padding: 10px; } .block-subscribe .actions { padding-left: 0; margin-top: 10px; } .block-subscribe .actions button.button { height: 55px; } .ourcategory_main { padding-bottom: 20px; } .featured_box { padding: 20px 0; } .brand { padding: 20px 0; } .about-block-left-col-inner { padding: 20px 10px 10px 15px; } .about-block-right-col-inner { top: 20px; } .about-right-top-content { padding: 20px 15px 20px; } .about-right-bottom-content { padding: 21px; } .subscribe_main_block .subscribe_main { margin-left: -152px; } .subscribe_main_block .subscribe-follow { float: left; width: 29%; } .subscribe_main_block .subscribe_main { float: left; width: 70%; margin-left: 0; padding-left: 0; } .products-list .product-shop .f-fix p .button { padding: 13px 18px; } .products-grid .actions { text-align: center; } .products-grid .actions .button { float: none; width: 100%; margin: 5px 0; } .cms-products-repair-form .box { padding: 10px; } } @media all and (max-width:770px) { #reorder-validate-detail { display: block !important; } /*9-11-2016*/ .about-block-right-col-inner { width: 100%; position: relative; top: 10px; left: 0; } .subscribe_main_block { padding: 20px 0 0px 0; } .subscribe_main_block .subscribe_main { padding: 0; margin-left: 0; width: 100%; } .about-block-left-col { width: 100%; } .about_part .wrap { padding: 0 15px; margin: 0 auto; } .about-block-left-col-inner { margin: 0; padding: 20px 0 20px 0; } .about-block-right-col img { display: none; } .about-block-right-col { width: 100%; } .footer-left { position: relative; left: 0; top: 0; padding: 10px 0 0 0; /*width: 90%; margin: 0 auto;*/ } .footer-left iframe { width: 100%; } .footer-right-bottom { padding: 10px 0 0 0; } .foot-copyright { margin: 10px 0 0 0; } .col2-left-layout .col-main { float: none; margin-left: 0px; padding-left: 0px; } .col-left { width: 100%; margin-top: 30px } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #FFF; border-right: none; right: 15px; top: 50%; margin-top: -7px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 9px solid #FFF; border-bottom: none; right: 13px; top: 50%; margin-top: -4px; } .footer-right .footer-right-top { width: 100%; margin: 0; padding: 0; float: none; } .footer-right .footer-right-top-main > h2 { border: 2px solid #fff; color: #fff; padding: 10px 30px 10px 10px; line-height: normal; font-size: 14px; margin: 10px 0 10px 0; position: relative; } .footer-right .footer-right-top-main > h2:before { content: ""; width: 11px; height: 17px; position: absolute; right: 10px; top: 50%; margin-top: -8.5px; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/footer-accordian-arrow.png); background-position: -6px 0; } .footer-right .footer-right-top-main.active > h2:before { content: ""; width: 17px; height: 11px; position: absolute; right: 10px; top: 50%; margin-top: -5.5px; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/footer-accordian-arrow.png); background-position: -0px -19px; } .footer-right-top .footer-right-top-main > div { display: none; margin-bottom: 0px; padding: 0 5px; width: 100%; } .header-right { margin-right: 54px; } .account-link-outer, .header-minicart { margin-left: 5px; } .contact-number-outer { padding-left: 20px; } .products-grid { margin: 0; } .products-grid .actions { text-align: center; } .products-grid .actions .button { float: none; margin: 10px 5px; } .products-grid li { display: inline-block; float: none; } .desc.std.prShortDesc { overflow: hidden; height: 65px; margin-top: 5px; } .products-list .product-shop .f-fix p .button { padding: 13px 25px; width: auto; } .cms-index-index.cms-home .footer-right-bottom { padding: 20px 0 0px 0; } .customer-address-form .cf .fieldset:first-child { padding-right: 10px; border-bottom: 0; } .customer-address-form .fieldset { max-width: 50%; } .catagory_box h2, .featured_box_main h2, .our_story h2, .subscribe-follow h3, .block-subscribe .block-title strong { margin-bottom: 5px; } .product-collateral .product-video embed { width: 100%; } .shopping-cart-main #shopping-cart-table tbody tr td:nth-child(3) { text-align: right; } .data-table .product-cart-total { text-align: right; } #discount-coupon-form .input-text { margin-right: 8px; } /*9-11-2016*/ } @media all and (max-width:767px) { .page-header { background: #fff; padding-bottom: 0; min-height: 54px; } .product-enquiry-popup { width: auto; margin-left: 0; left: 15px; right: 15px; } .cms-img { margin-bottom: 20px; } .order-success-block { margin: 0; } .recaptcha-error-message, p.required, .validation-advice { font-size: 10px; } .mobile-skip-search { display: block; } .logo { width: 103px; } .mobile-skip-search:before { opacity: 1 !important } .skip-nav:before, .skip-nav:after { display: none; } .account-cart-wrapper { display: none; } .home-image-col { padding: 0; } #search::-webkit-input-placeholder { color:#fff; } #search:-moz-placeholder { color: #fff; opacity: 1; } #search::-moz-placeholder { color: #fff; opacity: 1; } #search:-ms-input-placeholder { color: #fff; } .search-autocomplete { left: -10px; width: auto !important; right: -35px; } #search_mini_form .search-button:before { font-size: 20px; margin-top: -11px; margin-left: -16px; color: #fff; } #search_mini_form .search-button { height: 30px; margin-top: -15px; line-height: 30px; border-radius: 5px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; width: 30px; } .skip-nav { margin-left: 0; } #header-search { padding-left: 10px; } .close-search { width: 30px; height: 30px; right: 0; } .close-search:before, .close-search:after { background-position: 0 -1042px; width: 21px; height: 21px; } .close-search:after { background-position: -30px -1042px; } #header-cart { /*right: -100%;*/ } .item { padding: 10px; } .owl-nav div { top: auto; bottom: -50px; left: 50%; margin-left: -29px; } .owl-nav div.owl-next { right: auto; left: auto; margin-left: 6px; } .owl-nav div:before, .owl-nav div:after { background-position: 0 -967px; width: 16px; height: 30px; opacity: 1 !important; margin-top: -15px; } .owl-nav div:after { opacity: 0 !important } .owl-nav div.owl-next:before { background-position: 0 -1004px; } .how-it-work-cols .owl-nav div { bottom: 50%; margin-bottom: 4px; height: 30px; left: 17px; } .how-it-work-cols .owl-nav div.owl-next { left: auto; margin-left: 0; right: -17px; } .how-it-work-cols .owl-nav div:before, .how-it-work-cols .owl-nav div:after { content: ''; display: block; width: 28px; height: 53px; position: absolute; left: 50%; top: 50%; margin: -27px 0 0 -16px; background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/sprite.png) no-repeat 0 -811px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .how-it-work-cols .owl-nav div:after { background-position: -33px -811px; opacity: 0; height: 53px; } .how-it-work-cols .owl-nav div.owl-next:before { background-position: 0 -870px; } .how-it-work-cols .owl-nav div.owl-next:after { background-position: -40px -870px; } .item h2.product-name a { font-size: 14px; line-height: 16px; min-height: 32px; } .home-product-section .item button, .home-product-section .item .button { width: 50px; } .welcome-left h2, .welcome-right h2 { font-size: 30px; line-height: 41px; } .welcome-right h2 { margin-bottom: 4px; } .testimonial-sub-title { margin-bottom: 20px; } .welcome-left:before { background: rgba(37,37,37,1); } .welcome-left .read-more-button { margin-top: -5px; } .welcome-left .read-more-button a { height: 50px; line-height: 50px; width: 195px; } .desktop-element { display: none; } .testimonialname { margin-left: 0; left: 0; right: 0; text-align: center; width: auto; bottom: 0; } .testimonial-wrapper.flexslider .slides .testimonialmessage { font-size: 15px; padding: 0 1px 18px; } .testimonialmessage-inner { padding: 0 10px; } .block-subscribe .inputbox-wrapper { margin: 0 -5px; } .block-subscribe .actions { margin-top: 5px; padding-left: 3px; } .block-subscribe .input-box { padding: 5px; } .socialmedia { margin-left: -177px; } .socialmedia a { width: 56px; height: 55px; margin-right: 18px; } .socialmedia a:before { font-size: 31px; } .socialmedia a.twitter-link:before { font-size: 35px; } .footer-top-strip { top: 55px; background-size: auto 88px; height: 83px; } .footer { padding-top: 34px; } .footer-inner { padding-top: 109px; } #deliverytimepopup .messages { overflow-x: hidden; overflow-y: auto; } #deliverytimepopup .messages li.success-msg li { width: 300px; margin: 20px auto 20px !important; position: relative; left: 0; } .dotted-border { display: none; } .homeimage-section .owl-stage-outer { margin-bottom: 10px; } .how-it-text { max-width: 300px; margin: 0 auto; } .homeimage-section .category-products .item .product-image { margin-bottom: 6px; } .homeimage-section .category-products h2.product-name { margin-bottom: 10px; } .homeimage-section .category-products .item-inner { padding-bottom: 7px; } .homeimage-section .category-products .item .price { margin-bottom: 0; } .home-support-aus-designer { font-size: 25px; line-height: 36px; background-position: right 0; height: 165px; margin-bottom: 20px; } .homepage-image { margin: 0 0 33px; } .header-outer { height: 90px; } #stickerStickyWrapper, #sticker { background: #fff } .home-image-col:last-child .homeimg-block:last-child a { margin-bottom: 0 } .home-become-retailer { padding-top: 21px; padding-bottom: 81px; } .home-become-retailer h2 { font-size: 25px; line-height: 31px; padding: 29px 17px 21px 17px; letter-spacing: 3px; margin-bottom: 20px; } .home-become-retailer p { font-size: 18px; line-height: 22px; } .home-become-retailer:before { height: 76px; bottom: 0; } .homepage-image .owl-dots { display: block !important; } .how-it-work-section { padding: 18px 0 12px; } .home-product-section { padding: 17px 0 61px; } .section-title { font-size: 30px; line-height: 34px; margin-bottom: 0; } .how-it-work-col { padding-top: 4px; opacity: 1; } .home-product-section .section-title { margin-bottom: 10px; } .welcome-left-inner { padding: 19px 10px 1px; } .welcome-right { padding-top: 19px; padding-bottom: 26px; } .block-subscribe { padding-top: 40px; } .block-subscribe .block-title { margin-bottom: 20px; } .form-subscribe-header label { line-height: 19px; font-size: 16px; max-width: 352px; margin: 0 auto 17px; display: block; } .shop-here-listing .subcategorytitle { font-size: 18px; line-height: 24px; } .catalog-product-view .lightboxOverlay, .catalog-product-view .lightbox { display: none !important } .product-view .product-img-box .product-name { margin-bottom: 15px; } /*.show-cart .mini-cart-overlay { display: none; }*/ .product-view .product-shop .product-name .h1, .product-view .product-name h1 { font-size: 18px; line-height: 20px; } .product-view #product_addtocart_form > .product-name { margin-top: 20px; } .product-view .product-shop .price-info { padding-bottom: 15px; } .product-view .product-shop, .product-img-box, .product-collateral, .box-collateral { margin-bottom: 0; } .grouped .product-img-box { margin-bottom: 20px; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .short-description { padding-top: 0; } .product-view .add-to-cart-wrapper .add-to-box { margin-bottom: 0; text-align: center; } .product-view .add-to-cart-wrapper { margin: 0; padding: 0; } .product-label-logo, .product-img-box .label { width: 50px; height: 50px; line-height: 48px; top: 15px; } .category-products .item .label, .product-img-box .label, #block-related .item .label { top: 15px; } .listing-section-one { margin-bottom: 60px; } .grouped .socailsharing { margin-left: 0; } .product-options-bottom { padding: 0; background: none; border: 0; } .product-view .box-content li { width: 33.3%; } .product-view .box-wrapper-inner .box-title { font-size: 16px; } .product-view .box-content li { font-size: 14px; } .cms-page-view .std .aboutus-content-col h3 { font-size: 18px; line-height: 24px; } .listing-section-two .category-box { width: 50%; } .cms-page-view .std .about-us-page h2 { font-size: 22px; line-height: 28px; } .how-it-work-col { opacity: 1; } .contact-col { float: none; width: auto; margin-bottom: 25px; } .contact-col :last-child { margin-bottom: 0; } .contact-section { padding: 20px; } .cms-page-view .std .contactus-top p { font-size: 14px; line-height: 20px; } .contactus-top h2, .contactus-bottom h2 { font-size: 18px; line-height: 24px; } .category-image { margin-bottom: 0; } .customer-account-login .account-login, .customer-account-create .account-login { margin-top: 20px; } .product-view #product_addtocart_form > .product-name .product-logo { top: -10px; } .cart-totals table tfoot td, .cart-totals table .grand_total td, .cart-totals table tbody tr.grand_total td:first-child { font-size: 20px; line-height: 26px; } .skip-nav .label, .skip-account .label, .skip-cart .label, .cart-items { display: none; } #header > .page-header-container { padding-bottom: 0 } .skip-search { float: right; margin-top: -50px; height: 50px; } .header-right { margin-top: 3px; } .skip-search:after { content: ''; display: block; position: absolute; top: 4px; width: 1px; height: 40px; background: #d3d3d3; left: 0; } .search-outer { width: 320px; } #header-account { top: 39px; } .account-link-outer { padding-left: 0; } .slideshow-container .slideshow > li img { width: 100%; height: auto } .catagory_box .category ul li { width: 50%; } .catagory_box h2 { font-size: 22px; line-height: 28px; } body.cms-home .main-container { padding-top: 20px; } a.skip-account { float: none; display: initial; } .nav-primary li.level1 a { padding: 5px 25px; } .checkout-multishipping-shipping #shipping_method_form .buttons-set .back-link a, .checkout-multishipping-billing #multishipping-billing-form .buttons-set .back-link a, .checkout-multishipping-addresses #checkout_multishipping_form .buttons-set .back-link a {padding: 13px 10px;} .checkout-multishipping-shipping #shipping_method_form .buttons-set .button, .checkout-multishipping-billing #multishipping-billing-form .buttons-set .button, .checkout-multishipping-addresses #checkout_multishipping_form .buttons-set .button { padding: 13px 20px; margin-left: 0;} } /*767px*/ @media all and (max-width:639px) and (min-width:480px) { .products-grid .qty-wrapper, #block-related .qty-wrapper { float: none; width: 97px; margin: 0 auto 15px; } .products-grid .actions .button, #block-related .actions .button { float: none; width: 100%; } } @media all and (max-width:639px) { .customer-account-create .checkbox-ele { float: none; margin-top: 0; margin-bottom: 15px; } .customer-account-create .captcha-field-outer { float: none; } #header-cart { width: 100%; right: -100%; } .show-cart .mini-cart-overlay, .show-quote .mini-cart-overlay { right: 100%; } .customer-address-form .fieldset { max-width: 100%; } .my-gallery-block ul li { width: 50%; } .footer-left iframe { width: 90%; margin: 0 auto; } } @media all and (max-width:567px) { .block-subscribe .input-box { width: auto; float: none; } .block-subscribe .actions { width: auto; float: none; text-align: center; padding: 0; } .block-subscribe .actions button.button { max-width: 349px; } .product-img-box { margin-bottom: 0; } .product-view .product-shop .price-wrapper { float: none; text-align: center; margin-bottom: 20px; } .socailsharing { float: none; display: inline-block; } .product-view .product-shop .price-info { text-align: center; } .g-recaptcha > div { height: 65px !important; } .catagory_box .category ul li { width: 100%; } .catagory_box .category ul li h3 a { min-height: 0 } } @media all and (max-width:479px) { .footer-inner {/* padding-top: 106px; */ } .shop-here-listing .subcategorytitle { text-align: center } .footer .block-title { margin-bottom: 0; } .footer-col4 { display: none; } .footer .footer-links-inner:nth-child(2) { padding-top: 11px; } .footer-links-inner { border: 2px solid #909090; padding: 11px 11px 12px 10px; } .col-left { width: 100%; /*left: -100%;*/ } .show-sidebar { left: 100%; } .show-sidebar .header-outer { left: 100%; } .more-views { padding: 3px 20px 0; } .more-views .owl-nav div { left: -37px; } .more-views .owl-nav div.owl-next { right: -37px; } .product-view .add-to-cart-buttons { display: block; } .product-view #product_addtocart_form .add-to-cart-wrapper button { width: 100%; margin: 0 0 10px 0; } .product-view .add-to-cart .button { /*width: 150px;*/ margin: 5px 0; font-size: 15px; } .product-view .box-content li { width: 50%; } .show-menu .header-outer { left: 100%; } .listing-section-two .category-box { width: 100%; } .about-us-page .how-it-work-col { padding-left: 0; padding-right: 0; } body.customer-account .my-account .title-buttons .button { position: relative; margin-bottom: 15px; } .customer-account-create .fieldset ul.form-list:before { display: none; } .header-right:before, .header-right:after { content: ''; display: table; } .contact-number-outer { padding-left: 0; } .skip-search { width: 32px; } .skip-nav { width: 30px; } .contact-number-outer a { padding-left: 25px; } .account-link-outer, .header-minicart { margin-left: 0; } .skip-nav { margin: 0px 0px 0 0; } /*.header-right:after { clear: both; }*/ .header-right { margin-right: 32px; /*width: auto; float: none; background: #D3D3D3; margin: 0 -15px 10px; zoom: 1; padding: 9px 15px 9px;*/ } .page-header { /*padding-top: 0*/ } #header-account { right: auto; left: 50%; top: 32px; margin-left: -120px; } .search-outer { right: 3px; } .about-block-right-col, .about-block-left-col { width: 100%; } .about-block-right-col-inner { width: 100%; } /*9-11-2016*/ .our_story .button { width: 100%; margin: 5px 0; } .about-block-right-col img { max-width: 100%; } .about-block-left-col-inner { padding: 20px 15px 10px 15px; } .about-block-right-col-inner { position: relative; left: 0; top: 10px; } .subscribe_main_block { padding: 20px 0 0px 0; } .subscribe_main_block .wrap { padding: 0 15px; } .block-subscribe { padding-top: 20px; margin: 0; } .block-subscribe .input-box { padding: 5px 0; } .block-subscribe .block-content { max-width: 100%; margin: 0; padding: 10px 0; } .subscribe_main_block .subscribe-follow { width: 100%; } .subscribe_main_block .subscribe_main { padding-left: 0; margin-left: 0; } .footer-left iframe { width: 100%; } .footer-right-top { padding: 20px 0 0 0; } .footer-right-bottom { padding: 20px 0 0px 0; } .foot-copyright, .footer-right-bottom .footer-bottom-top-main > a { font-size: 12px; } .footer-right-bottom .footer-bottom-top-main > a.menu-handle-footer { float: left; display: block; width: 100%; line-height: 40px; color: #fff; text-decoration: none; padding: 0px 0; font-size: 15px; position: relative; border: 2px solid #fff; padding: 0 5px; margin-top: 0; } .footer-right-bottom .footer-bottom-top-main > a.menu-handle-footer:before { position: absolute; right: 0; top: 10px; display: inline-block; width: 30px; height: 30px; content: ""; background-position: 0 -881px; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/icon_sprite.png); background-repeat: no-repeat; } .footer-right-bottom .footer-bottom-top-main > a.menu-handle-footer.nav-close:before { position: absolute; right: 0; top: 10px; display: inline-block; width: 30px; height: 30px; content: ""; background-position: -40px -878px; } .footer-right-bottom .foot-link { display: none; padding: 0; float: left; width: 100%; } .footer-right-bottom .foot-link ul li a:before { display: none; } .footer-right-bottom .foot-link ul li { display: block; border-bottom: 1px solid #fff; } .footer-right-bottom .foot-link ul li a { padding: 0; } .amount.amount--has-pages { width: 100%; text-align: center; } .amount.amount--has-pages > label { float: none; } .toolbar label { width: auto; } .productImage { display: block; float: none; } .products-grid .actions .button { float: none; } .products-grid .actions { margin: 0 auto; text-align: center; } .productImage { width: 100%; } .item h2.product-name a, .product-secondary { text-align: center; } .products-list .product-shop .f-fix p .button { width: 100%; margin: 5px 0; } .desc.std.prShortDesc { overflow: hidden; height: 65px; text-align: center; margin-top: 5px; } .categoryList li { width: 100%; padding: 0 0 20px 0; } .categoryList .categoryImage { width: 100%; } .products-grid li { width: 100%; padding: 0; } /*#product_addtocart_form .price-info .price-box {float:none;}*/ /*9-11-2016*/ .fieldbox .field1, .fieldbox_dealer .dealer, .fieldbox_dealer .client, .fieldbox.issue-fead .field1, .fieldbox_textarea, .google_ceptcha_box, .textarea_chairrepair, #sender_options .field, #recipients_options .field { width: 95%; padding: 0; } #product_sendtofriend_form textarea {width:94.5%;} .cms-products-repair-form .buttons-set .hvr-blue-to-gray, .cms-products-repair-form .buttons-set .download_btn { width: 100%; margin: 5px 0; text-align: center; } .catalog-product-view #product_addtocart_form .sharing_links_main.detail .add-to-cart { float: none; } .my-gallery-block ul { margin:0; } .my-gallery-block ul li { width: 100%; margin: 0 0px 10px 0; padding:0; } #product_sendtofriend_form .buttons-set .back-link { float: none; } #product_sendtofriend_form .buttons-set .back-link a, #product_sendtofriend_form .buttons-set .button, #product_sendtofriend_form .add_recipient_button { width: 100%; margin: 5px 0; } /*.box {padding:20px 10px;}*/ .col2-set.order-info-box .box { padding: 0px; } #discount-coupon-form .input-text { margin-right: 0; width: 100%; } #discount-coupon-form .input-box { width: 100%; } .sharing_links_main.update .button.btn-cart.hvr-blue-to-gray { width: 100%; margin: 0; } .sharing_links_main.detail .add-to-cart, .sharing_links_main.detail .add-to-cart-buttons { display: block; } #checkout_multishipping_form #multiship-addresses-table tfoot tr td .button {width:100%;} #checkout_multishipping_form .buttons-set {padding-top: 0;} #checkout_multishipping_form .buttons-set .back-link, #checkout_multishipping_form .buttons-set .back-link a {width:100%;} #checkout_multishipping_form .buttons-set .button {width:100%;} .checkout-multishipping-shipping #shipping_method_form .buttons-set .back-link, .checkout-multishipping-shipping #shipping_method_form .buttons-set .back-link a, .checkout-multishipping-billing #multishipping-billing-form .buttons-set .back-link, .checkout-multishipping-billing #multishipping-billing-form .buttons-set .back-link a {width:100%;} .checkout-multishipping-shipping #shipping_method_form .buttons-set .button, .checkout-multishipping-billing #multishipping-billing-form .buttons-set .button {width:100%;} .checkout-multishipping-overview #review-order-form .buttons-set .back-link {float: right; width:100%;} } @media all and (max-width:359px) { .socialmedia { margin-left: -151px; } .socialmedia a { margin-right: 5px; } .product-view .box-content li { width: 100%; } .how-it-top-circle-outer { transform: scale(0.8); -webkit-transform: scale(0.8); } .contact-number-outer{ display:none;} .header-right { margin-right: 30px; } .header-miniquote{ margin-left: 0;} } @media all and (max-width:1099px) { .skip-search:hover { background: #fff; } .footer-right-bottom .foot-link ul li a:hover { color: #fff; } .products-grid .actions .button:hover::before, .products-grid .actions .button:focus::before, .products-grid .actions .button:active::before, .product-view #product_addtocart_form .add-to-cart-wrapper button:hover::before, .product-view #product_addtocart_form .add-to-cart-wrapper button:focus::before, .product-view #product_addtocart_form .add-to-cart-wrapper button:active::before { display: none; } .footer-right-top { padding-left: 0px; clear: both; display: inline-block; width: 100%; } .footer-left { position: relative; left: 0%; top: 0; margin: 0px auto; padding: 0px 0 0 0; width: 96%; } .footer-right-bottom {/*padding:0;*/ } .productImage {text-align: center;} } .my-gallery-block ul li { float:left; text-align:center; } .my-gallery-block ul li a h3 span { height:65px; display:block; overflow:hidden; padding:0 5px; } .my-gallery-block ul:before, .my-gallery-block ul:after { content: ""; display: table; } .my-gallery-block ul:after { clear: both; } .my-gallery-block ul { zoom: 1; } .gallery-index-index .pager { margin:25px 0 0 0; } .gallery-index-index .amount { margin:0; padding:0; } .gallery-index-index .count-container { float:left !important; } .gallery-index-index .limiter { margin:0 0 0 15px; } .gallery-index-index .limiter .selector span { width:60px !important; } .amount.amount--has-pages { width:auto; } @media all and (max-width:767px) { .gallery-index-index .pages { margin-top:0px; } } @media all and (max-width:479px) { .gallery-index-index .pages li { width:30px; height:30px; line-height:30px; } .pages .next::before { margin-top:-10px; } .pages .previous::before { margin-top:-10px; } } /* br-9-3-2017 ===============================================*/ .page-print { width: 800px; margin:20px auto; overflow-y:; overflow-x: hidden; height: initial !important; } .page-print .data-table td, .page-print .data-table th { border: 1px solid #ccc !important; } .cms-index-index .owl-carousel .owl-item img { height: auto; } .header-miniquote .skip-quote .count::before, .header-miniquote .skip-quote .count::after { display: none !important; } body button.no-limit { pointer-events: none !important; } .header-miniquote .skip-quote { text-transform: none !important; color: #5a5a5a; } /*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 !important; float: left !important; height: 15px; display: inline-block; line-height:14px; background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/checkbox-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; } label.css-label { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/radio-icon.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; color: #303030; /*margin-left:9px;*/ font-size: 13px; } input[type=radio].css-radio:checked + label.css-labelR { background-position: 0 -16px; } label.css-labelR { background-image: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/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; } .product-image-thumbs a { display:block; } .product-image-thumbs { padding: 0 10px; } .touch span.quote-item-lable { display: none; } .no-touch .checkout-cart-index .cart-table td:nth-child(3) { text-align: right; } .no-touch .checkout-cart-index .shipping .buttons-set .required { float: left; margin-left: 10px; margin-top: 5px; } .booking-index-index input[type="text"], .booking-index-index input[type="email"], .booking-index-index input[type="number"], .booking-index-index input[type="password"], .booking-index-index input[type="tel"] { border: 1px solid #ccc; } @media all and (max-width:1023px) { #onestepcheckout-toc-popup { padding: 0 10px !important; } .customer-account-create .fieldset ul.form-list { margin-right: -40px; } .customer-account-create .fieldset { padding: 10px !important;} } @media all and (min-width:600px) { .customer-account .data-table td, .customer-account .data-table th { border: 1px solid #ccc !important; } } @media all and (max-width:479px) { .customer-account-create .fieldset ul.form-list {margin-right: -15px;} /* a.skip-search { margin-top: -60px; border:0 !important; } */ .header-miniquote .skip-quote .count { right:-6px; } span.quote-items { overflow:hidden; } .categoryList .categoryImage a img, .cms-index-index .owl-carousel .owl-item img { width: 100% !important; } .cms-index-index .owl-carousel .owl-item a { display: block !important; } .catalog-product-view .limiter { margin-left: 10px !important; } .catalog-product-view .product-shop .qty-wrapper { float: left !important; position: static !important; clear: both !important; } .catalog-product-view .product-shop .price-box { text-align: left !important; } .customer-account-create #form-validate .fields .mainemail, .customer-account-create #form-validate .wide .mainemail {padding:0 0px 13px} } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package rwd_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * * Homepage * ============================================ */ /* -------------------------------------------- * * Primary Banner */ body.cms-home .slideshow-container { margin-top: 0; } .slideshow .banner-msg { position: absolute; text-align: center; text-transform: uppercase; width: 100%; top: 30%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow .banner-msg h2 { color: #FFFFFF; font-size: 24px; text-shadow: 1px 1px 3px #555555; } .slideshow .banner-msg h2 strong { font-weight: bold; display: block; font-size: 36px; } @media only screen and (max-width: 770px) { .slideshow .banner-msg h2 { font-size: 20px; } .slideshow .banner-msg h2 strong { font-size: 24px; } } @media only screen and (max-width: 479px) { .slideshow .banner-msg { top: 20%; } .slideshow .banner-msg h2 { font-size: 14px; } .slideshow .banner-msg h2 strong { font-size: 16px; } } /* -------------------------------------------- * * Promotion Banner Section */ .promos { margin: 0 0 10px 0; padding: 0; width: 100%; } .promos:after { content: ''; display: table; clear: both; } /* Specifying the body only in order to override the .std ul li styling */ body .promos > li { margin: 0 0 10px 0; list-style: none; text-align: center; position: relative; border: 1px solid #cccccc; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .promos > li:last-child { margin-bottom: 0; } .promos img { max-width: 100%; width: 100%; } .promos a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: block; } .promos span { color: #FFFFFF; text-transform: uppercase; position: absolute; display: block; width: 100%; top: 10%; font-weight: 500; font-size: 20px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-shadow: 1px 1px 3px #555555; } .promos strong { font-weight: 600; font-size: 26px; display: block; } @media only screen and (min-width: 771px) { .promos span { font-size: 16px; } .promos strong { font-size: 17px; } /* Config: Three columns + flexible gutter */ body .promos > li { float: left; width: 31.74603%; margin-right: 2.38095%; } .promos > li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 880px) { .promos span { font-size: 18px; } .promos strong { font-size: 24px; } } /* -------------------------------------------- * * New Products Section */ /* Hiding the reviews content via CSS because we can't modify the template, */ /* since it may be used in other places where those elements are needed */ .cms-index-index .products-grid .ratings, .cms-index-index .products-grid .actions, .cms-index-noroute .products-grid .ratings, .cms-index-noroute .products-grid .actions { display: none; } .cms-index-index h2.subtitle { padding: 6px 0; text-align: center; color: #3399cc; font-weight: 600; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } .cms-index-noroute h2.subtitle { display: none; } /* ============================================ * * Category Landing Pages * ============================================ */ .category-image { position: relative; } .categorylandingMainblock { border: 1px solid #E2E2E2; padding: 7px; } .catblocks { float: left; padding: 0 0 20px 0; width: 100%; } .catblocks li { position: relative; float: left !important; width: 23% !important; margin-right: 2.66667% !important; margin-bottom: 10px; border: 1px solid #cccccc; padding: 10px; } .catblocks li:hover { border-color: #3399cc; } @media only screen and (max-width: 770px) { .catblocks li { width: 49% !important; margin-right: 2% !important; } .catblocks li:nth-child(even) { margin-right: 0 !important; } } @media only screen and (max-width: 479px) { .catblocks li { width: 100% !important; margin-right: 0 !important; float: none; } } .catblocks li:last-child { margin-right: 0 !important; } .catblocks li img { width: 100%; max-width: 100%; } .catblocks li a span { color: #FFFFFF; position: absolute; background-color: #7B7C7B; font-family: raleway; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; margin-right: 10px; } .catblocklinks a { color: #FFFFFF; text-decoration: none; } .catlandingbottomPromoblock { float: left; width: 100%; border: 1px solid #E2E2E2; margin-bottom: 100px; } .catalog-category-view div.categoryland-caption { display: block; margin: 0; position: absolute; color: #000000; font-size: 30px; font-weight: 500; line-height: 36px; text-align: center; } .catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; } .catalog-category-view div.categoryland-caption span.three-dots { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; } .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover, .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover { text-decoration: underline; color: #1189C5; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text, .catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots, .catalog-category-view div.categoryland-caption span.three-dots { background: url(https://www.ergoworkstation.com.au/skin/frontend/ergonomic/default/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc, .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; }