/** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ @font-face { font-family: 'latolight'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-black-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairline-webfont.svg#latohairline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavyitalic-webfont.svg#latoheavy_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-heavy-webfont.svg#latoheavy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-mediumitalic-webfont.svg#latomedium_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibold-webfont.svg#latosemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-medium-webfont.svg#latomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-semibolditalic-webfont.svg#latosemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latothin'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thin-webfont.svg#latothin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latothin_italic'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.eot'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.woff2') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.woff') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.ttf') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/lato-thinitalic-webfont.svg#latothin_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700'); */ /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { -webkit-text-size-adjust: none; } * { margin: 0; padding: 0; } body { font-size: 14px; line-height: 24px; font-family: 'latoregular'; } body * { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; } img { border: 0; vertical-align: top; } a { color: #2e2e2e; text-decoration: none; } a:hover { text-decoration: none; color: #ea1b23; } :focus { outline: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; line-height: normal;font-family: 'latobold'; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 11px; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; /*border-collapse:collapse;*/ border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ p { margin: 0 0 10px; } strong { font-weight: bold; } address { font-style: normal; line-height: 1.35; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul, ol { list-style: none; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* ======================================================================================= */ /* Layout ================================================================================ */ .catalog-product-view .content-binder.product-msg-binder { padding: 0; } .content-binder { max-width: 1200px; padding: 0 15px; margin: 0 auto; } .wrapper { overflow: hidden; min-height: 100%; position: relative; } .cms-home .nav-container { z-index: 9; } .blog_main, .main_subbanner2, .col2-left-layout, /*.col-breadcrumbs,*/ .catalog-product-view .col1-layout, .col2-right-layout { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; background: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } /* .quick-contact, .about-us-main, .splash-groups { width: 1100px; margin: 0 auto; padding: 0px; background: none; } .cms-page-view .page-title { width: 1100px; margin: 0 auto 16px auto; padding: 0 0 16px 0; border-bottom: solid 1px #eeeeee; background: none; } .cms-page-view .std { width: 1100px; margin: 0 auto; padding: 0; } */ .cart { /*width: 1100px; margin: 0 auto; padding: 0px; background: none;*/ } .attributesplash-group-view .page-title { /*width: 1100px;*/ margin: 0 auto 16px auto; padding: 0 0 10px 0; border-bottom: solid 1px #eeeeee; background: none; } .col-breadcrumbs { background: rgba(255, 255, 255, 0.7); height: 100%; margin: -37px auto 0; padding: 0px 0 10px; position: relative; width: 100%; } .no-category-image { margin: 0px auto 0;border-top: solid 1px #eee;border-bottom: solid 1px #eee;padding: 0; } .header-container { background: #ffffff; } .subbanner { width: 1030px; margin: 0 auto; } .main-container { margin-top: 35px; } .cms-index-index .main-container { margin-top: 0; } .header_top { background: #111111; padding: 7px 0; } .main-cart p { margin-bottom: 0; } .top-header-links li { float: left; position: relative; padding-left: 17px; } .top-header-links li:first-child { padding-left: 0; } .top-header-links li:before { content: ''; display: block; position: absolute; left: 7px; top: 5px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png) no-repeat 0 0; width: 2px; height: 13px; } .top-header-links li:first-child:before { display: none; } .top-header-links li a { font-size: 14px; color: #aeaeae; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .top-header-links li a:hover, .top-header-links li a.active { color: #fff; } .call-info { float: right; } .desk_call span.fa { font-size: 20px; color: #ec1a23; display: inline-block; padding-right: 5px; position: relative; top: 3px; } .desk_call p { display: inline-block; margin: 0; color: #aeaeae; } .desk_call p span { font-size: 14px; color: #aeaeae; } .desk_call p a { font-size: 14px; color: #aeaeae; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .desk_call p a:hover { color: #fff; } .desk_call span.devider { display: inline-block; padding: 0 8px; } .device_call { display: none; } .device_call a span.fa { font-size: 15px; color: #ec1a23; display: inline-block; padding-right: 4px; } .device_call a { font-size: 12px; color: #aeaeae; position: relative; display: inline-block; line-height: normal; } .device_call a.aus-call { padding: 2px 10px 2px; } .device_call a.nz-call { padding: 2px 0 2px 10px; } .device_call a:hover { color: #fff; } .device_call a:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: #424242; width: 1px; height: 19px; } @media all and (max-width: 1023px) { .desk_call { display: none; } .device_call { display: block; } } .main { min-height: 400px; margin-bottom: 40px; } .cms-index-index .main { margin: 0; } .page-print { background: #fff; padding: 25px 10px; text-align: left; } .page-empty { background: #fff; padding: 20px 10px; text-align: left; } .page-popup { background: #fff; padding: 25px 10px; text-align: left; } /* Base Columns */ .col-left { float: left; width: 265px; padding: 0 0 0px; } .col-main { float: left; width: 820px; padding: 0 0 0px; } .col-right { float: right; width: 245px; padding: 0 0 0px; margin-left: 10px; } /* 1 Column Layout */ .col1-layout .col-main { float: none; width: auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; width: 100%; margin-left: -265px; padding-left: 285px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { width: 540px; margin-left: 10px; } .col3-layout .col-wrapper { float: left; width: 760px; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { float: left; width: 48.5%; } .col2-set .col-2 { float: right; width: 48.5%; } .col2-set .col-narrow { width: 32%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-1 img { width: 100%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /*select box*/ .selector { position: relative; cursor: pointer; overflow: hidden; width: 100% !important; } .selector:hover { cursor: pointer; } .selector select, .header select { opacity: 0; position: absolute; left: 0; top: 0 !important; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .selector.focus select { bottom: 0; top: auto !important } .selector span { position: relative; width: 100% !important; display: block; background: #fff; border: 1px solid #bcbcbc; font-size: 15px; height: 30px; line-height: 28px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .selector span:before, .selector span:after { content: ''; display: block; position: absolute; right: 0; top: 0; } .selector span:before { width: 36px; background: #fff; z-index: 1; bottom: 0; display: none; } .selector span:after { border-top: 8px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; z-index: 2; right: 14px; top: 50%; 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%); display: none; } .shipping-form .selector span, .shipping-form input.input-text { background-color: #fff; border: 1px solid #d7d7d7; } .shipping-form .form-list .selector { width: 100% !important; } #checkoutSteps .selector span { width: 100% !important; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea { font-family: 'latoregular'; } input, select, textarea, button { vertical-align: middle; } .product-shop select, .product-shop input.input-text, .product-shop textarea { border: 1px solid #e5e5e5; } .catalog-product-view .product-shop select, .product-shop input.input-text, .product-shop textarea { width: 100%; float: left; } input.input-text, select, textarea { background: #fff; border: 1px solid #e5e5e5; color: #555; width: 100%; padding: 0 8px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none } input.input-text, textarea { padding: 5px; } input.input-tex:focus, textarea:focus { } select { padding: 3px; } select option { padding-right: 10px; } select.multiselect option { border-bottom: 1px solid #CDCDCD; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; font-size: 14px; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; } input.qty { } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ .ie7 button.button { height: auto !important; } button.button { overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button span, .back-link a { display: block; background: #e71d1d; line-height: 16px; padding: 8px 15px; text-align: center; white-space: nowrap; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-family: 'latobold'; } .contactsus { color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; padding: 8px 27px !important; background: #000 !important; } .contactsus:hover { color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; padding: 8px 27px !important; background: red !important; } button.button span span { border: 0; padding: 0; } button.button:hover span, .back-link a:hover, .cart .discount button:hover span { } button.disabled span { border-color: #bbb !important; background: #bbb !important; } button.btn-checkout span { /*height: 40px; line-height: 40px; border: 0; padding: 0 35px; font-size: 16px;*/ } .cart .discount button span, button.btn-checkout span { /*color: #fff; background: #000;*/ } .cart .discount button:hover span, button.btn-checkout:hover span { /*color: #fff; background: #000;*/ } button.btn-checkout.no-checkout span { /*color: #b8baba;*/ } button.btn-checkout.no-checkout span span { } p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form Highlight */ input.input-text:focus, select:focus, textarea:focus { } /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin: 0 0 8px; } .form-list label { float: left; font-size: 13px; font-weight: 600; color: #333; position: relative; z-index: 0; padding-bottom: 5px; padding-top: 2px; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } #checkoutSteps .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } .customer-account-forgotpassword .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } .my-account .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } .customer-account-resetpassword .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } .customer-account-resetpassword .form-list .field { float: left; margin-right: 10px; width: 275px; } #login-form .form-list label.required em { float: right; font-style: normal; color: #DD4B39; /*position: absolute; top: 0; right: -8px;*/ } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display: block; clear: both; width: 93%; } .account-login .form-list .input-box { display: block; clear: both; width: 100%; } #checkoutSteps .form-list .input-box { clear: both; display: block; width: 100%; } #checkoutSteps .form-list li.fields .field { float: left; padding: 0 11px 15px; width: 47.2%; } .opc input.input-text, .opc .selector { border-radius: 3px; } #checkoutSteps .opc input.input-text, .opc .selector { border-radius: 3px; width: 100% !important; } #checkoutSteps .form-list li.fields { margin: 0 -11px; } .form-list .field { float: left; width: 275px; } #review-form .form-list input.input-text { width: 100%; border: 1px solid #d7d7d7; height: 35px; border-radius: 0px; font-size: 14px; } .form-list input.input-text { width: 100%; border: 1px solid #d7d7d7; height: 35px; font-size: 14px; } .form-list #current_password { width: 49%; border: 1px solid #d7d7d7; height: 35px; font-size: 14px; } #mailchimp-additional .tm-checkbox { float: left; } .monkey-multisubscribe .buttons-set { float: right !important; } .form-list textarea { width: 250px; height: 10em; font-size: 14px; padding-top: 5px; font-family: 'latoregular'; } #quick-window .form-list textarea { height:80px; } .page-not-found-class { margin: 0 auto; width: 70%; } .quickcontact-index-index .form-list select { width: 100%; } #checkoutSteps .form-list select { width: 100%; height: 33px; } .form-list li.wide .input-box { width: 535px; } #quick-window .form-list .input-box { width: 93%; } .form-list li.wide input.input-text { width: 529px; } .customer-address-form .my-account .form-list li.wide input.input-text { width: 77%; } .customer-address-form .my-account .selector span { width: 91% !important; } .form-list li.wide textarea { width: 529px; } .form-list li.wide select { width: 535px; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } .form-list-narrow li { margin-bottom: 0; } .form-list-narrow li .input-box { margin-bottom: 6px; } .form-list-narrow li.wide .input-box { width: 260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width: 254px } .form-list-narrow li.wide select { width: 260px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } .conte-details { float: left; width: 100%; margin-bottom: 30px; } .contet-detalis-lt { float: left; width: 44%; } .contet-detalis-lt2 { float: left; width: 17%; } .conte-details p { margin: 0; padding: 0; } .contet-detalis-lt2 strong { float: left; width: 100%; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-family: 'latobold'; } .contet-detalis-lt strong { text-transform: uppercase; } .conte-details li strong { text-transform: uppercase; float: none; min-width: 100%; } .conte-details ul { margin: 0 0 83px 0; padding: 0; } .conte-details li { margin: 0; padding: 0 0 0 40px; width: 13%; border-right: solid 1px #eeeeee; float: left; } .conte-details li:first-child { padding-left: 0; } .conte-details li:last-child { border-right: none 0px; } .conte-details a { color: #f02d2d; } .conte-icon1 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/conte-icon.png) no-repeat left top; padding-left: 33px !important; padding-right: 10px !important; height: 32px; float: left; } .conte-icon2 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/conte-icon.png) no-repeat left -34px; padding-left: 33px !important; height: 32px; float: left; line-height: 26px; } .buttons-set { clear: both; margin: 20px 0 0; padding: 5px; float: left; } .buttons-set p.required { margin: -25px 0 10px; } .buttons-set .back-link { float: left; margin: 0; font-family: 'Montserrat', sans-serif; } .buttons-set button.button { float: right; margin-left: 5px; } .account-create .buttons-set { float: none; } .buttons-set-order { margin: 10px 0 0; } .buttons-set-order .please-wait { padding: 12px 7px 0 0; } .fieldset { margin: 20px 0; padding: 0; } /* Form Validation */ .validation-advice { background: #FF2F2A; padding: 5px 7px; display:inline-block; border-radius: 5px; margin-top: 10px; position: relative; line-height: 1.3; font-size: 13px; color: #FFF !important; } .validation-advice:after { width: 0; height: 0; border-style: solid; border-width: 0 4px 6px 4px; border-color: transparent transparent #FF2F2A transparent; position: absolute; top: -6px; left: 8px; display: block; content: ""; } .recaptcha-error-message { background: #FF2F2A; padding: 5px 7px; display:inline-block; border-radius: 5px; margin-top: 10px; position: relative; line-height: 1.3; font-size: 13px; color: #FFF !important; } .recaptcha-error-message:after { width: 0; height: 0; border-style: solid; border-width: 0 4px 6px 4px; border-color: transparent transparent #FF2F2A transparent; position: absolute; top: -6px; left: 8px; display: block; content: ""; } .account-create .control .tm-checkbox #advice-required-entry-privacy_policy { width: 200px; } .validation-failed { /*border: 1px dashed #DD4B39 !important; background: #faebe7 !important;*/ } .validation-passed { } p.required { font-size: 11px; text-align: right; color: #DD4B39; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ /*.success { color: #3d6611; font-weight: bold; } .error { color: #df280a; font-weight: bold; } .notice { color: #e26703; } .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; overflow: hidden; } .messages li { margin: 0 0 10px !important; line-height: 20px; } .messages li li { margin: 0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 4px 32px !important; } .error-msg { border-color: #dddddd; background-color: #eeeeee; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_msg-error.gif); color: #4c4a4a; } .success-msg { border-color: #dddddd; background-color: #eeeeee; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_msg-success.gif); color: #4c4a4a; } .note-msg, .notice-msg { border-color: #dddddd; background-color: #eeeeee; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_msg-note.gif); color: #4c4a4a; }*/ /* BreadCrumbs */ .breadcrumbs { line-height: 1.25; margin: 0 0 13px; } .breadcrumbs li { display: inline; } .breadcrumbs li strong { font-weight: normal; color: #ec1a23; font-size: 14px; } /* Page Heading */ .page-title { margin: 10px 0 10px; overflow: hidden; width: 100%; } .page-title h1, .page-title h2 { margin: 0; font-size: 18px; font-weight: bold; color: #000; text-align: left; text-transform: uppercase; } .quick-contact h1 { color: #000; font-size: 18px; font-weight: bold; margin: 0 0 14px 0; text-align: left; text-transform: uppercase; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .quick-contact input.input-text { height: 35px; border-radius: 0; font-size: 14px; } .product_pdf_logo { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/pdf-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); line-height: 17px; font-size: 14px; font-weight: normal; /*height: 16px;*/ padding-left: 25px; text-transform: uppercase; } .quick-contact .form-list li.fields .field { padding-bottom: 7px; width: 32%; margin-right: 2%; } .quick-contact .form-list li.fields .field .selector { width: 100% !important } .quick-contact .form-list li.fields .field:last-child { margin-right: 0%; } .message-left-col { float: left; position: relative; width: 352px; z-index: 1; } .message-right-col { float: left; margin-left: -355px; padding-left: 377px; width: 66%; } .message-box label { padding-bottom: 8px; font-size: 13px; font-weight: 600; color: #333; } .message-left-col .input-box { margin-bottom: 13px; } .captcha-warning { padding-top: 10px; color: #333; font-size: 13px; font-weight: 600; } .message-left-col .input-box { margin-top: 5px; font-size: 14px; } .message-right-col textarea { height: 139px; padding: 10px 10px 10px 10px; resize: none; margin-top: 5px; font-size: 14px; } #contactForm .message-right-col textarea { padding: 10px 10px 10px 5px; } .quick-contact p.required { color: #393939; float: right; font-size: 13px; font-weight: 600; line-height: 20px; margin-right: 19px; margin-top: 9px; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; margin: 7px 0 0; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle, .sub-title { clear: both; padding: 0; font-size: 15px; font-weight: bold; margin: 0 0 6px; /*color: #e25203;*/ } .cart-empty { /*margin: 0 auto; width: 1100px;*/ } .container .page-title h1 { /*margin: 0 auto; width: 1100px;*/ } .customer-account-logoutsuccess .container { /*width: 1100px; margin: 0 auto;*/ } .main-category-image > img { width: 100%; } .cms-faq .page-title h1 { text-transform: none; } #faq dl, #faq dd { padding: 0; margin: 0; } #faq dl span { font-size: 15px; font-weight: normal; display: block; color: #333; padding: 10px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; } #faq dl span:before { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -208px -127px transparent; width: 16px; height: 16px; float: right; content: ""; position: relative; top: 3px; } #faq dl span.active:before { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -236px -127px transparent; width: 16px; height: 16px; float: right; content: "" } #faq dl span.active {color: red; } #faq dl span.hover {color: #000; } #faq dd { padding: 10px 0; display: none; } #faq dd p { margin: 0 0 0px 0; } /* Pager */ .pager { padding: 5px 8px; text-align: right; } .my-account .pager .amount { float: left; margin-top: 5px; } .my-account .pager { border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px; } .my-account .pager .limiter { width: 215px; float: right; } .pager .amount { margin: 0; text-transform: uppercase; text-align: left } .pager .limiter { float: left; margin-right: 10px; z-index: 999 !important; width: 159px; } .pager .limiter > span { display: none; float: left; margin-top: 8px; } .pager .limiter label { float: left; margin-top: 5px; margin-right: 9px; font-size: 13px; font-family: 'latobold'; } .pager .limiter .selector { float: left; margin-right: 0px; width: 112px !important } .my-account .pager .limiter .selector { width: 101px !important } .pager .limiter select { margin: 0 0 1px; vertical-align: middle; } .pager .pages { float: right; } .pager .pages strong { display: none; } .pager .pages ol { float: left; padding: 3px; } .pager .pages li { display: block; float: left; margin: 0 2px 0 0px; } .pager .pages li.current, .pager .pages li a { background: #eee; display: block; height: 26px; width: 26px; text-align: center; line-height: 26px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pager .pages li.current { background: red; color: #fff; cursor: default } .pager .pages .current, .pager .pages li:hover a { color: #fff; background: #4c4a4a } .pager .pages li a { text-decoration: none; } .pager .pages .previous, .pager .pages .next { position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pager .pages .previous:before, .pager .pages .previous:after, .pager .pages .next:before, .pager .pages .next:after { content: ''; display: block; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png) no-repeat -226px -71px; width: 8px; height: 8px; position: absolute; left: 9px; top: 9px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pager .pages .previous:after { background-position: -226px -99px; opacity: 0 } .pager .pages .next:before { background-position: -243px -71px; } .pager .pages .next:after { background-position: -243px -99px; opacity: 0; } .pager .pages .next:hover:after, .pager .pages .previous:hover:after { opacity: 1 } /* Sorter */ .sorter { } .sorter .view-mode { float: left; margin: 0; } .sorter .sort-by { float: right; padding-right: 0px; margin-right: 10px; } .sort-by label { margin-right: 10px; padding-top: 5px; text-align: left; display: block; vertical-align: 4px; font-size: 13px; float: left; font-family: 'latobold'; } .sorter .sort-by select { padding: 0; margin: 0 0 1px; vertical-align: middle; } .sorter .link-feed { } .pager .pager_right .sort-by { float: left; z-index: 8; width: 160px; } .pager .pager_right .sort-by .selector { width: 101px !important } .pager .pager_right .sort-by .sbHolder { display: inline-block; } .pager .limiter .sbHolder { display: inline-block; margin: 0 5px; } .ie7 .pager .limiter .sbHolder, .ie7 .pager .sort-by .sbHolder { display: inline; } .desc-asc { float: right; display: none; margin-left: 10px; } .sort-by .desc-asc a { border: 1px solid #DDDDDD; display: block; height: 35px; margin: 0; padding: 0; transition-duration: 300ms; width: 35px; position: relative; } .sort-by .desc-asc a:hover { border: 1px solid red; } .sort-by .desc-asc a:before, .sort-by .desc-asc a:after { content: ''; display: block; position: absolute; left: 12px; top: 9px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png) no-repeat -185px -545px; width: 10px; height: 15px; } .sort-by .desc-asc a:after { background-position: -185px -515px; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sort-by .desc-asc a:hover:after { opacity: 1; } .sort-by .desc-asc a.uparrow:before { background-position: -184px -130px; } .sort-by .desc-asc a.uparrow:after { background-position: -184px -160px; } /* Toolbar */ .title-toolbar-outer { border-bottom: 1px solid #eee; } .toolbar { margin-bottom: 10px; } .toolbar .pages { display: none; } .toolbar .pager .pager_left { float: left; } .toolbar .pager .pager_right { float: right; } .toolbar-bottom .toolbar .sort-by { display: none; } .toolbar .sorter { } .toolbar-bottom .toolbar .pages { display: block; } /* Toolbar */ .toolbar { margin-bottom: 10px; } .toolbar .pager { padding: 0px; border-bottom: none; } .toolbar .pager .pager_left { float: right; } .toolbar .sorter { } .toolbar-bottom { } /* ==================== List/Grid Image ============*/ .view-mode { float: left; margin-right:0; margin-bottom: 0; margin-top: 0px; } .toolbar-bottom .view-mode, .toolbar-bottom .pager .limiter { display: none; } .view-mode label { display: none; } .view-mode strong.list, .view-mode a.list, .view-mode a.grid, .view-mode strong.grid { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 29px; margin: 0; text-align: left; text-indent: -999em; width: 31px; } .view-mode a.grid { background-position: -8px -160px; } .view-mode strong.list { background-position: -38px -129px; margin-left: -6px; } .view-mode a.list { background-position: -38px -157px; margin-left: -6px; } .view-mode a.list:hover { background-position: -38px -126px; transition: all 200ms ease 0s; } .view-mode a.grid:hover { background-position: -8px -129px; transition: all 200ms ease 0s; } .view-mode strong.grid { background-position: -8px -126px; } /* Data Table */ .data-table { width: 100%; border: 1px solid #DDDDDD; } .data-table .odd { background: #fff } .data-table .even { background: #f0f0f0; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right: 1px solid #cecece !important; } .data-table tfoot td.last, tfoot .data-table th.last { border-right: none 0px !important; } .data-table tr.last th, .data-table tr.last td { border-top: 1px solid #cecece; } #review-form .data-table tr.last th, .data-table tr.last td { border-top: none 0px; border-right: none 0px !important; } #review-form .form-list label { position: relative; } .data-table th { padding: 5px 8px; font-family: 'latobold'; } .data-table td { padding: 5px 8px; } .data-table thead th { font-weight: bold; padding: 7px 8px; color: #303030; white-space: nowrap; vertical-align: middle; } .data-table thead th.wrap { white-space: normal; } .data-table thead th a, .data-table thead th a:hover { color: #fff; } .data-table thead th { background: #F0F0F0; } .data-table thead th .tax-flag { font-size: 11px; white-space: nowrap; } .data-table tfoot { border-bottom: 1px solid #d9dde3; } .data-table tfoot tr.first td { } .data-table tfoot tr { } .data-table tfoot td { padding-top: 5px; padding-bottom: 5px; border-bottom: 0; } .data-table tfoot strong { font-size: 16px; } .data-table tbody th, .data-table tbody td { /*border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; */ } /* Bundle products tables */ .data-table tbody.odd tr { background: #fff !important; } .data-table tbody.even tr { background: #F0F0F0 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom: 0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom: 1px solid #d9dde3; } .data-table tbody td .option-label { font-weight: bold; font-style: italic; } .data-table tbody td .option-value { padding-left: 10px; } /* Generic Info Box */ .info-box { border: 1px solid #d0cbc1; padding: 12px 15px; margin: 0 0 15px; } .info-box h2 { font-weight: bold; font-size: 13px; } .info-table th { font-weight: bold; padding: 2px 15px 2px 0; } .info-table td { padding: 2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_collapse.gif) 0 5px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -52px; } tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_collapse.gif) 100% 5px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -52px; } /* Class: std - styles for admin-controlled content */ .widget-static-block ul li, .std ul.disc li { list-style: none; padding: 2px 0; } .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { list-style: disc outside; padding-left: 0px; margin: 0 0 10px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 6px; padding: 0; font-size: 14px; color: #5b5b5b; } .std ul { list-style: disc outside; padding-left: 0; } .std ol { list-style: decimal outside; padding-left: 15px; margin-bottom:15px; } .std ul ul { list-style-type: circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin: .5em 0; } .std dt { font-family: 'latobold'; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-family: 'latobold'; } .std i, .std em { font-style: italic; } .product-shop .short-description .std ul { padding-left: 17px; } /* Misc */ .header .links li { display: inline; } .header .links li.first { padding-left: 7px; } .header .links li.last { background: none; padding-right: 0; } .link-cart { font-weight: normal; } .link-wishlist, .link-compare { font-weight: normal; } .link-reorder { } .link-print { /*background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ } .link-rss { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_rss.gif) 0 2px no-repeat; padding-left: 18px; line-height: 14px; white-space: nowrap; } .btn-remove { display: block; width: 18px; height: 18px; font-size: 0; line-height: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/remove-icon.png) 0 0 no-repeat; text-indent: -999em; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-remove:hover { background-position:0 -19px; } .btn-previous { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_previous.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .btn-remove2 { display: block; width: 18px; height: 18px; font-size: 0; line-height: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/remove-icon.png) 0 0 no-repeat; text-indent: -999em; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-remove2:hover { background-position:0 -19px; } .btn-edit { display: block; width: 18px; height: 18px; font-size: 0; line-height: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png) -156px 0 no-repeat; text-indent: -999em; overflow: hidden; margin-top:10px; } .btn-edit:hover { background-position:-156px -34px; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; text-indent: -999em; overflow: hidden; } /* Global site notices */ .global-site-notice { border: 1px solid #cfcfcf; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; } .global-site-notice .notice-inner { width: 860px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .global-site-notice .notice-inner p { margin: 0; border: 1px dotted #cccc73; padding: 10px; } .global-site-notice .notice-inner .actions { padding-top: 10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript { } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; border: 0; text-align: center; color: #fff; } .demo-notice .notice-inner { width: auto; padding: 0; background: none; text-align: center; } .demo-notice .notice-inner p { padding: 0; border: 0; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo-outer { float: left; margin: 19px 0 17px 0; } .header .logo { text-decoration: none !important; z-index: 55; margin: 0; } .header .logo a { display: block; } .header .logo img { max-width: 100%; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } .header-right { float: right; } .header-right-inner { float: right } .header .quick-access { /*float: right; margin-left: 25px; width: 210px;*/ } .header-remote-support { margin: 0 0 0 205px; color: #ffffff; float: left; } .header-remote-support > span { float: left; font-size: 14px; padding-right: 9px; } .header-remote-support ul { float: left; } .header-remote-support li { float: left; position: relative; padding-left: 2px; padding-top:2px; } .header-remote-support li:before { content: ''; display: block; position: absolute; left: 0; top: 7px; } .header-remote-support a { display: block; line-height: normal; } .header-remote-support a span { content: "\f179"; font-family: 'FontAwesome'; font-size: 20px; color: #ec1a23; } .header-remote-support a:hover span { color: #fff; } .header-remote-support a.mac-icon { display: inline-block; padding-right: 8px; } .header .tm_headerlinkmenu { float: right; padding-top: 4px; margin-left: 28px; } .header .tm_headerlinkmenu li a { font-size: 14px; line-height: 20px; color: #fff; } .header .tm_headerlinkmenu li a:hover { color: #ea1b23; } .header .welcome-msg { margin: 10px 0 0 10px; float: right; padding-right: 8px; color: #aaaaaa; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_pipe1.jpg") no-repeat scroll 100% 60% transparent; } .header .welcome-msg a { color: #ebbc58; } .header .form-search label { float: left; width: 24px; height: 21px; text-align: left; text-indent: -999em; overflow: hidden; display: none; } .form-search { position: relative; padding-right: 37px; } .form-search:before, .form-search:after { content: ''; display: table } .form-search:after { clear: both } .form-search { zoom: 1 } .header .form-search .search-autocomplete { z-index: 999; left: 0px !important; top: 100% !important; } .header .form-search .search-autocomplete ul { border: 1px solid #5c7989; background-color: #fff; } .header .form-search .search-autocomplete li { text-align: left; border-bottom: 1px solid #f4eee7; padding: 2px 8px 1px 8px; cursor: pointer; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.odd { background-color: #fffefb; } .header .form-search .search-autocomplete li.selected { background-color: #ec1a23; color: #FFF; } .header .form-language { float: left; margin-top: 7px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_pipe1.jpg") no-repeat scroll 100% 60% transparent; padding-right: 5px; } .header .form-language label { padding-right: 5px; } .header .form-language select.flags option { background-position: 4px 50%; background-repeat: no-repeat; padding-left: 25px; } .header .tm_top_currency { margin-top: 11px; float: left; } .header .tm_top_currency a { font-size: 12px; line-height: 18px; color: #fff; position: relative; display: block; float: left; padding-left: 20px; } .header .tm_top_currency a:nth-child(2) { padding-left: 0; } .header .tm_top_currency a:nth-child(2):before { display: none; } .header .tm_top_currency a:before { content: ''; display: block; position: absolute; left: 12px; top: 4px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/custom-sprite.png) no-repeat 0 0; width: 1px; height: 11px; } .header .tm_top_currency a:hover, .header .tm_top_currency a.selected { color: #ec1b24; } .header .tm_top_currency label, .header .form-language label { line-height: 25px; margin-right: 7px; color: #6b6b6b; font-size: 12px; line-height: 18px; float: left } .form-language .sbHolder, .tm_top_currency .sbHolder { float: right; } .ie7 .header .form-language { width: 250px; } .ie7 .header .tm_top_currency { width: 130px; } .header .header-cart li { clear: both; margin-bottom: 5px; } .ie7 .header .header-cart li { overflow: hidden; } .header .header-cart #panel { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: none; text-align: left; min-width: 20px; padding: 10px; position: absolute; right: 0; top: 46px; width: 240px; } .header .header-cart #panel .actions { float: right; margin-top: 7px; } .header .header-cart #panel .actions .viewcart-btn { margin-left: 5px; } .header .header-cart #panel .product-name a { font-size: 13px; } .tm_headerlinks_inner { display: none; } .header .links:before, .header .links:after { content: ''; display: table } .header .links:after { clear: both } .header .links { zoom: 1; padding-right: 1px; } .header .links li { float: left; padding: 0 8px; } .header .links li a { text-decoration: none; } .header .links li a:hover { color: #ea1b23; } .header-container .top-container { clear: both; padding: 5px 10px 0 12px; text-align: right; } .header-cart { float: right; width: 169px; border-left: 1px solid #292929; border-right: 1px solid #292929; } .header-cart .block-content { display: none; position: absolute; left: -170px; right: 0; z-index: 999; padding: 10px; background: #fff; border: 1px solid #e5e5e5; border-top: 0; } @media only screen and (min-width:768px) { .header-cart .block-cart { position: relative } .item-count { /*background: none repeat scroll 0 0 red; border-radius: 256px; float: left; left: 18px; padding: 0 5px; position: absolute; top: 5px; z-index: 99; font-size: 11px;*/ } } .header-block { } .header-block:before { content: "\f07a"; } .cart_mini_right { /*background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 5px -66px; padding: 13px 10px 13px 35px; color: #fff; cursor: pointer;*/ } .cart_mini_right .price { color: #fff; font-weight: bold; font-size: 14px; padding-left: 10px; } .header-cart .right_arrow { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/cart-arrow.png") no-repeat scroll 0px 3px transparent; margin: 2px 0 0 6px; vertical-align: middle; display: inline-block; width: 10px; height: 15px; } .pager .sbSelector { text-transform: uppercase; } .pager .pages ol li:last-child:hover next img { display: none; } .ie7 .header-cart .right_arrow { display: inline; } .header-cart .active .right_arrow { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/cart-arrow1.png") no-repeat scroll 0px 3px transparent; } .headertoggle_img { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/user.png") no-repeat scroll left 8px; height: 35px; margin: 0 auto; text-align: center; width: 16px; } /********** < Navigation */ .advanced_nav { display: none; } .nav-inner #nav, #advancedmenu { clear: both; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { text-align: left; } #nav li.over { z-index: 998; } #nav a { display: block; line-height: 1.3em; text-decoration: none; } #nav span { display: block; cursor: pointer; white-space: nowrap; } #nav li ul span { white-space: normal; } #nav ul li.parent li a { background-image: none; } /* 0 Level */ #nav li { float: left; } #nav ul li:last-child { border-bottom: 0; } #nav a, div.menu a, div.megnor-advanced-menu-popup a { font-size: 14px; text-decoration: none; } #nav li.level0:before { content: ''; display: block; position: absolute; left: 0; top: 23px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/custom-sprite.png) no-repeat 0 0; width: 1px; height: 11px; display: none; } #nav li.level0:first-child:before { display: none; } #nav li.level0 > a { font-size: 14px; line-height: 20px; color: #303030; position: relative; } .subparentmenu-hover div.menu a { padding: 10px 10px 10px 20px; } /* 1st Level */ #nav ul li, #nav ul li.active { float: none; margin: 0; } #nav ul li.last { padding-bottom: 0; } /* 2nd Level */ #nav ul, .responsive-menu #nav-mobile { } #nav ul, #nav div { /*position: absolute; width: 437px; top: 100%; left: -10000px; z-index: 9999;*/ } #nav div ul { position: static; } /* 3rd+ Level #nav ul ul, #nav ul div { top: 0; } #nav ul li a:hover, #nav > li ul > li:hover > a, .responsive-menu a:hover { } #nav ul li a, .responsive-menu a { color: #010101; padding: 7px 0; text-decoration: none; display: block; } .responsive-menu a { padding: 7px; } #nav ul li:hover > a { background: #f3f3f3 } #nav ul span, #nav ul li.last li span { padding: 4px 4px 4px 10px; } #nav li ul.shown-sub, #nav li div.shown-sub { left: 0; z-index: 999; } #nav li.level0.parent.over > a:before { display: block } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left: 100%; } .touch #nav li.parent > a { pointer-events: none; } .touch #nav li.parent.touched > a { pointer-events: auto; } */ .touch .nav-primary > li.parent > a.level0 { pointer-events: none; } .touch .nav-primary li.parent.selected a.level0 { pointer-events: auto } .home-discover { padding: 55px 0 53px; } .document_creation_main { max-width: 1230px; padding: 0 15px; margin: 0 auto; } .top_content { text-align: center !important; margin: 0 0 45px; } .top_content h3 { padding-bottom: 10px; font-family: 'latomedium'; color: #303030; font-size: 40px; text-align: center; position: relative; margin-bottom: 20px; } .top_content h3:before { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 250px; height: 1px; background: #dedede; } .top_content h3:after { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 100px; height: 1px; background: #ec1a23; } .top_content p { font-family: 'latomedium_italic'; color: #606060; font-size: 16px; max-width: 450px; margin: 0 auto; } .bottom_content { text-align: center; position: relative; z-index: 2; } .bottom_content img { margin-bottom: 17px; } .bottom_content p { margin: 0 auto 20px; max-width: 480px; font-size: 16px; color: #606060; } .bottom_content a { font-size: 16px; color: #ec1a23; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .bottom_content a:hover { color: #000; } .middle_content .left_block { width: 334px; float: left; } .middle_content .right_block { width: 334px; float: right; } .middle_content .pro_desroiption { background: #f5f5f5; padding: 14px 20px 14px 20px; margin-bottom: 14px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .middle_content .pro_desroiption:hover { background-color: #e1e1e1; } .middle_content .left_block .pro_content { padding-right: 90px; margin-right: -90px; text-align: right; width: 100%; float: left; } .middle_content .right_block .pro_content { padding-left: 90px; margin-left: -90px; width: 100%; float: right; } .pro_content h4 { margin: 0 0 10px; } .pro_content h4 a { font-size: 18px; color: #303030; display: inline-block; font-family: 'latobold'; } .pro_content h4 a:hover { color: #ec1a23; } .pro_content p { font-size: 14px; line-height: 20px; margin: 0; } .pro_desroiption:before, .pro_desroiption:after { content: ""; display: table; } .pro_desroiption:after { clear: both; } .pro_desroiption { zoom: 1; } .middle_content .pro_img { position: absolute; top: 50%; 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%); background-image: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png"); background-repeat: no-repeat; } .middle_content .left_block .pro_img { right: 0; } .middle_content .right_block .pro_img { left: 0; } .middle_content .left_block .pro_desroiption:nth-child(1) .pro_img { width: 65px; height: 60px; background-position: -7px -40px; right: 20px; } .middle_content .left_block .pro_desroiption:nth-child(2) .pro_img { width: 49px;height: 81px;background-position: -13px -125px;right: 24px; } .middle_content .left_block .pro_desroiption:nth-child(3) .pro_img {width: 52px;he;height: 36px;background-position: -12px -237px;right: 30px; } .middle_content .right_block .pro_desroiption:nth-child(1) .pro_img { width: 41px; height: 66px; background-position: -103px -36px; left: 33px; } .middle_content .right_block .pro_desroiption:nth-child(2) .pro_img { width: 62px; height: 66px; background-position: -94px -121px; left: 22px; } .middle_content .right_block .pro_desroiption:nth-child(3) .pro_img {width: 48px; height: 92px; background-position: -98px -199px;left: 24px; } .middle_content .right_block .pro_desroiption:nth-child(3) { padding: 14px 10px 14px 20px; } .middle_content .left_block { position: relative; z-index: 2; } .middle_content .right_block { position: relative; z-index: 2; } .middle_content .left_block:before { width: 151px; height: 386px; content: ""; position: absolute; right: -151px; top: 0; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/left-shade.png") no-repeat 0 0; } .middle_content .right_block:before { width: 151px; height: 386px; content: ""; position: absolute; left: -151px; top: 0; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/right-shade.png") no-repeat 0 0; } .middle_content { position: relative; margin-bottom: 54px; } .middle_content .center_block { width: 404px; position: absolute; 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); top: -26px; text-align: center; } .touch .center_block { display: none; } .touch .middle_content { margin-bottom: 20px; } .middle_content .center_block img { max-width: 100%; } .middle_content .center_block img:nth-child(2) { position: relative; top: -26px; } .home-discover h2 { font-size: 36px; line-height: 42px; color: #000; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 4px; } .home-discover .features-subtitle { font-size: 18px; line-height: 24px; color: #000; text-align: center; padding-bottom: 38px; } .welcome-section { background: #f9f9f9; } .welcome-section .content-binder { position: relative } @media only screen and (min-width: 1111px) { .welcome-left-col { position: absolute; top: 50%; 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%); left: 15px; right: 432px; overflow-x: hidden; overflow-y: auto; margin-top: 0px; max-width: 578px; } } .welcome-left-col h2 { font-size: 41px; line-height: normal; color: #303030; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-family: 'latomedium'; } .welcome-left-col h2 span { font-size: 25px; color: #303030; display:inline-block; padding-bottom:11px; } .welcome-left-col h2:before { content: ""; position: absolute; left: 0; bottom: 0; width: 250px; height: 1px; background: #dedede; } .welcome-left-col h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100px; height: 1px; background: #ec1a23; } .welcome-sub-title h3 { font-size: 18px; color: #303030; padding-bottom: 12px; margin: 0; } .welcome-desc p { margin-bottom: 26px; font-size: 14px; color: #606060; } .welcome-desc p:last-child { margin-bottom: 0 } .welcome-right-col { float: right; width: 700px; } .welcome-desc a { width: 170px; height: 59px; border: 2px solid #ec1a23; display: inline-block; text-align: center; line-height: 56px; font-size: 16px; font-family: 'latobold'; color: #ec1a23 !important; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .welcome-desc a:hover { background: #ec1a23; color: #fff !important; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border: 1px solid #fff; margin: 0 0 20px; position: relative; } .block .block-title { padding: 9px 11px 11px; color: #4C4A4A; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/up_arrow.png") no-repeat scroll 10px bottom #EEEEEE; ; text-transform: capitalize; } .sidebar .block-layered-nav dt { padding: 9px 11px 11px; color: #4C4A4A; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/up_arrow.png") no-repeat scroll 10px bottom #EEEEEE; border-bottom: none 0px; } /*.sidebar .block-layered-nav .even { padding: 9px 11px 0px; color: #4C4A4A; background: none; border-bottom: none 0px; text-transform: capitalize; font-weight:normal; } .sidebar .block-layered-nav .last { padding: 9px 11px 0px; color: #4C4A4A; background: none; border-bottom: none 0px; text-transform: capitalize; font-weight:normal; font-size:14px; } */ .block .block-title strong { display: block; min-height: 16px; padding: 1px 0 1px; font-weight: 600; font-size: 16px; text-transform: uppercase; } #checkout-progress-wrapper .block .block-title { color: #4c4a4a; padding: 9px 11px 11px; background: #706f73; color: #FFF; } #checkout-progress-wrapper .block .block-title strong { display: block; font-size: 14px; font-weight: 600; min-height: 16px; padding: 0; text-transform: uppercase; } #checkout-progress-wrapper .block .block-content { background: #f0f0f0; margin: 0; } .block .block-title strong span { } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { margin: 0; padding: 5px 9px; font-weight: normal; } .block .block-content { /* position:relative;*/ background: #Fff; margin: 8px 0 0 0; } .block .block-content li { padding: 4px 0; } .block .block-content li a { text-decoration: none; text-transform: capitalize; } .block.block-tags .block-content li a { text-transform: capitalize; } .breadcrumbs li a { font-size: 14px; padding: 0 8px 0 0; } .breadcrumbs li span { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/breadcome.png") no-repeat left top; width: 7px; height: 7px; display: inline-block; margin-right: 7px; } .block .block-content li .product-name a { font-size: 13px; } .block .block-content li.item { padding: 7px 3px; } .block .block-content .product-name { color: #555555; } .block .btn-remove, .block .btn-edit, #panel .btn-edit, #panel .btn-remove { float: right; margin: 5px 0 2px 5px; } .block .actions { padding: 6px 9px; text-align: right; text-transform: uppercase; } .block .actions a { float: left; } .block .actions button.button { float: right; } .block .empty { margin: 0; padding: 5px 9px 0 0; } .narrow-by-list li:hover a span.price { color: #ea1b23; } /*.block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; }*/ /* Mini Blocks */ /*.block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:11px; line-height:1.25; } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; }*/ /* Mini Products List */ .mini-products-list .product-image { float: left; width: 75px; margin: 0; position: relative; } .mini-products-list .product-details .truncated a.details { cursor: help; padding-left: 53px; } .mini-products-list .product-image img { width: 100%; height: auto; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word; } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important; } /* Block: Account */ .block-account .block-content li.current { padding: 11px 0 !important; border-bottom: 1px solid #f4f4f4; } .block-account .block-content li.current strong { font-weight: normal; color: #ea1b23; text-transform: uppercase; } /* Block: Currency Switcher */ /* Block: Category Navigation */ #category-treeview li a, .block-account .block-content li a, #recently-viewed-items a, .block-brand-nav li a { border-bottom: 1px solid #f4f4f4; display: block; padding: 8px 0px; text-decoration: none; } #category-treeview li li a { padding: 8px 0px 8px 20px; } #category-treeview li li li a { padding: 8px 0px 8px 40px; } .ie7 #category-treeview li { display: inline } .block-brand-nav .sbHolder li a, .block-brand-nav .sbHolder li a:hover { background: none; padding-left: 5px; } .block .block-content li.active > a { color: #ea1b23 } #category-treeview li, .block-account .block-content li, #recently-viewed-items li, .block-brand-nav li { padding: 0 !important; } #category-treeview li a:hover, .block-account .block-content li a:hover, .block-account .block-content li.current, #recently-viewed-items a:hover, .block-brand-nav li a:hover { } #category-treeview li ul { margin-left: 0px; } #category-treeview li ul a { } #category-treeview li ul a:hover { } #category-treeview li.last a, .block-account .block-content li.last a, #recently-viewed-items li.last a, .block-brand-nav li:last-child a { border-bottom: none; } #category-treeview .hitarea { background: none; height: 16px; width: 16px; float: right; cursor: pointer; margin-top: 9px; } #category-treeview .expandable .collapsable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -237px -127px transparent; } #category-treeview .expandable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -208px -127px transparent; } #category-treeview .collapsable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -236px -127px transparent; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav .block-title { } .block-layered-nav .block-subtitle { line-height: 1.35; background: #d5e8ff; padding: 3px 9px; border: 1px solid #b9ccdd; border-width: 1px 0; text-transform: uppercase; display: none; } .block-layered-nav .block-content { } .block-layered-nav dt { border-bottom: 1px solid #E7E7E7; font-weight: 600; color: #4c4a4a; padding: 7px 0 5px; text-transform: uppercase; font-size: 16px; } .block-layered-nav dd { padding: 5px 0px; } .block-layered-nav a { } .block-layered-nav a:hover { } .block-layered-nav dd.last { background: none; } .block-layered-nav .currently li { background: #eeeeee; padding: 4px 20px 4px 10px; position: relative; z-index: 1; line-height: 1.5; } .block-layered-nav .currently .label { font-weight: bold; text-transform: uppercase; display: inline-block; vertical-align: top; } .block-layered-nav .currently .value { display: inline-block; vertical-align: top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position: absolute; right: 0px; top: 9px; margin: 0; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_remove.gif") no-repeat scroll 0 0 transparent; } .block-layered-nav .currently .btn-previous { right: 17px; } .block-layered-nav .actions { font-size: 11px; padding: 4px 5px 4px 9px; text-align: right; } .block-layered-nav .actions a { float: none; background: none; } /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { } .block-cart .summary { padding: 2px 0px 8px; margin: 15px 0 5px; z-index: 1; } .block-cart .amount { margin: 0; } .block-cart .amount a { font-weight: normal; } .block-cart .subtotal { clear: both; margin: 5px 0 0; padding: 2px 0; text-align: center; } .block-cart .subtotal .price { font-weight: bold; } .block-cart .actions { float: right; padding: 5px 0; } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 8px 0; } .block-cart .block-subtitle { padding-left: 0px; } /* Block: Wishlist */ .block-wishlist .block-title strong { } .block-wishlist .actions { text-align: right; } .block-wishlist .actions a, .block-related .actions a { float: none; } #wishlist-table .add-to-cart-alt .input-text { margin-bottom: 8px; } /* Block: Related */ .block-related .block-title strong { font-weight:normal; text-transform:none; } .block-related input.checkbox { float: left; } .block-related .tm-checkbox .tm-hide { opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ } .block-related .product { margin-left: 20px; } .block-related li { position: relative; } .block-related .tm-checkbox { position: absolute; left: 2px; } /* Block: Compare Products */ .block-compare .block-title strong { } .block-compare button.button span { } .page-popup .link-print { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; font-weight: bold; color: #1e7ec8; } .compare-table { border: 0; } .compare-table thead tr.first th, .compare-table thead tr.first td { border: 0; background: none; padding: 0; font-size: 0; line-height: 0; } .compare-table .btn-remove { float: right; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_remove2.gif); width: 72px; height: 15px; } .compare-table tbody th { } .compare-table tbody th, .compare-table tbody td { padding: 10px; border: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .compare-table tbody td.last { border-right: 1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom: 1px solid #ccc !important; } .compare-table tr.add-to-row td { text-align: center; } .compare-table tr.first td { text-align: center; } .compare-table tr.first td .product-name { } .compare-table tr.first td .product-name a { } .compare-table tr.first td .ratings { width: 69px; margin: 0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin: 0; } /* Block: Recently Viewed */ .block-viewed .block-title strong { } /* Block: Recently Compared */ .block-compared .block-title strong { } /* Block: Poll */ .block-poll .block-title strong { } .block-poll .block-subtitle { } .block-poll label { color: #777; } .block-poll input.radio { } .block-poll .label { margin-left: 3px; } .block-poll li { padding: 3px 9px; } .block-poll .actions { margin: 5px 0 0; } .block-poll button.button span { } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Orders and Returns */ .block-gr-search li { padding: 3px 9px; } .block-gr-search button.button span { } /* Block: Tags */ .block-tags .block-title strong { text-transform: capitalize; } .block-tags .block-content .tags-list { background: none; border: 0; font-size: 12px; } .block-tags .block-content a { font-size: 13px !important; } .block-tags .actions { text-align: left; clear: both; padding: 6px 0; display: none; } .block-tags .actions a { float: none; } .block-tags .block-content .actions a { color: #fff; } /* Block: Subscribe */ .block-subscribe .block-content { padding: 5px 10px; } .block-subscribe .block-title strong { } .block-subscribe label { font-weight: normal; } .block-subscribe input.input-text { } .block-subscribe .actions { background: none; padding: 0; margin: 3px 0 0; text-align: left; } .block-subscribe .actions button.button { } /* Block: Reorder */ .block-reorder .block-title strong { } .block-reorder input.checkbox { float: left; margin: 2px -20px 0 0; } .block-reorder .product-name { margin-left: 0px; display: inline; } .block-reorder .validation-advice { margin: 3px 9px 7px; } /* Block: Banner */ .block-banner { border: 0; } .block-banner .block-content { padding: 0; text-align: center; } /* Block: Login */ .block-login .block-content { padding: 5px 10px; } .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } .block-login .actions { background: none; padding: 0; margin: 3px 0 0; } .block-login .actions button.button span { border-color: #406a83; background: #618499; } /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border: 0; margin: 0px 0 15px; } .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { } .category-description { margin: 0 0 10px; } .category-products { } .category-title h2 a { padding: 0 !important; } .category-title h2, .category-title h2 a, .crosssell > h2 { color: #4c4a4a; font-size: 18px; font-weight: 600; padding: 10px; text-transform: uppercase; } .products-grid h2.product-name, .product-carousel h2.product-name { background: none; /*padding-bottom: 10px; border-bottom: 1px solid #eaeaea; height: 72px; margin: 0px;*/ } .list-promo-text { color: #ea1b23; } .detail-promo-text { margin-top: 5px; color: #ea1b23; font-size: 23px; } .catalog-product-view h2.product-name { background: none; padding-bottom: 10px; border-bottom: none 0px; height: auto; margin: 0px; } .catalog-product-view .products-grid li .product-block { border: none 0px; } .catalog-product-view .products-grid .product-name { margin: 0 0 0px; padding-bottom: 10px; font-size: 14px; margin-left: 0px; text-align: center; } /* View Type: Grid */ .products-grid .price-box .special-price { display: block } .products-grid li.item, .col-main .slider-item { float: left; width: 33.3%; padding: 9px 19px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } #featured-products .products-grid li.item, .col-main .slider-item { float: left; width: 25%; padding: 9px 9px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } #newproducts .products-grid li.item, .col-main .slider-item { float: left; width: 25%; padding: 9px 9px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } #bestseller .products-grid li.item, .col-main .slider-item { float: left; width: 25%; padding: 9px 9px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .products-grid li:nth-child(3) { float: left; width: 33.3%; padding: 9px 0px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .products-grid li:nth-child(6) { float: left; width: 33.3%; padding: 9px 0px 9px 0; list-style: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } #products-list .item { } .products-grid li .product-block-inner { padding: 0px 0px 0px; position: relative; text-align: left; } a.product-image { display: block; margin: 0 0 0px; text-align: center } .products-grid .product-name { margin: 0 0 0px; font-weight: normal; font-size: 14px; margin-left: 0px; text-align: center; padding: 0 5px; } .products-grid .price-box { /*margin-top: 13px; text-align: left; float: left; margin-left: 0px; height: 53px;*/ } .catalog-product-view .products-grid .price-box { margin-top: 0; } .products-grid .availability { line-height: 21px; } .std .second-subbanner ul { margin-bottom: 0px; } .product-carousel .product-block { clear: both; overflow: hidden; } button.btn-cart span span { font-size: 13px; line-height: 18px; text-transform: uppercase; font-weight: 600; } .product-carousel .product-block-inner { overflow: hidden; position: relative; } .product-carousel .price-box { margin: 5px 0px; float: left; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { max-width: 100%; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ } .product-carousel li .product-block-inner .image, .products-grid li .product-block-inner .image { overflow: hidden; } .product-carousel li:hover .product-block-inner a.product-image img, .products-grid li:hover .product-block-inner a.product-image img { } .product-carousel li:hover .product-block-inner button.btn-cart span, .products-grid li:hover .product-block-inner .actions button.btn-cart span { color: #000; } .product-carousel li:hover .product-block-inner .product-name a, .products-grid li:hover .product-block-inner .product-name a { color: #ea1b23; } .product-carousel li:last-child .product-block-inner a.product-image, .products-grid li:last-child .product-block-inner a.product-image { } .product-carousel li:hover .product-block-inner .new-label, .products-grid li:hover .product-block-inner .new-label { display: block; transition: 0.1s; } .product-carousel li:hover .product-block-inner .sale-label, .products-grid li:hover .product-block-inner .sale-label { display: block; transition: 0.1s; } .products-list .list-left .sale-label { display: block; position: absolute; top: 13px; left: 13px; text-align: center; color: #fff; font-size: 12px; overflow: hidden; width: 38px; height: 38px; line-height: 38px; background: #ea1b23; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-family: 'latoitalic'; } .products-list .list-left .new-label { display: block; position: absolute; top: 13px; left: 13px; text-align: center; color: #fff; font-size: 12px; overflow: hidden; width: 38px; height: 38px; line-height: 38px; background: #8fcf3c; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-family: 'latoitalic'; } .products-list li:hover .list-left .new-label { display: block; transition: 0.1s; } .products-list li:hover .list-left .sale-label { display: block; transition: 0.1s; } .ratings { } .product-carousel li:hover .product-block-inner .ratings, .products-grid li:hover .product-block-inner .ratings { opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; } .product-block-inner .sale-label, .product-block-inner .new-label { display: block; position: absolute; top: 5px; left: 5px; text-align: center; color: #fff; font-size: 12px; overflow: hidden; width: 38px; height: 38px; line-height: 38px; background: #ea1b23; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-family: 'latoitalic'; } .category-description-short-top.std { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; } .catalog-category-view .col-main .category-description-short-top.std p { padding-bottom: 10px; color: #5b5b5b; font-size: 13px; } .out-of-stock { margin-top: 9px; color: #f00; color: #5b5b5b; } .featured-products .out-of-stock { float: right; } .product-block-inner .new-label { background: #8fcf3c; } /* View Type: List */ .products-list li.item { margin-bottom: 25px; } .products-list li .list-left { float: left; position: relative; } .products-list li .list-center { width: 100%; float:left; margin-left:-270px; padding:15px 15px 15px 300px; } .products-list li .list-right { float: left; } .products-list li.item.last { } .products-list .product-image { float: left; margin:0; width:250px; padding:15px; } .products-list .product-image img { max-width:100%; } .products-list .product-name { border-bottom: 1px solid #eee; color: #203548; padding-bottom: 10px; } .products-list .product-name a { color: #203548; } .products-list .price-box { margin: 3px 0px 0px 0; } .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; padding: 0px 0 0; margin: 5px 0 10px; } .products-list .desc .link-learn { } .products-list .add-to-links { clear: both; margin-bottom: 5px; } .products-list .add-to-links li { display: inline; } .products-list .add-to-links li:last-child { margin-left: 10px; } .products-list .add-to-links .separator { display: inline; margin: 0 7px 0px 10px; } .products-list li .ratings .rating-box { float: left; margin-right: 10px; } .Brands span { display: none; } .at-share-tbx-element .at-share-btn { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/share.png) center center no-repeat !important; border: solid 1px #eee; padding: 10px; float: left; width:66px; height:15px; } .at-icon { display:none; } #at_hover .at-icon { display:block !important; } .at4-icon.aticon-compact, .at4-icon.aticon-more, .at4-icon.aticon-expanded, .at4-icon.aticon-addthis { background: none !important; } /* ======================================================================================= */ /* Product View ========================================================================== */ /********************** Product View Tabs */ .product-feature .leftdd { width: 100%; float: left; border-bottom: solid 1px #f1f1f1; margin: 20px 0; } .product-feature .rightdd { width: 100%; float: right; border-bottom: solid 1px #f1f1f1; margin: 20px 0; } .product-feature .leftdd span { width: 22%; float: left; } .product-feature .rightdd span { width: 22%; float: right; } .product-feature .leftdd span img { width: 100%; float: left; margin-bottom: 14px; } .product-feature .rightdd span img { width: 100%; float: right; margin-bottom: 14px; } .product-feature h5 { color: red; font-size: 16px; font-weight: bold; margin-bottom: 14px; } .product-view .tabs { margin: 30px 0px 0 0; zoom: 1; text-align:center; border-bottom:1px solid #cbcbcb; } .product-view .tabs li { display:inline-block; margin-right: 0px; } .product-view .tabs li.first { border-left: 0; } .product-view .tabs li.last { border-right: 0; } .product-view .tabs a { display: block; color: #606060; font-size: 20px; margin: 0 18px; padding:0 0 15px 0; position:relative; font-family: 'latobold'; } .product-view .tabs a:hover { } .product-view .tabs li.active a, .product-view .tabs li a:hover { color:#ec1a23; } .product-view .tabs a:before { content: ""; position: absolute; left: 50%; bottom: -2px; width: 0px; margin-left:-44px; height: 3px; background: #111111; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; visibility:visible; } .product-view .tabs li a:hover:before, .product-view .tabs li.active a:before { width:88px; opacity:1; visibility:visible; } .catalog-product-view .block-related .block-title { background:none; text-align:center; position:relative; margin-bottom:40px; } .catalog-product-view .block-related .block-title:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 250px; margin-left:-125px; height: 1px; background: #dedede; } .catalog-product-view .block-related .block-title:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100px; margin-left:-50px; height: 1px; background: #ec1a23; } .catalog-product-view .block-related .block-title span { font-size:40px; color:#303030; font-family: 'latomedium'; } #product_tabs_tags_tabbed_contents.input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { float: left; margin-bottom: 6px; } #product_tabs_related_tabbed_contents ol { clear: both; } #zoom1 > img { margin: 0 auto; } .product-collateral:after { content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; zoom: 1 } .product-collateral .padder { padding: 30px 0; background: #FFF; } .product-collateral .form-add h2 { display: none; } .short-description h2 { display: block !important; } .product-collateral .product-details-technical_specifications ul { margin-left: 20px; } .product-collateral .product-details-pc_requirements ul li { margin-left: 20px; } .product-collateral .product_tabs_description_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_features_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_technical_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_pcrequirements_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_pvideo_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_pdfdownload_tabbed_contents ul { margin-left: 20px; } .product-collateral .product_tabs_review_tabbed_contents ul { margin-left: 20px; } .product-view .product-shop .short-description .std { margin-right: 1px; } .product-collateral .product-details-technical_specifications ul li { list-style: outside none disc; color: #5b5b5b; } .product-collateral .product-details-pc_requirements ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_description_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_features_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_technical_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_pcrequirements_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_pvideo_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_pdfdownload_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .product-collateral .product_tabs_review_tabbed_contents ul li { list-style: outside none disc; color: #5b5b5b } .block.block-related { border:0; padding:50px 0; background:#f9f9f9; margin:0; } #product_tabs_description_tabbed_contents h2, #product_tabs_related_tabbed_contents .block-title { display: none; } .catalog-product-view .product-view .product-img-box .sale-label { z-index: 99; position: absolute; top: 10px; left: 10px; text-align: center; color: #fff; font-size: 16px; overflow: hidden; width: 57px; height: 57px; line-height: 54px; background: #ea1b23; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-family: 'latoitalic'; } .catalog-product-view .product-view .product-img-box .new-label { z-index: 99; position: absolute; top: 10px; right: 10px; text-align: center; color: #fff; font-size: 16px; overflow: hidden; width: 57px; height: 57px; line-height: 56px; background: #8fcf3c; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; font-family: 'latoitalic'; } .padder h6 { color: #4c4a4a; font-size: 16px; font-weight:bold; margin-bottom: 10px; display: none; background:#eeeeee; position:relative; } .padder h6:before { content: "\f107"; font-family: 'FontAwesome'; font-size:24px; color:#4c4a4a; top:50%; right:10px; position:absolute; margin-top:-12px; } .padder h6.toggle.active:before { transform:rotate(180deg); -webkit-transform:rotate(180deg); } #product_tabs_pvideo_tabbed_contents iframe { margin: 15px !important; width: 44%; border:0; } /* Rating */ .no-rating { margin: 0 0 5px; } .ratings { position: relative; } .header .header-cart a { color: #aaa; } .header .header-cart a:hover { color: #2e2e2e; } .cms-home .ratings, .products-grid .ratings { position: absolute; line-height: 1.25; margin: 7px 0; right: 10px; bottom: 70px; } .category-products .products-grid li.first_item_tm .ratings, .category-products .products-grid li.first_item_tm.last_item_tm .ratings { right: 20px; } .category-products .products-grid li.last_item_tm .ratings { right: 8px } .product-shop .ratings { position: relative; margin:0; bottom: auto; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; display: none; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 80px; height: 13px; font-size: 0; line-height: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 15px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0 0; } .ratings .rating-box { margin-right: 5px; display: inline-block; } .ratings .rating-box+.amount { display: none; } .products-list .ratings .rating-box+.amount { display: block; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* Availability */ .availability { margin: 0; padding: 5px 0px 10px; } .availability span { font-weight: bold; } .availability.in-stock span { background: none repeat scroll 0 0 #ea1b23; color: #ffffff; padding: 3px 6px; } .availability.out-of-stock span { color: #d83820; margin-top: 2px; } .products-grid .availability.out-of-stock span { display:block; text-align:center; } .sku { padding-bottom: 10px; } .catalog-product-view .sku { padding-bottom: 10px; display: inline-block; width: 74%; } .catalog-product-view .product-barnd-logo { float:right; } .catalog-product-view .product-barnd-logo img { vertical-align: middle; } .availability-only { margin: 10px 0 7px; line-height: 25px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/availability.png) 0 3px no-repeat; padding-left: 30px; } .availability-only span, .availability-only a { } .availability-only a { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor: pointer; padding-right: 15px; text-decoration: none; } .availability-only .expanded { background-position: 100% -15px; } .availability-only strong { color: #be2c00; } .availability-only-details { margin: 0 0 7px; } .availability-only-details th { background: #d2d6d9; font-size: 10px; padding: 0 8px; } .availability-only-details td { background: #ebf0f3; border-bottom: 1px solid #fff; font-size: 11px; padding: 2px 8px 1px; } .availability-only-details tr.odd td.last { color: #d95e00; font-weight: bold; } .product-view .product-shop .availability { float: right; } .product-view .product-shop .availability span { font-weight: normal; color: #FF0000; } /* Email to a Friend */ .email-friend { margin: 0; } /* Alerts */ .alert-price { margin: 0; font-size: 11px; } .alert-stock { margin: 0; font-size: 11px; } /********** < Product Prices */ .price { white-space: nowrap !important; color: #2e2e2e; } .info-data .price, .info-data .regular-price, .info-data .regular-price .price { font-weight: bold; color: #aaa; font-size: 18px; } .mini-products-list .price-box { margin: 0px 0; padding-bottom: 0px; } /* Regular price */ .regular-price { color: #aaa; } .price { color: #2e2e2e; font-size: 16px; font-weight: 600; line-height: 27px; } .mini-products-list .product-details .price { color: #2e2e2e; font-size: 14px; font-weight: 600; line-height: 27px; } .block-cart .summary .price { color: #2e2e2e; font-size: 14px; font-weight: 600; line-height: 27px; } /* Old price */ .old-price { margin: 0; text-decoration: line-through; } .old-price .price-label { white-space: nowrap; color: #999; } .price-box .old-price { color: #ff0000; font-size: 14px; font-weight: bold; display: inline-block; } .products-grid .price-box .old-price { color: #606060; font-size: 16px; line-height: normal; display: inline-block; font-family: 'latoregular'; } .products-grid .price, .products-list .price{ color: #ec1a23; font-size: 16px; line-height: normal; font-family: 'latobold'; } .products-list .price-box .old-price { color: #7f7f7f; display: inline-block; font-size: 13px; font-weight: bold; } .related-products .price-box .old-price { color: #F00; font-size: 14px; display: list-item; line-height: 18px; } .related-products .price { color: #2e2e2e; font-size: 14px; } .products-grid .old-price { display: block } /* Special price */ .regular-price { margin: 0; display: block } .special-price .price-label { font-size: 13px; font-weight: bold; white-space: nowrap; color: #cd5033; } .special-price .price { font-size: 14px; font-weight: normal; color: #c76200; } /* Minimal price (as low as) */ .minimal-price { margin: 0 !important; padding: 3px 0px !important; } .minimal-price .price-label { font-weight: 600; white-space: nowrap; } .price-box .minimal-price .price { color: #000; font-weight: 600; font-size: 16px; } .minimal-price-link { display: block; margin: 3px 0; } .minimal-price-link .label { color: #2e2e2e; } .minimal-price-link .price { font-weight: normal; color: #2e2e2e; font-size: 13px; } /* Excluding tax */ .price-excluding-tax { display: block; color: #999; } .price-excluding-tax .label { white-space: nowrap; color: #999; } .price-excluding-tax .price { font-size: 13px; font-weight: normal; color: #c76200; } /* Including tax */ .price-including-tax { display: block; color: #999; } .price-including-tax .label { white-space: nowrap; color: #999; } .price-including-tax .price { font-size: 13px; font-weight: bold; color: #c76200; } /* Configured price */ .configured-price { margin: 0; } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold; } /* FPT */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { margin: 0; } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { margin: 0; } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 0px; color: #999; } .price-notice .price { font-weight: bold; } .product-view .price-notice .price { font-weight: normal; font-size: 14px; } /* Price as configured */ .price-as-configured { margin: 0; } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } .price-box-bundle { padding: 0 0 10px 0; } .price-box-bundle .price-box { margin: 0 !important; padding: 0 !important; } #cloud-zoom-big { background-color: #FFF; background-repeat: no-repeat; z-index: 999999 !important; } .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.5; -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: 50%; } #quick-window { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; z-index: 9999; background-color: #fff; display: none; max-width:600px; width:100%; } #quick-window .product-essential-inner { padding-right: 35px; } #quick-window .product-img-box { width: 230px; float: left } #quick-window .product-img-box a { border: 1px solid #e0e0e0; display: block } #quick-window .product-img-box img { max-width: 100%; height: auto; } #quickview-close { /*text-indent: -10000px; position: absolute; right: 10px; top: 0px; background: #ea1b23; 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: #000000;*/ } #quickview-close:before { /*content: ''; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png) no-repeat -124px -402px; width: 32px; height: 29px; display: block; position: absolute; left: -7px; top: 0*/ } #ajax-preloader { opacity: 0.8; text-align: center; z-index: 500; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/ajax_loader.gif) center top no-repeat; } #ajax-preloader .loading { border: 2px solid #777; color: #000; background: #eee; text-align: center; width: 120px; padding: 15px; font-weight: bold; } #quick-window .product-shop { float: left; text-align: left; width: 100%; margin-left: -245px; padding-left: 253px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; z-index: 1; } #quick-window .button-set { padding-top: 20px; } #quick-window .product-shop .product-name a { margin: 0; text-transform: uppercase; font-size: 18px; line-height: 22px; font-family: 'latobold'; color: #000; margin-bottom: 3px; } .quick_sku { border-bottom: 1px solid #e0e0e0; padding: 8px 0 10px; color: #000; font-size: 14px; line-height: 20px; margin-bottom: 18px; } #quick-window .product-essential, .product-essential #quick-window { /*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;*/ } .product-essential #quick-window .quickrfq_form_outer { max-height: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } #quick-window .product-shop h4 { font-family: 'latobold'; font-size: 16px; line-height: 20px; color: #000; margin-bottom: 15px; } #quick-window .product-shop .short-description li { list-style: none; position: relative; padding-left: 22px; padding-bottom: 6px; } #quick-window .product-shop .short-description li:before { content: ''; display: block; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png) no-repeat -123px -819px; width: 6px; height: 6px; position: absolute; left: 4px; top: 9px; } .refresh-captcha { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -94px -368px rgba(0, 0, 0, 0); display: block; float: left; height: 32px; margin-right: 10px; text-indent: -9999px; width: 32px; } .refresh-btn { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -94px -368px rgba(0, 0, 0, 0); display: inline-block; height: 32px; margin-right: 10px; text-indent: -9999px; width: 32px; vertical-align: top; margin-top: 4px; } .captcha-outer input { max-width: 131px; } .captcha-inputbox input { max-width: 131px; } #contactForm button.button span { line-height: 32px; } .refresh-captcha:hover { background-position: -125px -368px; } .captcha-img-holder { border: 1px solid #e5e5e5; float: left; height: 30px; margin-right: 10px; width: 100px; } .captcha-outer-img { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/opc-ajax-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0); border: 1px solid #eee; display: inline-block; height: 30px; margin-top: 3px; position: relative; vertical-align: top; width: 100px; } .capctha-inputs { display: inline-block; margin-top: 4px; } #quick-window .captcha-label { display: none; } .buttons-set p.required { margin: -25px 0 10px; } p.required { color: #dd4b39; font-size: 11px; text-align: left; padding-top: 4px; } .checkout-onepage-index p.required { color: #dd4b39; font-size: 11px; text-align: right; padding-top: 9px !important; } #checkout-review-table .a-right strong { font-size: 24px; } #checkoutSteps .form-list .tm-checkbox { margin-right: 4px; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin: 10px 0; padding: 7px; background-color: #f0f0f0; } .tier-prices li { line-height: 1.4; padding: 2px 0 2px 0px; } .tier-prices .benefit { font-style: italic; font-weight: bold; } .tier-prices .price { font-weight: bold; } .tier-prices-grouped li { padding: 2px 0; color: #e26703; } .tier-prices-grouped li .price { font-weight: bold; } /* Add to Links */ .add-to-links { margin: 5px 0 0; font-size: 12px; } .info3col-data .add-to-links li { list-style: none; display: inline-block; } .add-to-links li { list-style: none; } .add-to-links .separator { display: none; } .info3col-data .add-to-links li a.link-wishlist { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -4px -406px transparent; padding: 15px; font-size: 0px; border: 1px solid #d7d7d7; margin-right: 15px; text-indent: -9999px; } .info3col-data .add-to-links li a.link-wishlist:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -219px -406px #ea1b23 } .add-to-links li a.link-wishlist { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -6px -414px transparent; padding-left: 25px; text-transform: uppercase; text-indent: -9999px; } .add-to-links li a.link-wishlist:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/small_sprite.png") no-repeat scroll 4px -70px transparent; } .info3col-data .add-to-links li a.link-compare { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -4px -443px transparent; padding: 15px; font-size: 0px; border: 1px solid #d7d7d7; margin-right: 15px; } .info3col-data .add-to-links li a.link-compare:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -219px -443px #ea1b23; } .add-to-links li a.link-compare { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -11px -449px transparent; padding-left: 20px; text-transform: uppercase; text-indent: -9999px; } .add-to-links li a.link-compare:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/small_sprite.png") no-repeat scroll -0px -175px transparent; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; font-weight: 700; font-size: 15px; color: #666; margin-top: 5px; } .add-to-cart .qty { float: left; margin-right: 5px; padding: 8px 4px; } .product-view .product-options-bottom .qty { float: left; margin: 10px 0 0px; padding: 0px; text-align: center; height: 52px; background: none; width: 15%; border: solid 1px #ccc; } .product-view .add-to-box .qty { float: left; margin: 0px 0 0px; padding: 0px; text-align: center; height: 52px; background: none; width: 12%; border: solid 1px #ccc; } .product-share { margin-left: 10px !important; margin-top: 10px !important; } .product-essential .product-share { margin-left: 0px !important; margin-top: 10px !important; } .product-view .product-options-bottom .btn-cart { float: left; margin: 10px 10px 0; } .add-to-cart button.button { margin-left: 10px; margin-right: 10px; } .add-to-cart .paypal-logo { clear: left; margin: 0; text-align: right; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin: 0; } /* Add to Links + Add to Cart */ .add-to-box { margin: 10px 0 0px; } .add-to-box .add-to-cart { } .add-to-box .or { float: left; font-weight: bold; margin: 0 7px; color: #666; } .add-to-box .add-to-links { float: left; margin: 0; text-align: left; } .add-to-box .add-to-links li { margin-right: 10px; } .add-to-box .add-to-links li .separator { display: none !important; } .product-view { } .product-essential h2 { display: none; } .product-collateral { color: #000; } .product-collateral h2, .related-products .block-subtitle, .box-tags h3 { font-size: 17px; margin: 0 0 10px; color:#303030; font-weight:bold; } .product-collateral .padder { color:#303030; margin: 0 0 10px; } .padder h3 { font-weight:bold; } .product-collateral .std h1 { display: block !important; font-family:'latobold'; } .product-collateral .std h2 { display: block !important; font-family: 'latobold'; } .product-collateral .std h3 { display: block !important; font-family: 'latobold'; font-size:17px; } .product-collateral .std h4 { display: block !important; font-family: 'latobold'; } .product-collateral .std h5 { display: block !important; font-family: 'latobold'; } .product-collateral .std h6 { display: block !important; font-family: 'latobold'; } .product-collateral .box-collateral { margin: 0 0 25px; } .related-products .block-subtitle { margin-top: 10px; } /* Product Images */ .product-view .product-img-box { float: left; width:51.3%; margin-right: 0px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { border: 0px solid #ddd; position: relative; z-index: 1; margin:0; } .product-view .product-img-box .product-image #wrap { } .product-view .product-img-box .product-image-zoom { position: relative; width: 470px; height: 470px; overflow: hidden !important; z-index: 9; border: 1px solid #e9e9e9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; bottom:0; right:0; cursor: move; } .product-view .product-img-box .zoom-notice { font-size: 11px; margin: 0 0 5px; text-align: center; } #wrap .cloud-zoom-loading { top: 200px !important; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .more-views h2 { font-size: 11px; border-bottom: 1px solid #ccc; margin: 0 0 8px; text-transform: uppercase; } .product-view .product-img-box .more-views li a { width: 99px; height: 99px; overflow: hidden; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { font-weight: bold; margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; margin: 10px 0; } .product-image-popup .image-label { font-size: 13px; font-weight: bold; margin: 0 0 10px; } .product-view .product-shop .product-options dl { background: #f8f8f8 url("https://www.voicex.com.au/skin/frontend/default/voicex/images/down_arrow.png") no-repeat scroll 8px top; margin-top: 20px; padding: 12px 27px; } /* Product Shop */ .long-description h5 { font-size: 30px; font-weight: normal; color: red; margin-bottom: 15px; } .long-description span { width: 48%; height: 500px; margin: 10px; float: left; } .long-description ul { margin-left: 0; } .long-description dd { width: 32%; height: 371px; float: right; } .long-description a { text-decoration: underline; color: #000; } .long-description h3 { font-size: 16px; font-weight: bold; color: #000; } .long-description h4 { font-size: 16px; font-weight: bold; color: red; margin-bottom: 14px; } .long-description h3 dd { width: 0; height: 167px; margin: 10px -18px 10px 21px; float: right; padding: 0; } .product-view .product-shop { float: right; width:43%; } .touch .product-view .product-shop { float: right; width:50%; padding-left:15px; } .info3col-data { float: left; width: 250px; } .info-data { background: none repeat scroll 0 0 #f6f6f6; margin: 3px; padding: 20px; } .info-outer { border: 1px solid #e9e9e9; margin-bottom: 30px; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-shop .product-name { margin:0; padding:0; } .product-view .product-shop .product-name h1 { margin:0; border-bottom: solid 1px #dadada; padding-bottom: 20px; font-size: 26px; color: #303030; margin-bottom:15px; font-family: 'latobold'; } .product-view .product-shop .short-description { color: #000; padding: 10px 0; margin-bottom: 15px; } .product-view .product-shop .price-box { margin: 22px 0 0px; padding-bottom: 10px; } .product-view .product-shop .price-box .price { font-size: 22px; font-weight: bold; color:#ec1a23; } .product-view .product-shop .price-box .old-price { font-size: 18px; color: #8e8e8e; display: inline; padding-right: 10px; padding-top: 0px; font-weight: bold; text-decoration:line-through; } .product-view .price-box #old-price-4 { font-size: 16px; color: #ff0000; float: right; width: 51%; padding-top: 0px; font-weight: normal; } .at-share-tbx-element .at-share-btn { display: inline-block; margin: 0 !important; } .product-view .product-shop .add-to-links { margin: 0px 0; font-size: 13px; float: left; } .product-view .product-shop .availability span { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/instock.png") no-repeat scroll 0 3px; color: #1f8500; font-weight:bold; padding: 0px 0 0px 20px; } .product-view .product-shop .availability.out-of-stock span { color:#F00; padding-left:0; background:none; } .product-view .product-shop .add-to-links li { display: inline; margin-right: 15px; } .product-view .product-shop .add-to-links li .separator { display: none; } .product-view .product-shop .add-to-links a.link-wishlist { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -3px -407px transparent; padding: 0px; border: 1px solid #d7d7d7; font-size: 0; text-indent: -9999px; display: inline-block; width: 30px; height: 30px; } .product-view .product-shop .add-to-links a.link-wishlist:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -219px -407px #ea1b23; border: 1px solid #ea1b23; } .product-view .product-shop .add-to-links a.link-compare { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -4px -443px; padding: 0px; border: 1px solid #d7d7d7; font-size: 0; text-indent: -9999px; display: inline-block; width: 30px; height: 30px; } .product-view .product-shop .add-to-links a.link-compare:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -219px -443px #ea1b23; border: 1px solid #ea1b23; } .product-view .product-shop .ratings .rating-links { display: inline-block; color: red; } .product-view .product-shop .ratings .rating-links a { display: inline-block; color: red; font-size: 13px; } .email-addto-box { margin: 20px 0px; float: left; } .email-addto-box .email-friend { float: left; margin-right: 15px; } .email-addto-box .email-friend a { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -3px -512px transparent; padding: 0px; width: 30px; height: 30px; border: 1px solid #d7d7d7; font-size: 0; text-indent: -9999px; display: inline-block; } .email-addto-box .email-friend a:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -219px -512px #ea1b23; border: 1px solid #ea1b23; } #prev-next-links { float: right; margin-top: -35px; width: 60px; } #prev-next-links a { height: 30px; width: 15px; display: block; margin-bottom: 0; text-decoration: none; } #prev-next-links a#link-previous-product { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -8px -189px transparent; float: left; } #prev-next-links a#link-next-product { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -36px -189px transparent; float: right; } /* Product Options */ .product-options { margin: 0; padding: 0; position: relative; z-index: 0; } .product-options dt { font-weight: normal; } .product-options dt label { font-weight: normal; } .product-options dt label.required em { color: #DD4B39; margin-left: 5px; } .product-options dd .qty-holder { display: block; padding: 10px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; } .product-options dd { padding: 0px 10px 0px 5px; margin: 0 0 5px; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 98%; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio { margin-top: 3px; margin-right: 9px; } .product-options ul.options-list input.checkbox { margin-top: 3px; float: left; } .product-options ul.options-list .label { display: inline; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { /*padding: 0 7px;*/ } .product-options p.note { margin: 0; font-size: 11px; } .product-options p.required { position: absolute; right: 0px; top: 0px; } .product-view .product-options p.required { display: none; } .product-view .product-options dt label.required em { display: none; } .product-view .product-options dt label { color: #2e2e2e; padding: 5px 0 0 0px; margin-left: -3px; font-family: 'latobold'; } .product-view .product-options dt label.required { color: #2e2e2e; padding: 5px 0 0 0px; font-family: 'latobold'; } .product-options-bottom { } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #e26703; } .product-options-bottom .price-box { float: left; margin: 0; padding: 0; } .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right; } .col3-layout .product-options-bottom .price-box { float: none; padding: 0 0 5px; } .product-options-bottom .price-label { float: left; padding-right: 5px; } .product-options-bottom .price-tax { float: left; } .product-options-bottom .add-to-cart { float: left; margin: 10px 0 0px; } .product-shop .product-options-bottom { margin: 0; } .product-shop .product-options-bottom .price-box { float: none; margin: 0 0 5px; display: none; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { float: left; padding-top: 12px; } .product-shop .product-options-bottom .add-to-links { padding: 5px 0 0; text-align: left; display: none; } .customer-account-forgotpassword .form-list input.input-text { width: 23%; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin: 0; padding: 0; } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height: 1.25; } /* Block: Upsell */ /*.product-view .box-up-sell h2 { padding:0 0 10px; margin:0 0 8px; } */ .product-view .box-up-sell .products-grid .product-image { text-align: center; } .product-view .box-up-sell .products-grid .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin: 0; } .product-view .box-tags h3 { } .product-view .box-tags .product-tags { display: block; margin: 0 0 15px; } .product-view .box-tags .product-tags li { display: inline; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_pipe1.jpg) 100% 4px no-repeat; padding: 0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left: 0; } .product-view .box-tags .product-tags li.last { background: none; padding-right: 0; } .product-view .box-tags .form-add label { display: block; margin: 0 0 5px; } .product-view .box-tags .form-add .input-box { float: left; } .product-view .box-tags .form-add input.input-text { width: 300px; margin-right: 5px; } .product-view .box-tags .form-add button.button span { } .product-view .box-tags .note { margin: 3px 0 0; padding: 0 0 0px; font-size: 12px; } /* Block: Reviews */ .product-view .box-reviews dl { margin: 15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dd { margin: 0 0 15px; } .product-view .box-reviews dd small { font-style: italic; } .product-view .box-reviews .form-add { margin: 15px 0 0; } .product-view .box-reviews .form-add h3 { font-size: 13px; font-weight: normal; } .product-view .box-reviews .form-add h3 span { font-weight: bold; } .product-view .box-reviews .form-add h4 { font-size: 12px; } .product-view #product-review-table { margin: 15px 0 0; } .product-view #product_tabs_review_tabbed_contents .form-list .input-box { width: 100%; } .product-view #product_tabs_review_tabbed_contents .form-list textarea { width: 100%; } .product-view #product_tabs_review_tabbed_contents .form-list { margin:20px -10px 0; } .product-view #product_tabs_review_tabbed_contents .form-list li { width:50%; float:left; padding:0 10px; } .product-view #product_tabs_review_tabbed_contents .form-list li:nth-child(2n+1) { clear:both; } #review-form #captcha_text { margin-left: 0px; border-radius: 0; } #review-form .form-list label.required em { float: right; font-style: normal; position: absolute; right: -8px; top: 0; } #review-form .buttons-set { clear: both; float: right; margin: 0; padding: 0px; } #review-form .buttons-set button.button { float: right; margin-left: 0; margin-top: 7px; } .product-view #review-form { width: 100%; display: inline-block; } #review-form button.button span, .back-link a { background:#ec1a23; color: #fff; font-size: 16px; height: 36px; line-height: 36px; padding: 0 10px; text-decoration: none; } #review-form button.button:hover span, .back-link a:hover { background:#000; color: #fff; text-decoration: none; } .product-view .box-reviews .form-add .data-table td { text-align: center; } .product-view .box-reviews .form-add .form-list { margin: 15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width: 360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 354px; } /* Send a Friend */ .send-friend .form-list { width: 615px; overflow: hidden; } /*.send-friend .form-list li { margin-right:-15px; } */.send-friend .form-list li p { margin: 0 15px 0 0; } .send-friend .form-list .field { width: 315px; } .send-friend .form-list .input-box { width: 300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width: 288px; } /*.send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; }*/ .send-friend .buttons-set .limit { float: right; margin: 0 7px 0 0; font-size: 11px; line-height: 21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin: 0; font-size: 1em; font-weight: normal; padding-bottom: 10px; } .main-cart .product-name { padding-bottom: 0; } .related-products .product-name { margin: 0 0 10px; overflow: hidden; height:50px; padding:0; } .related-products .product-name a { font-size:16px; color:#606060; line-height:normal; font-family: 'latosemibold'; } .related-products .product-name a:hover { color:#ec1a23; } .related-products .price-box span.price { font-size:16px; font-weight:bold; } .related-products .price-box > span { display:inline-block !important; padding:0 5px; } .main-cart .product-name { border-bottom: none 0px; } .main-cart .product-details { width: 100%; float: left; margin-left: -85px; padding-left: 100px; } .product-name a, .product-review .product-name { color: #000000; font-size: 13px; text-decoration: none; margin-bottom: 5px; } .product-review .product-name { color: #000000 !important; font-size: 18px; text-decoration: none; margin-bottom: 5px; border-bottom: 1px solid #cccccc; font-weight: 600; padding-bottom: 10px; } .product-review .buttons-set { float: left !important; width: 100%; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 5px !important; } .product-name a:hover { color: #ea1b23; text-decoration: none; } .about-right-banner { float: right; margin-left: 40px; } .about-left-content { font-size: 13px; } .products-list .product-name a { font-size: 17px; font-family: 'latobold'; } /* Product Tags */ .tags-list { display: block; border: 1px solid #EDEDED; background: #FBFBFB; padding: 10px; } .tags-list li { display: inline !important; margin: 0 4px 0 0; } .tags-list li a { color: #1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width: 160px; padding-right: 10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float: left; clear: none; } .advanced-search-amount { margin: 0 0 10px; } .advanced-search-summary { margin: 10px 0; border: 1px solid #e9d7c9; background: #fff6f1; padding: 10px; } .advanced-search-summary ul { float: left; width: 49%; } .advanced-search-summary strong { color: #E17C24; padding-left: 15px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear: both; font-weight: bold; margin: 0; } /* CMS Home Page */ .cms-home .subtitle { } .cms-index-index .subtitle { } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -33px 0; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .links a:hover { text-decoration: underline; } .page-sitemap .sitemap { margin: 12px; } .page-sitemap .sitemap a { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/subcat_arrow.png") no-repeat scroll 3px center transparent; padding-left: 12px; } .page-sitemap .sitemap a:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/subcat_arrow_hover.png") no-repeat scroll 3px center transparent; } .page-sitemap .sitemap li { margin: 5px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { color: #1e7ec8; } .contacform { border-right: 1px solid #EDEDED; float: left; margin-right: 10px; padding-right: 15px; width: 46%; } .googlemap { float: right; margin-top: 10px; width: 50%; } .contacform .form-list li.wide .input-box { width: 100%; } .contacform .form-list li.wide textarea { width: 97%; } .contacform .fieldset { margin-top: 10px; } /* RSS */ .rss-title h1 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.55; background-position: 0 4px; } /* ======================================================================================= */ .products-list button.btn-cart:hover, .product-shop button.btn-cart:hover, button:hover, button.button:hover span, .back-link:hover a { background-color: #303030; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; border-radius: 0px; } /* Shopping Cart ========================================================================= */ /* Checkout Types */ .cart .title-buttons .checkout-types { float: right; } .cart .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 8px 55px 0 0; line-height: 1.0; font-size: 11px; } /* Shopping Cart Table */ .cart-table th { padding: 2px 10px; } .data-table.cart-table thead th { padding:7px 25px; } .cart-table td { padding: 10px; vertical-align: middle; } .cart-table td:nth-child(2) { padding-right: 30px; padding-left: 25px; } .cart-table .product-name { margin: 0 0 10px; padding: 0; } .cart-table .product-name a { color: #202020; } .cart-table .product-name a:hover { color: #ec1a23; } .cart-table .item-msg { margin: 5px 0; font-size: 11px; font-weight: bold; color: #df280a; } .cart-table tfoot td { padding: 22px 0px; border: none 0px !important; } .cart .data-table thead th { text-transform: uppercase; background: none; font-size: 12px; color: #000; } .cart .data-table .even { background: none; } .cart .data-table thead th last td { /*border-right: 1px solid #cecece;*/ } .cart .data-table th:last-child, .cart .data-table tbody td:last-child { /*border-right: 1px solid #cecece !important;*/ } .cart-left-col .cart-table { border: none 0px; display: table; visibility: visible; } #cart-shopping-table { display:none; } .cart-table .btn-continue { float: left; } .cart-table .btn-empty span, .cart-table .btn-update span { background: #707070; font-size: 14px; text-transform: uppercase; padding: 15px 33px; } .cart-table .btn-empty span span, .cart-table .btn-update span span { padding:0; } .account-login .buttons-set .button span { background: none repeat scroll 0 0 #909090; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .account-login .buttons-set .button:hover span { background: red; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .customer-account-resetpassword .buttons-set .button span { background: #909090; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .customer-account-resetpassword .buttons-set .button:hover span { background: #e71d1d; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .customer-account-resetpassword .buttons-set { padding: 0; } .customer-account-forgotpassword .content-binder .form-list .validation-advice { float: left; } .customer-account-forgotpassword .content-binder .buttons-set .button { margin-left: 34px; } .account-create .buttons-set .button span { background: #909090; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .customer-account-forgotpassword .buttons-set .button span { background: #909090; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .customer-account-forgotpassword .buttons-set .button:hover span { background: red; } .customer-account-forgotpassword .buttons-set p.required { margin: -37px 0 10px; } .customer-account-forgotpassword .buttons-set { padding: 0; } .account-create .buttons-set .button:hover span { background: red; font-size: 14px; text-transform: uppercase; padding: 5px 7px; } .account-create button.button span, .back-link a { background: #909090; font-size: 14px; text-transform: uppercase; padding: 5px 10px; } .account-create button.button span, .back-link a:hover { background: red; } .main-cart button.button span, .back-link a { font-size: 14px; padding: 4px 7px; background: #707070; text-transform: uppercase; } .my-account button.button span, .back-link a { font-size: 14px; padding: 10px; background: #707070; text-transform: uppercase; } .my-account button.button span { background: #909090; font-size: 14px; text-transform: uppercase; padding: 5px 10px; } .cart-iocn button.viewcart-btn:hover span { background:#000 !important; } .customer-account-forgotpassword .page-title h1 { border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; padding-bottom: 7px; position: relative; width: 100%; } .customer-account-resetpassword .page-title h1 { border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; padding-bottom: 7px; position: relative; width: 100%; } .account-create .page-title h1 { border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; padding-bottom: 7px; position: relative; width: 100%; } .account-login .page-title h1 { border-bottom: 1px solid #eee; font-size: 18px; font-weight: 600; padding-bottom: 7px; margin-bottom: 27px; position: relative; width: 100%; } .cart-table .btn-continue span { background: #707070; text-transform: uppercase; font-size: 14px; padding: 15px 33px; } .cart-table .btn-continue span span { padding:0; } .cart-table .btn-update, .cart-table .btn-empty { float: right; } .cart-table .btn-update { margin-left: 10px; } /* Shopping Cart Collateral boxes */ .cart-left-col { float: left; width: 66%; } .cart-collaterals { float: left; padding-left: 30px; width: 34%; } .cart .cart-collaterals .col1-set { width: 400px; float: left; } .cart .cart-collaterals .col2-set { width: 663px; float: right; } /*.cart .cart-collaterals .col2-set .col-1{width:360px} .cart .cart-collaterals .col2-set .col-2 { width:310px; }*/ .cart .crosssell { margin-bottom: 10px; } .cart .crosssell .product-block-inner { margin: 0px 10px 10px; } .cart .crosssell .link-compare { font-weight: normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { background: #e4e4e4; margin: 0 0 20px; padding: 18px 20px; } .discount-form label { display: none; } .sq-button span span { background: none repeat scroll 0 0 #909090; border: 0 none; color: #ffffff; font-family: "latobold"; font-size: 14px; padding: 0 12px; transition: all 0.5s ease 0s; } .cart-collaterals .discount .buttons-set button { float: left; margin-right: 10px; } /*.cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; padding:0 0 0 0px; color:#e26703; text-transform:uppercase; }*/ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin: 0; border: 0; padding: 0; text-align: left; float: none; clear: both; } .cart .shipping .msg-required { color: red; font-size: 12px; float: left; margin-top: 10px; margin-left: 10px; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { /*float: none; margin-left: 0; margin-right: 0;*/ } .cart .form-list select, input.input-text { border: 1px solid #bcbcbc; border-radius: 0px; height: 35px; width: 100%; } .cart .form-list input.input-text { border-radius: 0; height: 45px; } .shopping_CMS_main1 { clear: both; padding: 20px 0px 0px; } .shopping_CMS_main1 img { width: 100%; } .cart .discount .input-box { float: none; margin: 0 0 10px; width: 97%; } .cart .discount button span, button.btn-checkout span {/* background: none repeat scroll 0 0 #000; border-radius: 5px; color: #fff; font-size: 16px; font-weight: bold; padding: 0 14px; */ padding: 20px 36px; font-size:15px; text-transform: uppercase; } .cart-table .cart-price .price { color: #606060; font-size: 14px; font-weight: normal; } .cart-table input.qty { padding: 0 5px 0 5px; width: 50px; text-align: center; } .shipping-form .selector span { height: 45px; line-height: 40px; color: #808080; } .cart .page-title h1 { font-size: 30px; font-weight: 600; position: relative; } .cart .title-buttons .checkout-types { float: right; margin-bottom: 10px; } .product-view .product-options-bottom .btn-cart:hover { border-radius: 0px; } .product-shop button.btn-cart:hover, button:hover, button.button:hover span, .back-link:hover a { /*background-color: #f02d2d; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms;*/ } .product-shop button.btn-cart:hover, button:hover, button.button:hover span, .back-link:hover a { /*background-color: #f02d2d; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms;*/ } .cart .discount input.input-text { width: 100%; border: 1px solid #cecece; height: 35px; } .discount > h2 { color: #000; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-top: 16px; } .cart .discount-form .buttons-set span { color: #fff; font-size: 14px; font-weight: bold; padding: 4px 11px; text-transform: uppercase; border-radius: 0px; background: #909090; } .cart .form-list > li { float: left; width: 33.33%; padding-left: 10px; margin-bottom: 15px; } .cart .form-list > li:first-child { padding-left: 0; } .cart .form-list select { float: left; width: 100%; padding: 0; height: 45px; line-height: 40px; } .cart .form-list .input-box { clear: both; display: block; width: 100%; } #shipping-zip-form .buttons-set .button { float: left; margin: 0; } #shipping-zip-form .buttons-set .required { margin: 0 0 0 11px; float: left; line-height: 46px; } #shipping-zip-form .buttons-set .button:hover span { background: #000; } #shipping-zip-form .buttons-set .button span { background: #707070; border-radius: 0; color: #fff; font-size: 14px; padding: 15px 33px; text-transform: uppercase; font-family: 'latobold'; } #shipping-zip-form .buttons-set .button span span { padding: 0; } #co-shipping-method-form .buttons-set .button span { background: #707070; border-radius: 0; color: #fff; font-size: 14px; padding: 15px 33px; text-transform: uppercase; font-family: 'latobold'; } #co-shipping-method-form .buttons-set .button span span { padding: 0; } #co-shipping-method-form .buttons-set .button:hover span { background: none repeat scroll 0 0 #000; } #co-shipping-method-form .buttons-set .button { float: right; } #new-loader { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/new-loader.gif) no-repeat left top; width: 30px; height: 30px; float: left; } #new-loader1 { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/new-loader.gif") no-repeat scroll left top rgba(0, 0, 0, 0); float: right; height: 30px; margin-left: 10px; margin-top: 6px; width: 30px; } .cart-collaterals .shipping h2 { font-size: 20px; font-weight: bold; color: #303030; } .cart .shipping .sp-methods { margin: 0; padding: 0; float: left; } #co-shipping-method-form .button { float: right; } #shipping-zip-form > p { display: none; } /* Shopping Cart Totals */ .cart .totals { float: right; width: 100%; background: #e4e4e4; margin-bottom: 10px; padding:10px 20px 20px; } .cart .totals table { width: 100%; margin: 7px 0; } .cart .totals table tfoot { border-top:solid 1px #b8b8b8; } .cart .totals td { padding: 5px 0 10px 15px; color: #303030;line-height:22px;font-size: 16px; font-family: 'latobold'; } .cart .totals tr.last td { } .cart .totals tfoot th { padding: 5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 15px; border-top:solid 1px #b8b8b8; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 22px; color: #303030; } .cart .a-right > .price { font-weight: normal; font-size: 13px; color: #606060; line-height: 18px; } .cart .totals tfoot td .price { font-weight: bold; font-size: 22px; color: #303030; line-height: 18px; } .cart .subprice .price { font-weight: normal; font-size: 13px; color: #505050; } .cart .subprice tfoot th strong, .price { font-weight: bold; font-size: 24px; color: #000; } .block-layered-nav .subprice tfoot th strong, .price { font-size: 14px; color: #2e2e2e; } #checkout-progress-wrapper .complete .price { font-weight: normal; font-size: 13px; color: #606060; line-height: 18px; } #co-shipping-method-form .sp-methods .price { font-weight: normal; font-size: 13px; color: #606060; line-height: 18px; } #checkout-step-review .price { font-weight: normal; font-size: 13px; color: #606060; line-height: 18px; } #checkout-step-review tbody .last { text-align: center; } #checkout-step-review .data-table tfoot strong .price { font-weight: bold; font-size: 24px; color: #000; } #checkout-review-table .data-table tfoot strong { font-size: 24px; } #checkout-review-submit.step .buttons-set .button span { padding: 0; } .cart .totals .checkout-types { font-size: 13px; padding: 0px; text-align: right; } .cart .totals .checkout-types li { clear: both; margin: 10px 10px; } .cart .totals .checkout-types li:last-child { background: #e4e4e4; padding: 10px 0; text-align: right; margin: 0; } .cart .form-list label { color: #606060; float: left; font-size: 12px; font-weight: normal; padding-bottom: 0; position: relative; z-index: 0; text-transform: uppercase; } .cart .form-list label.required em { float: right; margin-left: 3px; } /* Options Tool Tip */ .item-options dt { font-weight: normal; float: left; } .item-options dd { padding-left: 0px; margin: 0 0 6px; } .truncated { cursor: help; display: none; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; background-color: #f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: -20px; left: 50%; width: 100px; border: 1px solid #ddd; } .col-left .truncated .show .item-options { left: 15px; top: 7px; } .col-right .truncated .show .item-options { left: -240px; top: 7px; } .cart .data-table th, .cart .data-table tbody td { border-bottom: solid 1px #cecece; } .cart .data-table th, .data-table tr.last th { border-top: solid 2px #cecece; border-bottom: solid 2px #cecece; } .data-table tbody tr.last th { border:0; } .cart .data-table td.last, .cart .data-table th.last { border-right: 0 none !important; } .cart-left-col .data-table tfoot tr { background: none !important; } .cart-left-col .data-table tr.last th, .data-table tr.last td { } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-weight: bold; } .sp-methods dd { } .sp-methods dd li { margin: 5px 0; position: relative; line-height: normal; } .sp-methods label { font-weight: normal; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { margin-top: 15px; padding-left: 0; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 154px; margin-right: 10px; margin-bottom: 5px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .please-wait { float: right; } .please-wait img { vertical-align: middle; } .cvv-what-is-this { font-size: 11px; cursor: help; margin-left: 10px; } /* Tooltip */ .tool-tip { border: 1px solid #7BA7C9; background: #EAF6FF; padding: 15px 20px; position: absolute; z-index: 9999; } .tool-tip .btn-close { margin: -9px -14px 0; text-align: right; } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 15px; height: 15px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages h3 { font-weight: normal; } .gift-messages p.control { } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { font-weight: bold; } .gift-messages-form .whole-order { margin: 0 0 25px; } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .product-name { margin: 0 0 10px; } .gift-messages-form .item .details .form-list .field { width: 255px; } .gift-messages-form .item .details .form-list .input-box { width: 240px; } .gift-messages-form .item .details .form-list input.input-text { width: 234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width: 500px; } .gift-messages-form .item .details .form-list li.wide textarea { width: 98%; } .gift-message-link { font-size: 11px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right: 7px; } .gift-message-link.expanded { background-position: 100% -40px; } .gift-message-row { background: #f2efe9; } .gift-message-row .btn-close { float: right; width: 16px; height: 16px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_gm-close.gif) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } /* Checkout Agreements */ .checkout-agreements li { margin: 30px 0; } .checkout-agreements .agreement-content { overflow: auto; height: 12em; padding: 10px; background-color: #fbfaf6; border: 1px solid #bbb6a5; } .checkout-agreements .agree { margin: 0; padding: 10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right: 6px; } .checkout-agreements .agree label { font-weight: bold; color: #666; } .opc .checkout-agreements { border: 1px solid #d9dde3; border-width: 0 1px; padding: 5px 30px; } .opc .checkout-agreements li { margin: 20px 0 0; } .opc .checkout-agreements .agreement-content { background-color: #fff; border-color: #e4e4e4; padding: 5px; } .opc .checkout-agreements .agree { padding-left: 6px; } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .opc .centinel { border: 1px solid #bbb6a5; border-width: 0 1px 1px; padding: 10px 30px; } /* Generic Info Set */ .info-set { border: 1px solid #bbb6a5; margin: 0 0 25px; padding: 20px; } .info-set h2 { font-size: 13px; font-weight: bold; margin: 0 0 10px; } .info-set h3, .info-set h4 { font-size: 13px; font-weight: bold; color: #E26703; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight: normal; } .info-set h2.legend { margin: -20px -20px 15px; padding: 5px 10px; background: #f9f3e3; border-bottom: 1px solid #bbafa0; position: relative; } .info-set h3.legend { margin: 0 0 10px; color: #0a263c; } .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .info-set .box { margin: 0 0 15px; } .info-set .box h2 { color: #e26703; } .info-set .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important; } .info-set .data-table .product-name a { font-weight: bold !important; } .info-set .data-table .item-options { margin: 5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border: 0; margin: 0; } .checkout-onepage-index .col-right { margin-top: 60px; } .checkout-onepage-index article { margin-top: 60px; } .checkout-onepage-index article .page-title { position: absolute; top: 0; font-size: 18px; font-weight: 600; border-bottom: solid 1px #eee; padding-bottom: 7px; } /*.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; }*/ .block-progress dt { margin: 0 0 6px; padding: 5px 8px; font-weight: bold; /* font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; color:#999;*/ } .block-progress dd { padding: 8px 13px; margin: 0 0 10px; } .block-progress dt.complete { margin: 0; border-bottom: 1px solid #DDDDDD; } .block-progress dd.complete { } .block-progress p { margin: 0; } .block-progress .cards-list dt { background: none; border: 0 none; color: inherit; font-size: 12px; margin: 5px 0; padding: 0; } .block-progress .cards-list dd { border: 0 none; margin: 0; padding: 0; } .block-progress .cards-list .info-table th { font-weight: normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ #checkoutSteps { margin-bottom: 60px; } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt.complete a { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/edit.png") no-repeat scroll 0 0; padding-left: 20px; font-size: 12px; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top: 0; padding-top: 15px; border: none; float: none; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set .back-link small { display: none; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc { position: relative; } .opc li.section { margin-bottom: 11px; } .opc .step-title { background: #F0F0F0; padding: 0px; text-align: right; } .opc .step-title .number { float: left; background: #706f73; padding: 13px 14px; border-right: solid 2px #fff; margin: 0 5px 0 0; color: #fff; font-weight: 600; font-size: 18px; } .opc .step-title h2 { float: left; margin: 0; font-size: 16px; font-weight: 600; padding: 14px 0 10px 11px; color: #000; text-transform: uppercase; } .opc .step-title a { display: none; float: right; line-height: 16px; color: #fff; } .opc .allow .step-title { background: #f0f0f0; color: #fff; cursor: pointer; } .opc .allow .step-title .number { background: #706f73; color: #fff; font-weight: 600; font-size: 18px; padding: 13px 14px; } .opc .allow .step-title h2 { color: #000; } .opc .allow .step-title a { display: block; color: #000; font-size: 14px; text-transform: uppercase; padding: 15px 10px; } .opc .active .step-title { background: #000; border: 1px solid #000; padding: 0px; color: #fff; cursor: default; } .opc .active .step-title .number { background: #000; border-right: solid 2px #fff; color: #fff; } .opc .active .step-title h2 { color: #fff; padding: 14px 0 10px 11px; } .opc .allow .step-title:hover { } #checkoutSteps .form-list .input-text { width: 100%; padding: 8px 0 8px 8px; } #checkoutSteps .step .buttons-set .button span { background: none repeat scroll 0 0 #000; color: #fff; font-size: 16px; font-weight: 600; padding: 5.7px 10px; text-decoration: none; text-transform: uppercase; } #checkoutSteps .step .buttons-set .button:hover span { background: red; } .order-review #checkout-review-submit .button span { background: none repeat scroll 0 0 #000; color: #fff; font-size: 16px; font-weight: 600; padding: 0px 10px !important; text-decoration: none; text-transform: uppercase; } .order-review #checkout-review-submit .product-name { border-bottom: none 0px; } .opc .active .step-title a { display: none; } .opc .step { padding: 15px 0 15px 43px; position: relative; margin-bottom: -1px; } .opc .step .tool-tip { right: 0px; } #opc-login .buttons-set { border-top: 0; padding: 0; } #opc-login h3 { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; text-transform: capitalize; font-weight: normal; } #opc-login h4 { font-size: 1em; font-weight: bold; margin: 0; } #opc-shipping_method .buttons-set { border-top: 0; } .opc .gift-messages-form { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; margin: 0; padding: 0; } .opc .gift-messages-form .inner-box { padding: 10px; height: 260px; overflow: auto; } #opc-review .step { border: 0; padding: 0; } #opc-review .product-name { } #opc-review .item-options { margin: 5px 0 0; } #opc-review .buttons-set { padding: 20px 30px; border: 1px solid #d9dde3; border-width: 0 1px 1px; } #opc-review .buttons-set p { margin: 0; line-height: 40px; } #opc-review .buttons-set .please-wait { height: 40px; line-height: 24px; } #opc-review .authentication { margin: 0 auto; width: 570px; } #opc-review .warning-message { color: #222; font-weight: bold; text-align: center; padding: 10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-onepage-success h2 { border-bottom: none; } .checkout-progress { padding: 0 90px; margin: 10px 0 20px; } .checkout-progress li { float: left; width: 19%; margin: 0 3px 0 0; border-top: 10px solid #545F61; padding: 2px 0 0; font-weight: normal; text-align: center; color: #545F61; } .checkout-progress li.active { border-top-color: #000; color: #000; } .multiple-checkout h3, .multiple-checkout h4 { font-weight: normal; margin-bottom: 10px; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight: normal; font-size: 13px; } .multiple-checkout .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important; } .multiple-checkout .data-table .item-options { margin: 5px 0 0; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { border: 1px solid #EDEDED; margin: 0 0 25px; padding: 20px; } .multiple-checkout .col2-set h2.legend { margin: -20px -20px 15px; padding: 5px 10px; background: #F0F0F0; position: relative; } .multiple-checkout .col2-set h3.legend { margin: 0 0 10px; color: #0a263c; } .multiple-checkout .col2-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .multiple-checkout .box { margin: 0 0 15px; } .multiple-checkout .box h2 { } .multiple-checkout .place-order .please-wait { float: right; padding: 27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float: right; height: 71px; font-size: 1.5em; padding: 0 0 0 21px; overflow: hidden; } .multiple-checkout .place-order .grand-total .inner { float: left; } .multiple-checkout .place-order .grand-total .inner div { display: inline; } .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 12px; } .multiple-checkout .place-order .grand-total .price { color: #E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size: 16px; } .multiple-checkout .place-order .grand-total button.button span span { padding: 0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding: 10px; } #multiship-addresses-table tfoot td { padding: 5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width: 100%; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right: -15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width: 230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width: 215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width: 209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width: 450px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width: 98%; } .checkout-multishipping-shipping .box-sp-methods { border: 1px solid #EDEDED; background: #FBFBFB; padding: 13px; position: relative; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position: relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { border-bottom: 0; } .account-login .content h2, .fieldset .legend, .box-account .addresses-list h2, .multiple-checkout h2, .checkout-onepage-success h2, .order-info-box h2, .sales-order-print .col2-set h2 { border-bottom: 1px solid #ededed; color: #555; font-size: 18px; font-weight: normal; margin: 0 0 14px; padding: 0 0 10px; text-transform: uppercase; } .my-account .box-account h2:before { background: none repeat scroll 0 0 #f02d2d; bottom: 0px; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 50px; border: none 0px; font-size: 18px; font-weight: bold; color: #333; } .box-account h2 { border: none 0px; font-size: 18px; font-weight: bold; color: #333; position: relative; padding-bottom: 3px; float: left; text-transform: uppercase; } .box-recent .box-head a { float: right; padding: 4px 10px; background: #706f73; font-size: 14px; font-weight: 600; color: #FFF !important; text-decoration: none !important; } .box-recent .box-head a:hover { float: right; padding: 4px 10px; background: #000; font-size: 14px; font-weight: 600; color: #FFF; } .my-account .data-table tr th, .data-table tr.last td { border-top: none 0px; } .my-account .data-table td.last, .data-table th.last { border-right: none 0px !important; } .my-account .data-table thead tr { background: #f0f0f0; } .my-account .data-table thead tr th { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; text-transform: uppercase; } .my-account .data-table td { color: #808080; font-size: 14px; padding: 4px 8px; line-height: 30px; } .my-account .price { color: #303030; font-size: 14px; font-weight: normal; line-height: 27px; } .my-account .data-table thead tr th:first-child { border-left: 1px solid #cecece; } .my-account .data-table thead tr th:last-child { border-right: 1px solid #cecece; } .my-account .data-table tbody td { border-bottom: 1px solid #cecece; } #my-downloadable-products-table tbody td { border-bottom: 0 none; } #my-downloadable-products-table thead tr th { border-top: 0 none; } #my-downloadable-products-table thead tr th:first-child { border-left: 0 none; } #my-downloadable-products-table thead tr th:last-child { border-right: 0 none; } .my-account .data-table em { font-style: normal; } .my-account .data-table .even { background: none; } .my-account #my-orders-table { border: none 0px; } .my-account .sbHolder { background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #c1c1c1; padding: 4px 25px 4px 7px; position: relative; text-align: left; width: auto; vertical-align: middle; } .my-account .pager .limiter label { vertical-align: 0; } #my-reviews-table td.last a { background: none repeat scroll 0 0 #706f73; color: #fff !important; float: right; font-size: 14px; font-weight: 600; padding: 4px 10px; text-decoration: none !important; } #my-reviews-table td.last a:hover { background: red; color: #fff !important; float: right; font-size: 14px; font-weight: 600; padding: 4px 10px; text-decoration: none !important; } .my-account .buttons-set { clear: none; float: none; margin-top: 0; } .my-account .tm-checkbox { margin-right: 4px; } .account-login .f-left, .left { } .account-login .buttons-set { margin: 0; } .account-create { /*width: 1100px; margin: 0 auto;*/ } .account-login { /*width: 1100px; margin: 0 auto;*/ } .social-media li { float: left; margin-right: 7px; padding-bottom: 0; } .social-media li a { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -10px -287px rgba(0, 0, 0, 0); display: block; height: 32px; text-indent: -9999px; width: 30px; } .social-media li a:hover { background-position: -10px -325px; height: 32px; text-indent: -9999px; width: 30px; } .social-media li.google-logo a { background-position: -43px -287px; } .social-media li.google-logo a:hover { background-position: -43px -325px; } .social-media li.twitter-logo a { background-position: -73px -287px; } .social-media li.twitter-logo a:hover { background-position: -73px -325px; } .social-media li.youtube-logo a { background-position: -103px -287px; } .social-media li.youtube-logo a:hover { background-position: -103px -325px; } .social-media li.linkedin-logo a { background-position: -133px -289px; } .social-media li.linkedin-logo a:hover { background-position: -133px -324px; } /* Captcha ================================================================================ */ .captcha-note { clear: left; padding-top: 5px; } .captcha-image { float: left; display: inline; margin: 0; position: relative; width: 258px; } .captcha-image .captcha-img { border: 1px solid #b6b6b6; vertical-align: bottom; width: 100%; } .registered-users .captcha-image { margin: 0; } .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } /*@-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } }*/ /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { background: #fff; border: 1px solid #ccc; left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; text-align: left; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; -box-shadow: 0 0 6px #ccc; z-index: 1000; } .remember-me-popup h3 { background: #d9e5ee; border-bottom: 1px solid #ccc; font-size: 14px; padding: 5px 10px; } .remember-me-popup .remember-me-popup-head { position: relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 7px; right: 7px; height: 15px; width: 15px; text-indent: -9999em; } .remember-me-popup .remember-me-popup-body { padding: 10px; } .remember-me-popup .remember-me-popup-body a { display: inline-block; height: 19px; border: 1px solid #de5400; background: #f18200; padding: 0 8px; text-align: center; text-decoration: none; white-space: nowrap; color: #fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** < Dashboard */ .dashboard .welcome-msg { margin: 0 0 15px; font-size: 14px; font-weight: normal; color: #333; } .dashboard .welcome-msg .hello { margin: 0 0 15px; font-size: 16px; font-weight: bold; color: #333; } .dashboard .col2-set { margin: 0 0 15px; } .my-account .dashboard .page-title { border-bottom: 1px solid #ccc; margin-bottom: 16px; padding-bottom: 7px; margin-top: 0; } /* General Box */ .box-account { background: #fff; margin: 0 0 20px; } .box-account .col2-set { background: none repeat scroll 0 0 #fff; border: 1px solid #cecece; margin: 0 0 20px; padding: 26px 20px; } .dashboard .box .box-title a, .dashboard .box-content h4 .edit-link { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -149px 0 rgba(0, 0, 0, 0); display: block; height: 18px; text-indent: -9999px; width: 25px; float: right; margin-left: 22px; } .dashboard .box .box-title a, .dashboard .addressbook-box .col-1 h4 .edit-link { margin-right: 62px; } .dashboard .box .box-title a, .dashboard .addressbook-box .col-2 h4 .edit-link { margin-right: 50px; } .dashboard .box .box-title a:hover, .dashboard .box-content h4 .edit-link:hover { background-position: -149px -34px; } .box-account .col2-set .col-1 { border-right: 1px solid #EDEDED; float: left; padding-right: 10px; width: 42.5%; } .box-account .col2-set .col-2 { width: 45.5%; float: right; } .address-book-title-outer .manage-address-link { background: none repeat scroll 0 0 #706f73; color: #ffffff !important; float: right; font-size: 14px; padding: 3px 11px; text-transform: uppercase; transition: all 0.5s ease 0s; text-decoration: none !important; } .address-book-title-outer .manage-address-link:hover { background: none repeat scroll 0 0 #ea1b23; } .box-recent .box-head a { background: none repeat scroll 0 0 #706f73; color: #ffffff !important; float: right; font-size: 14px; padding: 4px 10px; text-transform: uppercase; transition: all 0.5s ease 0s; text-decoration: none !important; } .box-recent .box-head a:hover { background: none repeat scroll 0 0 #ea1b23; } .box-info .address-book-title-outer .box-title { float: left; } .sidebar .block-account .block-title { background: none repeat scroll 0 0 #706f73; color: #fff; font-size: 18px; line-height: 24px; padding: 15px 0 15px 19px; } .sidebar .block-account .block-title:before { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -115px -450px rgba(0, 0, 0, 0); border: 0 none; content: ""; display: block; height: 36px; left: auto; position: absolute; right: 14px; top: 9px; width: 37px; } .sidebar .block .block-title:before, .block-layered-nav .block-subtitle:before { bottom: 0; content: ""; display: block; left: 163px; position: absolute; } .sidebar .block.block-account .block-content { background: none repeat scroll 0 0 #ebebeb; border-bottom: 5px solid #d9d9d9; padding-bottom: 22px; margin-top: 0; } .sidebar .block.block-account .block-content li a { color: #333333; font-weight: 600; font-size: 13px; line-height: 19px; padding: 11px 20px 0; text-transform: uppercase; border: none 0px; } .sidebar .block.block-account .block-content li a:hover { color: #ea1b23; } .sidebar .block-account .block-content li.current strong { color: #ea1b23; float: left; font-weight: bold; font-size: 13px; padding: 0px 20px 7px; text-transform: uppercase; border: none 0px; } .col-left .block-account .block-content li.current { border: none 0px; padding: 7px 0 0 !important; width: 100%; float: left; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float: left; font-size: 13px; font-weight: normal; margin: 0; } .my-account .dashboard .box .box-title h3 { font-size: 16px; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; } .my-account .dashboard .box-info h4 { font-size: 16px; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; } .my-account .box-account { font-size: 14px; color: #808080; font-weight: normal; } .my-account .box-account a { font-size: 14px; color: #808080; font-weight: bold; margin-bottom: 7px; } .my-account .box-account a:hover { font-size: 14px; color: #ea1b23; font-weight: bold; } #my-orders-table .nobr a { font-size: 14px; color: #808080; font-weight: bold; margin-bottom: 7px; } #my-orders-table .nobr a:hover { font-size: 14px; color: #ea1b23; font-weight: bold; } .my-account p.required { text-align: left; } .col2-left-layout .sidebar .block-account .block-title span { font-size: 18px; } /* Block: Recent Orders */ /* Block: Account Information */ .dashboard .box-info h4 { font-weight: normal; text-transform: capitalize; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { } .dashboard .box-reviews li.item { margin: 0 0 7px; } .dashboard .box-reviews .ratings { margin: 7px 0 0; } /* Block: Tags */ .dashboard .box-tags .number, .dashboard .box-reviews .number { float: left; font-weight: bold; line-height: 1; color: #333; margin: 0px; padding: 5px 7px; background: #ccc; } .dashboard .box-tags .details, .dashboard .box-reviews .details { margin-left: 30px; } .dashboard .box-tags li.item, .dashboard .box-reviews li.item { margin: 10px 0 7px; } .dashboard .box-tags li.item.last, .dashboard .box-reviews li.item.last { margin-bottom: 0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline; } .box-recent { padding: 15px 20px; } .box-recent, .box-info .col2-set { border: 1px solid #cecece; margin: 0 0 30px; padding: 26px 12px 26px 20px; } /********** Dashboard > */ /* Address Book */ .addresses-list h3 { color: #000; font-size: 16px; text-transform: uppercase; font-weight: bold; } .addresses-list h2 { color: #000; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-top: 5px; } .addresses-list address { margin: 0 0 3px; color: #808080; font-size: 14px; font-weight: normal; } .addresses-list p { margin: 0; } .my-account .product-name { border-bottom: none 0px; padding-bottom: 0; color: #808080; } .my-account input.input-text, textarea { box-sizing: border-box; height: 35px; padding: 0 8px; width: 100%; } .my-account .form-list li.fields .field { float: left; padding: 0 0px 15px 11px; width: 48%; } .my-account .form-list .input-box { clear: both; display: block; width: 100%; } .my-account .form-list li.fields { margin: 0 -11px; } .addresses-list .link-remove { color: #646464; } .addresses-list .separator { margin: 0 3px; } .addresses-list li.item { background: #fff; padding: 10px 0px; margin: 0 0 10px; border-bottom: 1px solid #EDEDED; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .addresses-list .addresses-additional li.item { background: none; border: 0; padding: 0; } /* Order View */ .order-info { background: #DDDDDD; padding: 7px 10px; margin: 0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info .current { font-weight: bold; } .order-info li { margin: 0 3px; } .order-date { margin: 10px 0; } .order-info-box, .sales-order-print .col2-set { border: 1px solid #EDEDED; padding: 12px 15px; margin: 0 0 15px; } .page-print .col2-set { border: solid 2px #ebebeb; padding: 10px; } .page-print .buttons-set { padding:0; margin:20px 0; } .page-print .buttons-set button.button { margin:0; } .page-print .buttons-set button.button span { font-size:14px; } .page-print .col2-set h2, .page-print .col2-set h3 { color: #303030; text-transform: none; font-weight: bold; font-size: 16px; border-bottom: solid 2px #ec1a23; margin: 0 0 14px; padding: 0 0 10px; } .order-info-box .box-payment p { margin: 0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right: 7px; } .order-items { width: 100%; } .order-items h2, .order-items h3 { margin: 0 0 15px; } .order-items .product-name { } .order-items .link-print { /*color: #1e7ec8;*/ font-weight: normal; font-size:14px; } .order-items .order-links { text-align: right; padding:10px 10px 0; float:right; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } .page-print h1 { font-size: 16px; } /*.page-print h2, .page-print h3 { font-size:13px; font-weight:bold; }*/ .page-print h2.h2 { font-size: 16px; font-weight: bold; } .page-print .order-date { padding: 0 0 10px; margin: 0 0 10px; } .page-print .col2-set { margin: 0 0 10px; } .page-print .col2-set table tr td{ word-wrap:break-word; word-break: break-all;} /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Wishlist */ .my-wishlist .data-table td { padding: 10px; } .my-wishlist .product-image { display: block; width: 113px; height: 113px; margin: 0 0 5px; } .my-wishlist textarea { display: block; width: 97%; height: 109px; margin-top: 10px; } .my-wishlist .buttons-set { margin-top: 2em; } .my-wishlist .buttons-set button.button { float: none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { } #wishlist-table .add-to-links { white-space: nowrap; } /* My Tags */ .my-tag-edit { float: left; margin: 0 0 10px; } .my-tag-edit .btn-remove { float: right; margin: 4px 0 0 5px; } #my-tags-table { clear: both; } #my-tags-table td { padding: 10px; } #my-tags-table .add-to-links { white-space: nowrap; } /* My Reviews */ #my-reviews-table td { padding: 10px; } .product-review .product-img-box { float: left; width: 125px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; border: 1px solid #ededed; } .product-review .product-img-box .label { font-size: 11px; border-bottom: 1px solid #cccccc; font-size: 14px; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 5px; } .product-review .product-details { margin-left: 150px; } /*.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }*/ .product-review h3 { font-size: 12px; margin: 0 0 3px; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box { margin: 15px 0; } .billing-agreements .form-list li select { float: left; } .billing-agreements .form-list li button.button { float: left; margin-left: 10px; } .billing-agreements .table-caption { font-weight: bold; font-size: 13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .map-popup { background: #fff; border: 1px solid #aaa; margin: 12px 0 0; position: absolute; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; text-align: left; width: 300px; z-index: 100; } .map-popup-heading { background: #d9e5ee; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 10px; width: 260px; } .map-popup-heading h2 { font-size: 16px; margin: 0; text-shadow: 0 1px 0 #f6f6f6; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/map_popup_arrow.gif) no-repeat; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 8px; right: 10px; height: 15px; width: 15px; text-indent: -9999em; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .map-popup-content { border-top: 1px solid #eee; padding: 10px; overflow: hidden; text-align: left; width: 280px; } .map-popup-checkout { display: inline; float: right; text-align: right; } .map-popup-checkout span { display: block; padding-right: 30px; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #ddd; } .main-container { min-height: 100%; position: relative; } .required { color: #fc4555; font-size: 12px; } /* ======================================================================================= */ /* Footer ================================================================================ */ .no-touch .footer-container { position: relative; bottom: 0; left: 0; right: 0; } .footer-container { border-top: 1px solid #f4f4f4; padding: 40px 0 0 0; } .copyright_main { text-align: center; } .footer_bottom { background: #f5f5f5; padding: 13px 0px; } .footer_bottom, .footer_bottom a { color: #606060; font-size: 14px; } .footer_bottom a:hover { color: #f02d2d; } .footer_copyright { color: #606060; } .footer_bottom address { font-size: 14px; display: inline-block; color: #606060; } .footer_copyright { display: none; } .cms-index-index .footer_copyright { display: inline-block; line-height: normal; color: #606060; } #footer .footer-area { float: left; width: 33.3%; } #footer .footer-area a { color: #606060; font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #footer .footer-area p { color: #606060; margin-bottom: 0; } #footer .footer-area strong { font-weight: normal; color: #606060; } #footer .footer-area a:hover, #footer .footer-area a.active { color: #ec1a23; } #footer .footer-area h5 { font-size: 16px; color: #ec1a23; margin-bottom: 5px; font-family: 'latoregular'; font-weight:normal; } .footer-link-thrid-link-sub-one { float: left; width: 200px; } .footer-link-thrid-link-sub-two { float: left; } .footer-link-thrid-link-two { clear: both; margin-top: 20px; } .footer-link-first.left { width: 200px; } .footer-link-first.right { float: none !important; } .footer-link-thrid-link-one:before, .footer-link-thrid-link-one:after { content: ""; display: table; } .footer-link-thrid-link-one:after { clear: both; } .footer-link-thrid-link-one { zoom: 1; } .footer-bottom-last-block { float: left; padding-top: 10px; } .footer-bottom-last-block p { margin: 0; color:#606060; } .footer-promotion-logos { float: right; } .footer-promotion-logos a { height: 55px; position: relative; display: inline-block; margin-left: 15px; } .footer-promotion-logos a:nth-child(1) img { position: relative; top: 18px; } .footer-promotion-logos a:nth-child(2) img { position: relative; top: 18px; } .f_bottom { padding: 26px 0; border-top: 1px solid #eaeaea; } .footer_top { margin: 0 0 30px 0; } @media all and (min-width: 1024px) { #footer .footer-area:nth-child(1) { width: 350px; } #footer .footer-area:nth-child(2) { width: 200px; } #footer .footer-area:nth-child(3) { width: 430px; } } @media all and (min-width: 1200px) { #footer .footer-area:nth-child(1) { width: 400px; } #footer .footer-area:nth-child(2) { width: 200px; } #footer .footer-area:nth-child(3) { width: 570px; } .footer-promotion-logos a:nth-child(1) { margin-right: 50px; } .footer-promotion-logos a:nth-child(2) { margin-right: 62px; } } @media all and (min-width: 1024px) { .footer_top .footer-area .f_link { display: block !important; } .footer_top .footer-area h6 { font-size: 18px; font-family: 'latobold'; color: #303030; position: relative; padding-bottom: 16px; margin-bottom: 28px; } .footer_top .footer-area h6:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png) no-repeat -45px -1px; width: 100px; height: 1px; } } @media all and (max-width: 1023px) { .footer_top .footer-area { width: 100% !important; margin: 0; padding: 0; float: none !important; } .footer_top .footer-area .f_link { display: none; margin-bottom: 15px; padding: 10px 10px 0 10px; } .footer_top .footer-area h6 { border: 3px solid #303030; color: #303030; padding: 17px 10px; font-size: 18px !important; margin: 0 0 15px 0; position: relative; font-family: 'latobold'; } .footer_top .footer-area h6:before { content: ""; width: 19px; height: 18px; position: absolute; right: 12px; top: 50%; margin-top: -9px; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png); background-position: -56px -8px; background-repeat: no-repeat; } .footer_top .footer-area.active h6:before { content: ""; width: 19px; height: 18px; position: absolute; right: 12px; top: 50%; margin-top: -9px; background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png); background-position: -78px -8px; background-repeat: no-repeat; } .footer_top { margin: 0; } .footer-bottom-last-block { float: none; padding: 0; text-align: center; } .footer-promotion-logos { float: none; text-align: center; } .f_bottom { padding: 22px 0 26px 0; } .f_link:before, .f_link:after { content: ""; display: table; } .f_link:after { clear: both; } .footer-promotion-logos { zoom: 1; } } @media all and (max-width: 767px) { .footer-link-first.left { width: 50%; padding-right: 5px; } .footer-bottom-last-block p { text-align: left; font-size: 11px; } .footer-promotion-logos a { width: 33.3%; float: left; padding: 0 5px; margin: 0 !important; } .footer-promotion-logos a img { max-width: 100% !important; } .footer-promotion-logos:before, .footer-promotion-logos:after { content: ""; display: table; } .footer-promotion-logos:after { clear: both; } .footer-promotion-logos { zoom: 1; } .footer-link-thrid-link-sub-two { float: none; } .footer-link-thrid-link-sub-one { float: none; margin-bottom: 15px; width: auto; } .footer-link-thrid-link-two { margin-top: 15px; } } .product-view-select-purchase { /*float: left; width: 80%;*/ margin-bottom: 18px; } .product-view-select-purchase label { margin-bottom: 5px; width: 100%; font-weight: bold; color:#000; } #quick-window { display: none; } .account-create button.button span, .back-link a { background: #909090; font-size: 14px; text-transform: uppercase; padding: 0px 10px; } .padder h5.mobile_togglemenu { cursor: pointer; display: block; font-size: 15px; margin-right: 0; margin-top: -25px; overflow: hidden; padding: 0px 0 4px; margin-bottom: 0px; text-decoration: none; } .toggle .mobile_togglecolumn { cursor: pointer; display: none; margin-top: -29px; overflow: hidden; padding: 0 0 4px; width: 100%; height: 24px; } #topcontrol { font-size: 0; height: 45px; width: 45px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -454px -35px; z-index: 9; } #topcontrol:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -454px -83px; } .desktop-none { display: none; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom: 12px; } .home-callout img { display: block } .home-spot { float: left; width: 470px; margin-left: 20px; } .best-selling h3 { margin: 12px 0 6px 0; color: #e25203; font-size: 1.2em; } .best-selling table { border-top: 1px solid #ccc; } .best-selling tr.odd { background: #eee url(https://www.voicex.com.au/skin/frontend/default/voicex/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background: #fff url(https://www.voicex.com.au/skin/frontend/default/voicex/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width: 50%; border-bottom: 1px solid #ccc; padding: 8px 10px 8px 8px; font-size: 11px; } .best-selling .product-img { float: left; border: 2px solid #dcdcdc; } .best-selling .product-description { margin-left: 107px; line-height: 1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color: #203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ .guest-select { width: 305px !important; } /* Default Width Start*/ .grid_default_width { width: 255px; } .featured_default_width { width: 255px; } .newproduct_default_width { width: 255px; } .bestseller_default_width { width: 255px; } .special_default_width { width: 185px; } .blog_default_width { width: 330px; } .additional_default_width { width: 90px; } .brand_default_width, .manufacture-product li.slider-item, .manufacture-product li.product-items { width: 130px; } .related_default_width, .related-products li.slider-item, .related-products li.product-items { width: 100%; margin:0 !important; padding:0 !important; } .upsell_default_width, .box-up-sell li.slider-item, .box-up-sell li.product-items { width: 255px; } .crosssell_default_width, .crosssell li.slider-item, .crosssell li.product-items { width: 255px; } /* Default Width End*/ .footer ul.desc { padding-bottom: 15px; } .footer_top #block_1 p { padding-left: 0px; } .footer-area .block-tags .block-content .tags-list li { border: 2px solid #414141; margin-bottom: 5px; padding: 5px 7px; float: left; background: #414141; } .footer-area .block-tags .block-content .tags-list li:hover { background: #282726; border: 2px solid #000; } .block-tags .block-content, .tags-list { padding: 0; } .block-tags .block-content { margin-top: 30px; } .footer_top li.address { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 20px -550px transparent; clear: both; padding-left: 50px; padding-right: 50px; } .footer_top li.phoneno { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 20px -470px transparent; clear: both; padding-left: 50px; padding-top: 10px; float: left; } .footer_top li.email { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 20px -514px transparent; clear: both; padding-left: 50px; float: left; } p.desc { color: #fff; } #block_1 p { padding-left: 0px; } .footer_bottom ul.links, .footer_bottom address { margin: 0px 0px; } .subbanner li { list-style: none; } .first-subbanner { float: left; overflow: hidden; position: relative; margin-right: 2px; } .second-subbanner { margin-right: -2px; } .subbanner1 li, .subbanner2 li { float: left; } .second-subbanner .subbanner1 li { margin-right: 1px; margin-bottom: 1px; position: relative; overflow: hidden; } .second-subbanner .subbanner2 li { margin-right: 1px; position: relative; overflow: hidden; } .tabberlive .tabbertabhide { display: none; } .tabberlive { margin-top: 62px; padding-bottom: 7px; } ul.tabbernav { margin: 0 0 15px 0 !important; padding: 0; height: 28px; position: relative; text-align: center; } ul.tabbernav li { list-style: none; display: inline-block; margin-right: 48px; } .content { padding: 0; } ul.tabbernav li a { font-size: 18px; background: #FFF; color: #989898; border-bottom: 1px solid #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } ul.tabbernav li a:before { content: ''; display: block; position: absolute; left: 50%; margin-left: -5px; bottom: 0; border-bottom: 3px solid #f02d2d; border-left: 5px solid transparent; border-right: 5px solid transparent; display: none; } ul.tabbernav li a:hover { text-decoration: none; } ul.tabbernav li a.selected, ul.tabbernav li a:hover { color: #f02d2d; border-bottom: 1px solid #ec1a23; } ul.tabbernav li a.selected:before, ul.tabbernav li a:hover:before { display: block } .tabberlive .tabbertab { padding-bottom: 5px; border-top: 0; float: left; width: 1000px; } .products-grid .add-to-links, .product-carousel .add-to-links { display: none; } .tabbernav + .tabs { margin: 18px 0 0; } .home-brands-logo h4 { text-align: center; color: #000; font-size: 17px; line-height: 22px; text-transform: uppercase; margin-bottom: 27px; } div.main_subbanner2 { margin-bottom: 35px; } .slider-main { margin: 0 auto; position: relative; width: 100%; } button.btn-cart span { color: #f02d2d; padding: 0px; } button.btn-cart span { background: none; } button.btn-cart span span, .block a.addto-cart { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/plush.png") no-repeat scroll 4px 6px transparent; padding-left: 15px; } .product-carousel li:hover .product-block-inner button.btn-cart span span, .products-grid li:hover .product-block-inner .actions button.btn-cart span span, .products-list button.btn-cart:hover span span, .block a.addto-cart:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/plush.png") no-repeat scroll 4px -25px transparent; } .block a.addto-cart { color: #aaa; font-weight: 600; } .block a.addto-cart:hover { color: #000; } .blog_main .image-block > img { max-width: 100%; } .product-shop .ratings { display: block; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ } .product-options button.btn-cart { float: right; } .products-list button.btn-cart span span, .products-list button.btn-cart:hover span span { background: none; padding-left: 0px; color: #fff; } .products-grid button.button:hover span .products-grid, .products-grid button:hover, .products-grid .back-link:hover a, .products-grid button:hover span { background: none; } .product-shop button.btn-cart:hover span span, .products-list button.btn-cart:hover span { color: #fff; background-color: #000; } .product-view button.btn-cart:hover span span, .product-view button.btn-cart:hover span { color: #fff; background-color: #F00; } .products-list button.btn-cart, .product-shop button.btn-cart { float: left; background: #ea1b23; clear: none; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; padding: 0px; } .products-list button.btn-cart span { padding: 5px 7px 5px 15px; } .product-view button.btn-cart, .product-shop button.btn-cart { float: left; background: #ea1b23; clear: none; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; padding: 0px; } .product-shop button.btn-cart span span { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/shopping-cart-icon.png") no-repeat 10px 15px #161616; color: #fff; padding: 17px 22px 17px 50px; font-weight: bold; font-size: 16px; } .product-shop button.btn-cart span span:hover { background-color: red; } .product-essential .req_quote_view { float: left; background: #ea1b23; clear: none; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; padding: 0px; margin-right: 9px; margin-top: 32px; text-transform: uppercase; } .product-essential .req_quote_view a { background:#ec1a23; color: #fff; padding:0; width:300px; line-height:60px; font-weight: bold; font-size: 16px; text-transform: uppercase; display:inline-block; text-align:center; } .product-essential .req_quote_view a:hover { background-color:#000; color: #fff; } .product_tabs_description_tabbed_contents .std h1 { font-weight:bold; } button.btn-cart:hover span { color: #000; } .blog-name { margin-bottom: 50px; text-align: center; } .blog_main { clear: both; } .blog-right { float: left; margin-top: 10px; } .name { float: left; padding-left: 15px; } .description-box { clear: both; color: #fff; display: none; padding: 20px 35px 0px; } .day { border-right: 1px solid #ebebeb; color: #2e2e2e; float: left; font-size: 15px; width: 12%; text-transform: uppercase; font-weight: 600; padding-right: 10px; text-align: center; } .name h2 { margin-bottom: 0px; line-height: 1; font-size: 15px; font-weight: 600; color: #2e2e2e; } .comment { float: left; padding-left: 15px; font-size: 14px; text-transform: capitalize; padding-top: 5px; } .comment a { color: #d4d4d4; text-transform: uppercase; } .blog_main .image-block:hover .description-box { display: block; } .viewmore a { background-color: #ea1b23; color: #ffffff; font-size: 14px; font-weight: bold; padding: 11px 35px; text-transform: uppercase; display: inline-block } .viewmore a:hover { background-color: #000; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; } .viewmore { margin-bottom: 35px; text-align: center; clear: both; } .home-brands-logo { border-top: 1px solid #ebebeb; padding-top: 19px; padding-bottom: 7px; } .blog_main span.blog_title { color: #2e2e2e; font-size: 18px; font-weight: 600; text-align: center; border-bottom: 3px solid #d5d5d5; padding: 10px; text-transform: uppercase; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/up2.png") no-repeat scroll center 40px transparent; } .blog_main > h2 { margin-bottom: 45px; text-align: center; } #featured-grid.products-grid li.last_item_tm, #newproduct-grid.products-grid li.last_item_tm, #bestseller-grid.products-grid li.last_item_tm { margin-bottom: 25px; } .sbHolder+label { display: none; } .toolbar { margin-bottom: 0px; } .toolbar .pager .pager_left .amount { font-size: 13px; font-weight: bold; float: left; line-height: 29px; } .toolbar-bottom .toolbar { margin-bottom: 10px; } .breadcrumbs { line-height: 1.25; margin: 0 auto; text-align: left; max-width: 1200px; padding: 0 15px; } .main-breads { border-bottom: solid 1px #eee; border-top: solid 1px #eee; width: 100%; padding: 0; margin: 0 auto 26px auto; } .catalog-product-view.no-touch .main-breads { margin-bottom:50px; } .cms-page-view .main-breads { border-bottom: 1px solid #eee; margin: 0 auto 26px; padding: 4px 0; width: 100%; } .cms-about-us .main-breads { border-bottom: none 0px; width: 100%; padding: 0 0 10px; margin: -37px auto 0; } .quickcontact-index-index .main-breads { width: 100%; } .contact-banner img { width: 100%; } .about-banner img { width: 100%; } .quick-contact .page-title h1 { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .cms-index-index .main-breads { border-bottom: medium none; margin: 0; padding: 0; width: 100%; } .breadcrumbs li { display: inline-block; padding: 9px 0px; } .block a:hover { color: #ea1b23; } .block a.addto-cart:hover { color: #000; } .footer_top .block a:hover { color: #fff; } dd.last.odd li:hover, dd.last.odd li a:hover .price { color: #ea1b23; } #narrow-by-list ol li+li a, #narrow-by-list ol li { color: #333; } #narrow-by-list .Brands.odd li { color: #2e2e2e; border-bottom: 1px solid #f4f4f4; padding: 8px 0; } #narrow-by-list .Brands.odd li:last-child { border-bottom: medium none; } #narrow-by-list ol li+li a:hover, #narrow-by-list ol li:hover, #narrow-by-list ol li:hover a span, #narrow-by-list ol li:hover a { color: #ea1b23; } .box-up-sell .category-title { margin-bottom: 20px; } .blog_main .customNavigation a { top: 0px; z-index: 4 } .blog_main .customNavigation a { width: 35px; height: 35px; } .blog_main .customNavigation a.prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 2px -247px #ea1b23; right: 50%; left: auto; margin-right: 2px; position: relative; margin-bottom: 10px; } .cloud-zoom-gallery.lightbox-group > img { border: solid 1px #eee; width: 100%; height: 100%; } .blog_main .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -28px -247px #ea1b23; left: 50%; right: auto; } .std ul#blog-carousel { margin: 0px; } .blog_main .customNavigation a.prev:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll 2px -247px #000; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; } .blog_main .customNavigation a.next:hover { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -28px -247px #000; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; -ms-transition: 600ms; } .category-title h1 { text-transform: uppercase; } .products-list .ratings { position: relative; bottom: auto; margin: 10px 0px 5px; } .crosssell h2.product-name { border-bottom: none; padding-bottom: 0px; } .products-grid h3.product-name { margin-bottom: 0px; padding-bottom: 0px; } .newproducts-index-index .main-container, .featuredproducts-index-index .main-container, .bestseller-index-index .main-container { margin-top: 10px; } .newproducts-index-index .main-container .col-main > h2, .featuredproducts-index-index .main-container .col-main .category-head > h2, .bestseller-index-index .main-container .col-main > h2 { margin: 10px 0px 15px; color: #4c4a4a; font-size: 18px; font-weight: bold; text-align: left; text-transform: uppercase; } .overlay { display: block; height: 100%; left: 0%; opacity: 1; position: absolute; width: 100%; } .first-subbanner:hover .overlay { width: 100%; } .blog_main .product-carousel li.first_item_tm .product-block { margin: 0px 40px 0px 0px; } .blog_main .product-carousel li.last_item_tm .product-block { margin: 0px 0px 0px 40px; } .blog_main .product-carousel li .product-block { margin: 0px 20px; } .image-block a.read { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/link.png") no-repeat scroll 12px 9px #ea1b23; display: inline-block; margin-left: 10px; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ padding: 10px 20px; position: relative; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; z-index: 10; } .image-block a.read:hover, .image-block .zoom:hover { background-color: #000; } .image-block .zoom { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/zoom.png") no-repeat scroll 12px 9px #ea1b23; display: inline-block; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ padding: 10px 20px; position: relative; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; z-index: 10; } .all-include { position: relative; top: 25%; width: 100%; } .image_hover { margin-bottom: 15px; text-align: center; } .image-hover-block { width: 100%; height: auto; text-align: center; position: relative; top: 20%; } .image-block { position: relative; } .std p.image_hover { margin: 0; } .first-subbanner > img { display: block; position: relative; } .subbanner1, subbanner2 { float: left; } .category-products .products-grid li.last_item_tm .product-block-inner { padding: 0 0 0 14px; } .category-products .products-grid li.last_item_tm .product-block { margin: 0px 0px 0px 8px; } .category-products .products-grid li.first_item_tm .product-block { margin: 0px 8px 0px 0px; } .category-products .product-block-inner .new-label, .category-products .product-block-inner .sale-label { right: auto; } .category-products .products-grid li.first_item_tm .product-block-inner { padding: 0 14px 0 0; } .bottom-arrow { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/menu-arrow.png") no-repeat scroll 40% 0 transparent; display: block; height: 7px; left: 0; padding: 0 40px; position: absolute; top: -7px; width: 13px; } button.btn-cart { float: right; } .products-grid button.btn-cart { margin-top: 21px; margin-right: 9px; } .products-grid button.btn-cart span span { font-size: 14px; font-weight: bold; } .products-list button.btn-cart { float: none; margin-top: 10px; } .first-subbanner img { max-width: 100%; } .header-cart .mini-products-list .product-details, .header-cart .mini-products-list .product-image { position: inherit; z-index: 4; } .crosssell button.btn-cart { padding-right: 10px; } .footer li a:hover { color: #f02d2d; } .footer ul.social_block { margin-top: 20px; } .first-subbanner .view1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); height: 690px; width: 690px; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; } .std .subbanner ul { margin: 0; } .first-subbanner .view1 { left: -304px; position: absolute; right: auto; top: -116px; transform: rotate(46.4deg) translateX(-180px); -moz-transform: rotate(46.4deg) translateX(-180px); -webkit-transform: rotate(46.4deg) translateX(-180px); -o-transform: rotate(46.4deg) translateX(-180px); -ms-transform: rotate(46.4deg) translateX(-180px); transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; -webkit-transform-origin: 100% 0 0; } .first-subbanner .view2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); height: 690px; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; width: 700px; } .first-subbanner .view2 { left: auto; position: absolute; right: -148%; top: 144%; transform: rotate(-43.6deg) translateX(180px); -moz-transform: rotate(-43.6deg) translateX(180px); -webkit-transform: rotate(-43.6deg) translateX(180px); -o-transform: rotate(-43.6deg) translateX(180px); -ms-transform: rotate(-43.6deg) translateX(180px); transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; -webkit-transform-origin: 0 100% 0; } .first-subbanner:hover .view1 { left: -175px; top: 0; transform: rotate(48.4deg) translateX(1px); -moz-transform: rotate(48.4deg) translateX(1px); -webkit-transform: rotate(48.4deg) translateX(1px); -o-transform: rotate(48.4deg) translateX(1px); -ms-transform: rotate(48.4deg) translateX(1px); } .first-subbanner:hover .view1, .first-subbanner:hover .view2 { transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; } .first-subbanner:hover .view2 { left: auto; right: -122%; top: 65%; transform: rotate(-41.5deg) translateX(1px); -moz-transform: rotate(-41.5deg) translateX(1px); -webkit-transform: rotate(-41.5deg) translateX(1px); -o-transform: rotate(-41.5deg) translateX(1px); -ms-transform: rotate(-41.5deg) translateX(1px); } .subbanner2 .view1, .subbanner2 .view2, .subbanner1 .view1, .subbanner1 .view2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); height: 361px; opacity: 1; -moz-opacity: 1;/* Netscape */ -khtml-opacity: 1;/* Safari 1.x */ -webkit-opacity: 1; /* other webkit*/ transition: all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; width: 359px; } .subbanner2 .view1, .subbanner1 .view1 { left: -104px; position: absolute; right: auto; top: 18px; transform: rotate(49.4deg) translateX(-180px); -moz-transform: rotate(49.4deg) translateX(-180px); -webkit-transform: rotate(49.4deg) translateX(-180px); -o-transform: rotate(49.4deg) translateX(-180px); -ms-transform: rotate(49.4deg) translateX(-180px); transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; -webkit-transform-origin: 100% 0 0; } .subbanner2 .view2, .subbanner1 .view2 { left: auto; position: absolute; right: -146%; top: 175%; transform: rotate(-40.4deg) translateX(180px); -moz-transform: rotate(-40.4deg) translateX(180px); -webkit-transform: rotate(-40.4deg) translateX(180px); -o-transform: rotate(-40.4deg) translateX(180px); -ms-transform: rotate(-40.4deg) translateX(180px); transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; -webkit-transform-origin: 0 100% 0; } .subbanner2 li:first-child .view1 { left: -111px; top: 10px; } .subbanner2 li:first-child .view2 { left: 88%; top: 173%; } .subbanner2 li:first-child:hover .view1 { left: -106px; top: 5px; transform: rotate(49.4deg) translateX(1px); -moz-transform: rotate(49.4deg) translateX(1px); -webkit-transform: rotate(49.4deg) translateX(1px); -o-transform: rotate(49.4deg) translateX(1px); -ms-transform: rotate(49.4deg) translateX(1px); } .subbanner2 li:first-child:hover .view2 { left: auto; right: -131%; top: 61%; transform: rotate(-40.4deg) translateX(1px); -moz-transform: rotate(-40.4deg) translateX(1px); -webkit-transform: rotate(-40.4deg) translateX(1px); -o-transform: rotate(-40.4deg) translateX(1px); -ms-transform: rotate(-40.4deg) translateX(1px); } .subbanner1 li:last-child:hover .view1 { left: -106px; top: 2px; transform: rotate(48.9deg) translateX(1px); -moz-transform: rotate(48.9deg) translateX(1px); -webkit-transform: rotate(48.9deg) translateX(1px); -o-transform: rotate(48.9deg) translateX(1px); -ms-transform: rotate(48.9deg) translateX(1px); } .subbanner1 li:last-child:hover .view2 { left: auto; right: -130%; top: 61%; transform: rotate(-40.8deg) translateX(1px); -moz-transform: rotate(-40.8deg) translateX(1px); -webkit-transform: rotate(-40.8deg) translateX(1px); -o-transform: rotate(-40.8deg) translateX(1px); -ms-transform: rotate(-40.8deg) translateX(1px); } .image-block .blog-hover-block { height: 100%; left: -100%; position: absolute; top: 0; width: 100%; transition: all 0.5s ease 0s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-opacity: 0.85;/* Netscape */ -khtml-opacity: 0.85;/* Safari 1.x */ -webkit-opacity: 0.85; /* other webkit*/ opacity: 0.85;/* Good browsers */ background: #000; } .image-block:hover .blog-hover-block, .image-block:hover { transition: all 0.5s ease 0s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; left: 0%; } .row1 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px 30px #f6f6f6; } .row2 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px -108px #f6f6f6; } .row3 { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px -250px #f6f6f6; } .row1:hover { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px -39px #f3f3f3; } .row2:hover { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px -177px #f3f3f3; } .row3:hover { background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/icon_sprite.png) no-repeat scroll 15px -319px #f3f3f3; } .row { padding: 25px 25px 25px 75px; text-transform: uppercase; margin-bottom: 2px; font-weight: 600; color: #a1a1a1; font-size: 14px; } .row a { color: #a1a1a1; } .row:hover a { color: #4c4a4a; } .bottom_banner { clear: both; margin-bottom: 30px; } .subbanner a { float: left; height: 100%; width: 100%; } .col-data-outer { margin: 3px; } .outer { margin-bottom: 35px; } .send-friend .buttons-set { float: none; } .v-middle { padding-right: 0px; } .pager .pages li:last-child { padding-right: 8px; } .ie8 .v-middle { padding-right: 0px; } #product_tabs_description_tabbed_contents ul, #product_tabs_cms_contents ul { padding:0; margin:0; list-style:none !important; } #product_tabs_description_tabbed_contents ul li, #product_tabs_cms_contents ul li{ padding-left: 13px; margin-bottom: 5px; position:relative; } #product_tabs_description_tabbed_contents ul li:before, #product_tabs_cms_contents ul li:before { content: "\f105"; font-family: 'FontAwesome'; font-size:18px; color:#ec1a23; position:absolute; left:0; top:0; } .toolbar-bottom .pager .pages ol { padding: 0 0 0 0px; display: block; } .pager .pages ol { padding: 3px 0 0 10px; display: none; } .product-view { position: relative; } #prev-next-links { margin-top: -35px; right: 0; width: 30px; } /************/ .brand-slider { margin: 0; } .home-brands-logo .item { padding: 10px; text-align: center; height: 100px !important; } .home-brands-logo .item:hover { background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .home-brands-logo .item img { max-width: 100%; height: auto } .owl-pagination { text-align: center; } .owl-page { width: 12px; height: 12px; background: #a6a6a6; border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; display: inline-block; margin-right: 11px; border: 1px solid #a6a6a6; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-page.active, .owl-page:hover { border: 1px solid #737373; background: #fff; } .allbrandlink { text-align: center; padding: 15px 0 15px 0; } .allbrandlink a { color: #f02d2d; font-weight: bold; } .owl-buttons div { display: block; position: absolute; top: 50%; margin-top: -14px; text-indent: -9999px; background-color: transparent; cursor: pointer; } .owl-buttons div.owl-prev { width: 17px; height: 28px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat scroll -239px -3px; cursor: pointer; left: -14px; } .owl-buttons div.owl-next { width: 17px; height: 28px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat scroll -260px -3px; cursor: pointer; right: -14px; } @media all and (min-width:1350px) { .owl-buttons div.owl-prev{left: -75px;} .owl-buttons div.owl-next{right: -75px;} } .owl-buttons div.owl-prev:hover { background-position: -239px -34px; } .owl-buttons div.owl-next:hover { background-position: -260px -34px; } .tabbernav li:last-child { margin-right: 0 !important; } .captch-imgouter { margin: 15px 0 10px; } .toolbar { margin-bottom: 15px; } #contactForm .selector { width: 100% !important; } textarea { resize: none; } .cms-page-view .main-container ol { list-style: decimal; margin: 0; padding: 0 0 0 15px; margin: 0 0 15px; } .cms-page-view .main-container ol li { margin: 0; padding: 0; color: #000; } .cms-page-view .main-container ul { list-style: disc; margin: 0; padding: 0 0 0 15px; margin: 0 0 15px; } .cms-page-view .main-container ul li { margin: 0; padding: 0; color: #000; } .cms-page-view .main-container p { margin-bottom: 10px; } #uniform-prod_download_option { width: 250px !important; } .product-view-select-purchase #uniform-prod_download_option { width:100% !important; } .req_quote_view.no-button-bg > a {/* background: #161616 none repeat scroll 0 0; padding: 17px 20px 17px 22px;*/ } #nav ul li.level2:first-child { } /*new css*/ .fa { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="button"], input[type="submit"], button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-bottom .content-binder { position: relative; } .right_icon { float: right; margin-top: 39px; } .right_icon > div { float: right; height: 20px; border-left: 1px solid #e1e1e1; } .right_icon > div > a { line-height: normal; display: inline-block; padding: 0 12px; } .right_icon a span.fa { display: inline-block; line-height: normal; color: #ec1a23; font-size: 22px; } .no-touch .right_icon a:hover span.fa { color: #000; } .cart-iocn { position: relative; width: 40px; padding-right: 0 !important; } .mini-cart-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } .cart-iocn .cart_mini_right .item-count { cursor: pointer; position: absolute; right: -5px; top: -10px; min-width: 20px; height: 20px; line-height: 20px; background: #ec1a23; border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; padding: 0 5px; color: #fff; font-size: 12px; text-align: center; display: inline-block; } .right_icon .block-content { background: #fff; display: block !important; position: fixed; z-index: 99999; top: 0; right: -450px; width: 450px !important; margin-bottom: 0; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0; overflow:hidden; height:100%; } html.show-cart .right_icon .block-content { right: 0; } body.show-cart{ overflow:hidden;} html.show-cart .mini-cart-overlay { right: 450px; opacity: 0.9; visibility: visible; } .main-cart .remove_icon { position: absolute !important; right:0; top:0; cursor: pointer; display: block; z-index: 1; width: 40px; height: 40px; text-align: center; } .main-cart .remove_icon i { font-size: 26px; color: #fff; line-height:40px; } .main-cart .remove_icon:hover i { color: #000; } .account_title, .top-link-handle { display: none; } .top-link-handle { width: 32px; height: 26px; float: left; text-align: center; } .top-link-handle span { font-size: 18px; color: #aeaeae; line-height: 26px; } .logout-popup .account_title { display: none; } #header-search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(0,0,0,0.96); } #header-search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; padding: 10px; } #header-search { transition: transform 0.6s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transform: translate3d(0, -100%, 0); } html.search-open #header-search { transform: translate3d(0, 0, 0); } .search-input { margin: 50px 0; } .search-inner-block { position: relative; z-index: 99999; width: 1170px; text-align: right; } .touch .search-inner-block { width: 100%; } .search-input input.input-text { height: 60px; border: 0; border-bottom: 2px solid #e0e0e0; line-height: 60px; font-size: 40px; color: #dddddd; font-family: 'latoregular'; background: none !important; padding-left: 20px; padding-bottom: 15px; } .search-input input.input-text::-webkit-input-placeholder { opacity: 0.3; color: #060919; } .search-input input.input-text::-moz-placeholder { opacity: 0.3; color: #060919; } .search-input input.input-text:-ms-input-placeholder { opacity: 0.3; color: #060919; } .search-inner-block span.remove_icon { width: 30px; height: 30px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -468px -2px; display: inline-block; cursor: pointer; } .no-touch .search-inner-block span.remove_icon { top: -120px; position: relative; } .search-inner-block div.form-search { padding-right: 270px; } .search-inner-block div.form-search button.button { background:none; width: 200px; border: 2px solid #ec1a23; height: 60px; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index:99; } .search-inner-block div.form-search button.button span { color: #ec1a23; text-transform: uppercase; font-size: 18px; font-family: 'latobold'; background: none !important; } .search-inner-block div.form-search button.button:hover { background: #ec1a23; border: 2px solid #ec1a23; } .search-inner-block div.form-search button.button:hover span { color: #fff; } .right_icon div.account-iocn { position: relative; } .logout-popup-main { position: absolute; right: -86px; top: 100%; z-index: 99; padding-top: 40px; } .logout-popup { background: #fff; width: 210px; -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3); position: relative; } .logout-popup:after { width: 0; height: 0; border-style: solid; border-width: 0 10.5px 10px 10.5px; border-color: transparent transparent #ffffff transparent; position: absolute; left: 50%; bottom: 100%; content: ""; pointer-events: none; margin-left: -10px; } .logout-popup ul li { margin: 0; padding: 0; border-bottom: solid 1px #e7e7e7; } .logout-popup ul li:last-child { border-bottom: 0 none; } .logout-popup ul li a { display: block; padding: 12px 20px; text-align: left; color: #606060; font-size: 14px; line-height:normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .logout-popup ul li a:hover, .logout-popup ul li a.active { background: #ececec; color: #ec1a23; } .current-outer { float: right; border-left: 1px solid #e1e1e1; margin: 40px 0 0 0; } .current-outer .block { border: 0; margin: 0 !important; } .current-outer .block .block-content { margin: 0; border: none; } .current-outer .selector span { height: 20px; padding: 0 36px 0 14px; line-height: 20px; font-size: 12px; color: #606060; font-family: 'latosemibold'; border: 0; position: relative; cursor: pointer; background: none; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/current-outer-arrow.png") no-repeat right center; cursor:pointer; width:82px !important; } .current-outer .selector option { padding:5px; } .current-outer .selector:before { display:none; } .current-outer .selector span:after { content: "\f107"; position: absolute; top: 8px; right: 15px; font-size: 12px; color: #606060; display: block !important; font-family: 'FontAwesome'; border: 0; display: none !important; } .main-cart .block-subtitle, .main-cart p.empty { font-size: 17px; line-height: 1.4; padding: 5px; margin-bottom: 0px; background: #ec1a23; padding: 8px 10px 9px; color: #fff; text-align: left; } .main-cart p.empty { padding-right:40px; } .mini-products-list:before, .mini-products-list:after, .mini-products-list li:before, .mini-products-list li:after { content: ""; display: table; } .mini-products-list:after, .mini-products-list li:after { clear: both; } .mini-products-list, .mini-products-list { zoom: 1; overflow: auto; max-height: 550px;} .mini-products-list { margin-top: 15px; padding: 0 10px; } .mini-products-list li { margin-bottom: 4px; padding-bottom: 5px; border-bottom: 1px solid #ccc; } .mini-products-list li:last-child { border-bottom: 0; } .main-cart .subtotal:before, .main-cart .subtotal:after { content: ""; display: table; } .main-cart .subtotal:after { clear: both; } .main-cart .subtotal { zoom: 1; } .main-cart .subtotal { background-color: #000; padding: 10px; } .main-cart .subtotal .label { font-size: 16px; color: #fff; float: left; } .main-cart .subtotal .price { font-size: 25px; color: #fff; font-family: 'latobold'; float: right; } .main-cart .actions { float: none; padding: 0 10px; } .main-cart .actions .button.checkout-btn { float: right; } .main-cart .actions .button.checkout-btn span { background: #ec1a23 !important; } .main-cart .actions .button.checkout-btn:hover span { background: #000 !important; } .main-cart .actions .button.viewcart-btn { float: left; } .main-cart button.button span, .back-link a { padding: 5px 10px; } .main-cart button.button span { padding: 8px 25px; } .flexslider.homebanner .flex-control-nav { display: block; z-index: 9 !important; bottom: 32px; } .cms-index-index .container { max-width: 100%; padding: 0; } .home-page-newsletter { background: #303030; padding: 57px 0 61px; } .no-touch .home-page-newsletter .content-binder { max-width:1060px; } .home-page-newsletter .block { border: 0; margin: 0; } .home-page-newsletter .block .block-content { border: 0; margin: 0; background: none; padding: 0 !important; margin-bottom: 30px; } .home-page-newsletter h3 { padding-bottom: 10px; text-align: center !important; font-family: 'latomedium'; color: #fff; font-size: 40px; text-align: center; position: relative; margin-bottom: 30px; } .home-page-newsletter h3:before { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 250px; height: 1px; background: #dedede; } .home-page-newsletter h3:after { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 100px; height: 1px; background: #ec1a23; } .home-page-newsletter .form-subscribe-header { display: none; } .home-page-newsletter .social_icon { list-style: none !important; } .home-page-newsletter .inputbox-main { float: left; width: 100%; margin-right: -270px; padding-right: 270px; } .home-page-newsletter .inputbox-main .validation-failed { border: 0 !important; } .home-page-newsletter .actions { float: right; margin: 0; } .home-page-newsletter .actions button { width: 270px; height: 60px; background: #ec1a23; } .home-page-newsletter .actions button span { font-size: 16px; font-family: 'latobold'; color: #fff; text-transform: uppercase; background: none !important; } .home-page-newsletter .actions button:hover { background: #fff; } .home-page-newsletter .actions button:hover span { color: #ec1a23; } .home-page-newsletter .input-box input.input-text.required-entry, .home-page-newsletter .input-box input.input-text.required-entry.validate-email { border: 0; border-bottom: 2px solid #252525 !important; background: none !important; height: 60px; color: #fff; font-size: 16px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 100% !important; padding-left: 20px; } .home-page-newsletter .input-box input.input-text.required-entry:focus, .home-page-newsletter .input-box input.input-text.required-entry.validate-email:focus { border-bottom: 2px solid #fff !important; } .home-page-newsletter .input-box { position: relative; width: 50% !important; float: left; padding-right: 30px; } .home-page-newsletter .text-input:before { content: "\f2c0"; font-family: 'FontAwesome'; font-size: 16px; color: #7f7f7f; position: absolute; right: 45px; top: 15px; } .home-page-newsletter .text-email:before { content: "\f003"; font-family: 'FontAwesome'; font-size: 16px; color: #7f7f7f; position: absolute; right: 45px; top: 15px; } .home-page-newsletter .input-box input.input-text::-webkit-input-placeholder {color:#fff;} .home-page-newsletter .input-box input.input-text:-moz-placeholder {color:#fff; opacity:1;} .home-page-newsletter .input-box input.input-text::-moz-placeholder {color:#fff;opacity:1;} .home-page-newsletter .input-box input.input-text:-ms-input-placeholder {color:#fff;} .social_icon { padding: 0; margin: 0 auto !important; list-style: none; display: table !important; } .social_icon li { float: left; margin: 0 10px 0 0; } .social_icon li:last-child { margin: 0; } .social_icon li a { width: 50px; height: 50px; display: block; border: 2px solid #b3b3b3; text-align: center; } .social_icon li a:hover { border: 2px solid #ec1a23; background: #ec1a23; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .social_icon li a span.fa { display: inline-block; line-height: 48px; color: #b4b3b3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .social_icon li a:hover span.fa { color: #fff; } .social_icon li a.facebook span { font-size: 30px; } .social_icon li a.twitter span { font-size: 30px; } .social_icon li a.googleplus span { font-size: 26px; } .social_icon li a.youtube span { font-size: 26px; } .social_icon li a.linkedin span { font-size: 26px; } /* .cms-index-index .main-container .home-center{ display:inline-block; width:100%;} .cms-index-index .main-container .home-center-mobile{ display:none; width:100%;} */ @media all and (max-width:1023px) { .home-page-newsletter .actions button { width: 170px; } .home-page-newsletter .inputbox-main { margin-right: -170px; padding-right: 170px; } } @media all and (max-width:767px) { .home-page-newsletter { padding: 20px 0; } .home-page-newsletter h3 { font-size: 26px; margin-bottom:5px; } .home-page-newsletter .input-box { float: none; width: 100%; } .home-page-newsletter .inputbox-main { margin: 0 0 12px 0; padding: 0; float: none; width: inherit; } .home-page-newsletter .input-box { width: 100% !important; float: none; padding-right: 0; } .home-page-newsletter .text-input:before, .home-page-newsletter .text-email:before { right: 11px; } .home-page-newsletter .actions { float: none; width: 100%; } .home-page-newsletter .actions button { width: 100% !important; } .home-page-newsletter .block .block-content { margin-bottom: 20px; } .home-page-newsletter .input-box input.input-text.required-entry, .home-page-newsletter .input-box input.input-text.required-entry.validate-email { padding-left: 10px; } } @media all and (min-width:1024px) { .nav-container { float: right; margin-right: 13px; } #nav > li.level0 { padding-right: 32px; } #nav > li:last-child { padding-right: 0; } #nav li.level0 > a { padding-top: 40px; position: relative; font-size: 14px; font-family: 'latobold'; } #nav li.level0 > a:hover, #nav li.level0.active > a { color:#ec1a23; } #nav li.level0 > a:before { content: ""; position: absolute; width: 0px; opacity: 0; visibility: hidden; height: 6px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/menu-hover.png") repeat-x 0 0; top: 0; left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 99; } #nav li.level0 > a:hover:before, #nav li.level0.active > a:before, #nav li.level0.over > a:before { width: 100%; visibility: visible; opacity: 1; } .nav-primary li.level0 > .submenu-outer { opacity: 0; visibility: hidden; padding-top: 40px; position: absolute; left: 0; right: 0; -webkit-transition: all 0.2s 0.4s ease; -moz-transition: all 0.2s 0.4s ease; transition: all 0.2s 0.4s ease; z-index: 1; -webkit-transition-property: opacity; transition-property: opacity; z-index: 999; min-width: 180px; } .nav-primary li:hover > .submenu-outer, .touch .nav-primary li.touched > .submenu-outer { opacity: 1; visibility: visible; } .nav-primary li.level0 > .submenu-outer > .submenu-inner { background: #fff; padding: 30px 15px; -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1); position: relative; height: 530px; overflow: auto; } #nav li.level0.parent > a { position: relative; } #nav li.level0.parent > a:after { width: 0; height: 0; border-style: solid; border-width: 0 10.5px 10px 10.5px; border-color: transparent transparent #ffffff; position: absolute; left: 50%; bottom: -41px; content: ""; pointer-events: none; margin-left: -10px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s 0.4s ease; -moz-transition: all 0.2s 0.4s ease; transition: all 0.2s 0.4s ease; -webkit-transition-property: opacity; transition-property: opacity; } #nav li.level0.parent:hover > a:after { visibility: visible; opacity: 1; } .submenu-inner > ul.level0 { position: relative; padding: 0 380px 0 0; display: none; float: left; width: 100%; margin-right: -350px; } .no-touch .submenu-inner > ul.level0:before { content:""; width:1px; position:absolute; left:370px; top:40px; bottom:40px; background:#e5e5e5; } .submenu-inner > ul.level0 > li { width: 50%; float: left !important; padding-right:80px; } .submenu-inner > ul.level0 > li.level1 > a { font-size: 15px !important; color: #303030; /*font-weight:bold !important; font-family: 'lato';*/ font-family: 'latobold'; padding-bottom: 16px; margin-bottom: 10px; position: relative; margin-left: 20px; } .submenu-inner > ul.level0 > li.level1 > a:hover, .submenu-inner > ul.level0 > li.level1.active > a { color:#ec1a23; } .submenu-inner > ul.level0 > li.level1 > a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #ec1a23; } .submenu-inner .level1 { margin-bottom: 20px; } .submenu-inner .level2 > a { display: block; padding: 13px 20px; position: relative; font-family: 'latomedium'; color:#606060; } .submenu-inner .level2 > a:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .submenu-inner .level2 > a:hover, .submenu-inner .level2.active > a{ background: #ececec; color: #ec1a23; } .submenu-inner .level2 > a:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; top: 13px; right: 20px; font-size: 16px; color: #606060; } .submenu-inner .level2 > a:hover:before, .submenu-inner .level2.active > a:before { color: #ec1a23; } /* .nav-primary ul.level0:before, .nav-primary ul.level0:after { content: ''; display: table } .nav-primary ul.level0:after { clear: both } .nav-primary ul.level0 { zoom: 1; } */ .categoryimage2 { width: 350px; float: left; position: relative; z-index: 1; } .categoryimage2 img { max-width: 100%; } .nav-primary .submenu-outer ul.level0 { display: block; } .touch .submenu-inner > ul.level0 > li { width: 50%; padding-right:0; } } /*home-banner*/ .no-touch .flex-control-nav.flex-control-paging { display: none; } .no-touch .flex-direction-nav { display: block !important; } /*tabbernav*/ .tabberlive ul.tabbernav { text-align: left; margin: 0 !important; height: auto !important; } .tabberlive ul.tabbernav li a:before { display: none; } .tabberlive ul.tabbernav li a { font-size: 30px; } .home-featured-products-image { float: left; width: 570px; position: relative; overflow: hidden; margin-right: 15px; } .home-featured-products-image:before { width: 100%; height: 372px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/tab-img-shadow.png") no-repeat 0 0; content: ""; position: absolute; right: 0; bottom: 0; } .home-featured-products-image img { max-width: 100%; } .home-featured-products-image span { position: absolute; font-size: 40px; color: #fff; padding-bottom: 20px; right: 63px; bottom: 30px; width: 250px; display: inline-block; text-align: center; } .home-featured-products-image span:before { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 250px; height: 1px; background: #dedede; } .home-featured-products-image span:after { content: ""; position: absolute; left: 50%; bottom: 0; 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); width: 100px; height: 1px; background: #ec1a23; } .home-featured-products-image p { margin: 0; } /*Brands logo*/ .home-page-brands-main { padding: 20px 0; background: #f8f8f8; } .home-page-brands-main .home-brands-logo { max-width: 1200px; margin: 0 auto; padding: 0 15px !important; border: 0; } .home-page-brands-main .home-brands-logo .owl-carousel .owl-item img { width: auto !important; max-width: 100% !important; display: inline !important; position: relative; top: 50%; 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%); } .home-page-brands-main .owl-pagination { display: none !important; } .home-page-brands-main .owl-carousel .owl-item { padding: 10px 5px; } .products-grid { margin: 0 -15px !important; } .products-grid li.item { position: relative; padding: 0 15px !important; margin-bottom: 30px; } .products-grid button.btn-cart { position: absolute; top: 0; right: 0; width: 70px !important; height: 70px !important; margin: 0 !important; padding: 0 !important; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -299px -1px !important; } .no-touch .products-grid button.btn-cart { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .products-grid button.btn-cart span { display: none; } .products-grid button.btn-cart:before { content: "\f07a"; font-size: 26px; color: #fff; font-family: 'FontAwesome'; position: absolute; top: 10px; right: 7px; } .products-grid .price-box { text-align: center; } .products-grid .price-btn-outer { /*min-height: 66px; padding: 0 0 0 8px;*/ padding: 7px 5px; } .products-grid .price-box .special-price { display: inline-block !important; padding: 0 5px; } .no-touch .products-grid li .product-block { background: #fff; padding: 8px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; } .no-touch .products-grid li:hover .product-block { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); } .no-touch .products-grid li button.btn-cart { right: -80px; top: -80px; opacity: 0; visibility: hidden; } .no-touch .products-grid li:hover button.btn-cart { opacity: 1; visibility: visible; right: -10px; top: -10px; } .products-grid li .product-name a { font-size: 16px; color: #606060; font-family: 'latosemibold'; line-height: 20px; display: block; height: 39px; overflow: hidden; } .products-grid .list-promo-text { height: 32px; overflow: hidden; } .touch .home-featured-products-image { display: none; } @media all and (max-width:1169px) { .products-grid li.item { width: 33.3% !important; margin-bottom: 20px; } .touch .products-grid li .product-block { background: #fff; padding:0; border:1px solid #e2e2e2; } .touch .products-grid li button.btn-cart { right:0; top:0; } } @media all and (max-width:1023px) { .header-remote-support { margin-left: 52px; } .current-outer { position: absolute; top: -29px; right: 117px; margin: 0; border-left: 0; } .current-outer .block .block-content { background: none; } .current-outer .selector span { color: #989898; } .middle_content .right_block:before, .middle_content .left_block:before { display: none; } .top_content h3 { font-size: 32px; } .home-discover { padding: 30px 0; } .right_icon div.account-iocn { border: 0; } .logo-outer { position: absolute; 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); } .right_icon { margin-top: 15px; } .right_icon > div > a { padding: 0 10px; } .nav-container { float: none; margin-right: 0; } .header-bottom .content-binder { padding-bottom: 19px; } .nav-responsive { position: absolute; left: 15px; top: 16px; display: block !important; } .categoryimage2 { display: none; } .logo-outer { width: 130px; padding: 0; margin: 7px 0 13px; } .tabberlive ul.tabbernav { text-align: center; } .products-grid .price-btn-outer { height: 62px; } .tabberlive ul.tabbernav li a { font-size: 24px; } .products-grid { margin: 0 -8px !important; } .products-grid li.item { padding: 0 8px !important; } .footer-container { padding: 20px 0 0; } .footer_top { padding-bottom: 10px; } } @media all and (max-width:767px) { .top-link-handle { display: block; } .mini-cart-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } #account-links { background: #333; display: block !important; position: fixed; z-index: 99999; top: 0; right: -250px; width: 250px !important; margin-bottom: 0; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; overflow-y: auto; padding: 0; } .account_title .remove_icon { position: absolute !important; right: 8px; top: 8px; cursor: pointer; display: block; z-index: 1; width: 30px; height: 30px; text-align: center; } .account_title .remove_icon i { font-size: 26px; color: #fff; } .account_title .remove_icon:hover i { color: #ccc; } .account_title { display: block; padding: 10px 10px 7px; background: #ec1a23; color: #fff; font-size: 20px; position: relative; } .top-header-links li { float: none; padding: 0; } .top-header-links li:before { display: none; } #account-links ul { margin-top: 15px; } #account-links a { text-align: left; color: #fff; display: block; padding: 5px 10px; } #account-links a:hover, #account-links a.active { background: #fff; color: #000; } html.show-account-links #account-links { right: 0; } html.show-account-links .mini-cart-overlay { right: 250px; opacity: 1; visibility: visible; } .header-remote-support > span { display: none; } .header-remote-support { margin-left: 15px; } .middle_content .left_block { float: none; width: 100%; } .middle_content .right_block { float: none; width: 100%; } .pro_content p { display: none; } .middle_content .right_block .pro_content, .middle_content .left_block .pro_content { float: none; margin: 0; padding: 0; text-align: left; } .pro_content h4 { margin-bottom: 0; } .middle_content .pro_desroiption { padding: 20px; margin-bottom: 5px; } .top_content h3 { font-size: 22px; } .middle_content .left_block .pro_desroiption:nth-child(1) .pro_img { width: 38px; height: 35px; background-position: -185px -3px; right: 16px; } .middle_content .left_block .pro_desroiption:nth-child(2) .pro_img { width: 22px; height: 37px; background-position: -188px -43px; right: 20px; } .middle_content .left_block .pro_desroiption:nth-child(3) .pro_img { width: 29px; height: 20px; background-position: -184px -91px; right: 21px; } .middle_content .right_block .pro_desroiption:nth-child(1) .pro_img { width: 23px; height: 37px; background-position: -188px -122px; right: 22px; left: inherit; } .middle_content .right_block .pro_desroiption:nth-child(2) .pro_img { width: 38px; height: 40px; background-position: -182px -167px; right: 15px; left: inherit; } .middle_content .right_block .pro_desroiption:nth-child(3) .pro_img { width: 25px; height: 48px; background-position: -186px -214px; right: 17px; left: inherit; } .middle_content .pro_desroiption { padding:20px 10px !important; } .right_icon .block-content { width: 100% !important; right: -100%; } html.show-cart .mini-cart-overlay { display: none; } .search-inner-block div.form-search button.button { width: 90px; height: 40px; } .search-inner-block div.form-search button.button span { font-size: 14px; font-family: 'latoregular'; } .search-inner-block div.form-search { padding-right: 100px; } .search-input input.input-text { font-size: 14px; height: 40px; line-height: 40px; padding-left: 10px; } .tabberlive ul.tabbernav li a { font-size: 18px; } .tabbernav + .tabs { margin-top: 20px !important; } .products-grid li .product-name a { line-height: 20px; font-size: 13px; } } @media all and (max-width:639px) { .products-grid li.item { width: 50% !important; } .touch .products-grid li .product-block { padding: 0 !important; } .products-grid button.btn-cart { float: none; position: static !important; width: auto !important; height: auto !important; background: none !important; display: block !important; margin: 5px auto 0 !important; } .products-grid button.btn-cart:before { display: none !important; } .products-grid button.btn-cart span { display: block !important; } .products-grid .price-btn-outer { height: 90px; } .home-page-brands-main { padding: 15px 0; } .logo-outer { margin-left: -30px !important; } .touch .products-grid li .product-block { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } } /*menu mobile*/ .menu_title .remove_icon { position: absolute !important; right: 8px; top: 8px; cursor: pointer; display: block; z-index: 1; width: 30px; height: 30px; text-align: center; } .menu_title .remove_icon i { font-size: 26px; color: #fff; } .menu_title .remove_icon:hover i { color: #ccc; } .menu_title { display: none; padding: 10px 10px 7px; background: #ec1a23; color: #fff; font-size: 20px; position: relative; font-family: 'latobold'; } @media all and (max-width:1023px) { .menu-cart-outer { background-color: #ccc !important; display: block !important; position: fixed; z-index: 99999; top: 0; left: -350px; width: 350px !important; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; overflow-y: auto; padding: 0 !important; } html.show-main-menu .menu-cart-outer { left: 0; } html.show-main-menu .mini-cart-overlay { opacity: 0.9; visibility: visible; left: 350px; } .menu_title { display: block; margin-bottom: 15px; } body .nav-primary { margin: 0!important; padding: 0 !important; display: block !important; } .nav-primary li { float: none !important; padding: 0 !important; margin: 0 !important; position:relative; border-bottom:1px solid #dfdfdf; } .nav-primary li:last-child { border-bottom:0 !important; } .nav-primary li a { display: block !important; background-color:transparent !important; font-size: 15px !important; font-family: 'latoregular'; color: #000 !important; padding: 10px !important; margin: 0 !important; text-align: left !important; line-height: 20px; padding-right:42px !important; } .nav-primary li ul li a { padding-left: 20px !important; background:#c0c0c0 !important; } .nav-primary li ul li ul li a { padding-left: 30px !important; background:#8e8e8e !important; color:#fff !important; } .nav-primary li a:hover, .nav-primary li.active > a, .nav-primary li li.active > a, .nav-primary li li li.active > a { background: #fff !important; color: #ec1a23 !important; } .header-remote-support > span { display: none; } .logout-popup-main { padding-top: 19px; } .header-container { border-bottom: 1px solid #ccc; } .navtrigger { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/menu-trigger.png") no-repeat 0 0; height: 40px; width: 40px; cursor: pointer; position:absolute; top:1px; right:0; z-index:9; } .navtrigger.open { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/menu-trigger-open.png") no-repeat 0 0; } .submenu-outer { display:none; } } @media all and (max-width:479px) { .menu-cart-outer { background-color: #ebebeb !important; display: block !important; position: fixed; z-index: 99999; top: 0; left: -100%; width: 100% !important; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; overflow-y: auto; padding: 0 !important; } html.show-main-menu .menu-cart-outer { left: 0; } html.show-main-menu .mini-cart-overlay { opacity: 0.9; visibility: visible; display: none; } } /*list page*/ .catalog-category-view .main .container { max-width:100%; padding:0; } .toolbar-bottom { display:none; } .category-banner-outer { position: relative; } .category-banner-outer:before { width:100%; height:100%; position:absolute; overflow:hidden; background:rgba(0,0,0,0.6); left:0; top:0; content:""; z-index:1; } .category-banner-outer p { margin:0; } .category-banner-outer img { max-width:100%; } .no-touch .category-banner-outer img { max-width:inherit; 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); } .category-grid-catimage { width:46.8%; float:left; } .category-grid-catimage img { max-width:100%; } .category-description-short-top { width:51.3%; float:right; } .category-description-short-top p { text-align:left !important; font-size:14px; color:#606060; } .category-description-short-top h2 { color:#ec1a23; font-size:38px; font-family: 'latomedium'; } .category-description-short-top { border:0 !important; } .category-products .products-grid li.item { width:25%; } .category-products .products-grid li.item:nth-child(4n+1) { clear:both; } .catalog-category-view .list-top-dec-image, .toolbar-top, .page-title.category-title, .catalog-category-view .col-main p.note-msg { max-width:1200px; padding:0 15px; margin:0 auto; } .catalog-category-view .products-grid { max-width:1230px !important; margin:0 auto !important; padding:0 15px; } .catalog-category-view .products-list { max-width:1200px !important; margin:0 auto !important; padding:0 15px; } .page-title.category-title h1, .catalogsearch-result-index .page-title.category-title h1 { font-size:32px; color:#303030; font-family: 'latobold'; padding-bottom:15px; } .toolbar-top { margin-bottom:30px; } .toolbar-top .toolbar { border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding:6px 0; } .toolbar-top .pager p.amount { display:none; } .scroll_load { background:#f6f6f6; padding:17px 0; max-width:1170px; margin:20px auto; } .scroll_load p { font-size:16px; color:#606060; margin:0; text-align:center; font-family: 'latosemibold_italic'; } .scroll_load .fa { font-size:32px; color:#aeaeae; padding:0 !important; } .list-block { background:#f9f9f9; } .list-block.two { overflow:hidden; } .list-block.two iframe { border:0 !important; display:block !important; width:100% !important; height:400px !important; } .list-block.one .category-description.image { width:50%; float:right; text-align:left; } .list-block.one div.contain { width:50%; float:left; padding:30px; } .list-block.three .category-description.image { width:50%; float:left; text-align:right; } .list-block.three div.contain { width:50%; float:right; padding:30px; } .list-block img { max-width:100%; } div.catno-image .category-description-short-top { width:100% !important; float:none !important; } .no-touch .list-block { overflow:hidden; } .no-touch .list-block img { max-width:inherit; } .no-touch .list-block.one .category-description.image { float:right; width:500px; } .no-touch .list-block.three .category-description.image { float:left; width:500px; } .no-touch .list-block > div { position:relative; max-width:1170px; margin:0 auto; } .no-touch .list-block.one div.contain { padding:70px 70px 50px 0; width:670px; } .no-touch .list-block.three .category-description.image img { float:right; } .no-touch .list-block.three div.contain { padding:70px 0 50px 70px; width:670px; } .list-block.two .category-description.image { width:50%; float:left; text-align:right; } .no-touch .list-block.two .category-description.image { float:left; width:500px; } .no-touch .list-block.two .category-description.image img { float:right; } .no-touch .list-block.two div.contain { padding:70px 0 50px 70px; width:670px; } .list-block.two div.contain { width:50%; float:right; padding:30px; } .list-block > div:before, .list-block > div:after { content: ""; display: table; } .list-block > div:after { clear: both; } .list-block > div { zoom: 1; } .list-block .category-description { margin:0 !important; } .list-block { margin:45px 0 30px 0; } .list-block div.contain h2, .list-block div.contain .h2 { font-size:38px; color:#303030; line-height:48px; } .touch .list-promo-text { display:none; } .category-description-short-top.std ul { padding-left:20px !important; } .products-grid li .product-image-block { margin-bottom:15px; } .toolbar-top .cat-brand-nav { float:left; width:276px; margin-right:10px; } .toolbar-top .cat-brand-nav label { float:left; font-size:14px; color:#303030; line-height:35px; padding-right:10px; font-family: 'latobold'; } .toolbar-top .cat-brand-nav .selector { width:210px !important; float:left !important; } .toolbar-top .selector span { height:35px; line-height:33px; padding-left:10px; border:1px solid #dedede; } .toolbar-top .pager .pager_left { float:right !important; padding:3px 0 0 0 !important; } #products-list .item { border:1px solid #ebebeb; } .products-list .product-name a { display:inline-block; margin-bottom:0; } .products-list .std h1 { font-size:16px; } .no-touch #products-list .item { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch #products-list .item:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .products-list .desc.std ul { padding:0; margin:0; list-style:none !important; } .products-list .desc.std ul li { padding-left: 13px; margin-bottom: 5px; position:relative; } .products-list .desc.std ul li:before{ content: "\f105"; font-family: 'FontAwesome'; font-size:18px; color:#ec1a23; position:absolute; left:0; top:0; } .products-list .desc.std p { font-weight:normal !important; } @media (max-width: 1169px) { .touch .catalog-category-view .products-grid { padding:0 8px; } .touch .products-grid li .product-image-block { padding:0 5px; } .touch .category-products .products-grid li.item { width:25% !important; padding:0 5px !important; margin-bottom:10px; } .touch .products-grid .price-box { height:50px;} .touch .products-grid li .product-name a { font-size:14px; } .category-description-short-top h2 { font-size:28px; } } @media (max-width: 1023px) { .list-block { display:none !important; } .footer-link-first.right, .footer-link-first.left { float:none !important; width:100% !important; } } @media (max-width:767px) { .category-grid-catimage { float:none; width:100%; padding-bottom:20px; } .category-description-short-top { float:none; width:100%; padding-bottom:20px; } .category-description-short-top h2 { font-size:22px; } .catalog-category-view .page-title.category-title h1 { font-size:24px; } .touch .category-products .products-grid li.item { width:33.3% !important; } .touch .category-products .products-grid li.item:nth-child(4n+1) { clear:none; } .touch .category-products .products-grid li.item:nth-child(3n+1) { clear:both; } .toolbar-top .cat-brand-nav { float:none; margin:0 0 10px; width:200px; } .toolbar-top .cat-brand-nav .selector { width:140px !important; } .toolbar-top .pager .pager_right { float:none; } .pager .limiter .selector { width:86px !important; } .cat-brand-nav:before, .cat-brand-nav:after { content: ""; display: table; } .cat-brand-nav:after { clear: both; } .cat-brand-nav { zoom: 1; } } @media (max-width:639px) { .touch .catalog-category-view .products-grid { padding:0 8px; } .touch .category-products .products-grid li.item { width:50% !important; } .touch .category-products .products-grid li.item:nth-child(3n+1) { clear:none; } .touch .category-products .products-grid li.item:nth-child(2n+1) { clear:none; } .touch .category-products .products-grid li.item .product-block { border:1px solid #e2e2e2; } .toolbar-top .pager .limiter { width:auto !important; } } @media (min-width:768px) and (max-width:1023px) { .middle_content .left_block { width:49%; } .middle_content .right_block { width:49%; } } /*video*/ .learn-more-video { position: relative; margin-bottom:0; height: 400px; } .learn-more-video .learn-more-video-slide { position: absolute; top: 0; bottom: 0; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .learn-more-video:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.7; z-index: 1 } .learn-more-video.show-video:before { display: none; } .learn-more-video .learn-more-video-slide img { position: absolute; width: auto; max-width: none; min-width: 100%; } .learn-more-video .learn-more-video-slide.left { left: 0; right: 50%; } .learn-more-video .learn-more-video-slide.left img { right: 0; } .learn-more-video .learn-more-video-slide.right { right: 0; left: 50%; margin-left: -1px; } .learn-more-video .learn-more-video-slide.right img { left: 0; } .learn-more-video.show-video .learn-more-video-slide.left { left: -50%; right: 100%; } .learn-more-video.show-video .learn-more-video-slide.right { right: -50%; left: 100% } .how-to-right-overlay { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .touch .how-to-right-overlay { display: none; } .video-played .how-to-right-overlay, .video-played .learn-more-overlay, .touch .how-to-right-overlay, .touch .learn-more-overlay { display: none; } .learn-more-video iframe { height: 100%; width: 100%; border: 0; display: block } .learn-more-video img.learn-more-video-slide-img { display: none; } .caption { position: absolute; left: 50%; top: 50%; color: #ffffff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; width: 100%; 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%); z-index:9; height:90px; } .learn-more-page .caption { 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%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2 } .learn-more-video.show-video .caption { opacity: 0; visibility: hidden } .caption button { display: block; position: absolute; left: 50%; bottom: 3px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/play-btn.png) no-repeat 0 0; width: 90px; height: 90px; text-indent: -9999px; border: 0; margin-left: -45px; } .learn-more-video.video-played .caption, .how-to-right-iframe.video-played button { opacity: 0; visibility: hidden; } .no-touch .list-block.two > div { /*max-width:100% !important;*/ } .caption h3 { font-size:38px; color:#fff; line-height:normal; font-family: 'latomedium'; padding-bottom:30px; max-width:430px; text-align:center; margin:0 auto; } .caption button { position:static !important; margin:0 auto !important; display:inline-block !important;} .caption { height:auto !important; } .search-open body { overflow:hidden !important; -webkit-overflow:hidden !important; } html.show-cart body{ overflow:hidden !important; } .main-cart .actions:before, .main-cart .actions:after { content: ""; display: table; } .main-cart .actions:after { clear: both; } .main-cart .actions { zoom: 1; } .main-cart .actions { padding-bottom:60px; } .detail-product-image { position:relative; margin-bottom:60px; } .product-img-box .product-name h1 { border: 0; } .product-img-box .product-image { margin-bottom: 10px; width: 78.5%; float: right; display: block; position: relative; margin:0; } .product-img-box .product-image a.cloud-zoom { padding:0px; } .product-img-box .product-image img { max-width: 100%; max-height: 468px; margin: 0 auto; } .product-img-box .more-views { display: block; float: left; width: 110px; position:absolute; top:0; bottom:0; z-index:1; } .product-img-box .bx-pager { display:none; } .product-img-box .bx-wrapper { position:relative; padding:18px 0; } .product-img-box .bx-controls-direction a { position:absolute; left:0; right:0; height:18px; text-indent:-9999px; } .product-img-box .bx-prev { top:0; } .product-img-box .bx-next { bottom:0; } .product-img-box .bx-controls-direction a:before { content:''; display:block; position:absolute; top:0; left:50%; background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png) no-repeat 0 0; width: 16px; height: 8px; margin:0 0 0 -8px; } .product-img-box .bx-controls-direction a.bx-prev:before { background-position:-405px -3px; background-repeat:no-repeat; } .product-img-box .bx-controls-direction a.bx-prev:hover:before { background-position:-405px -12px; background-repeat:no-repeat; } .product-img-box .bx-controls-direction a.bx-next:before { background-position:-385px -3px; background-repeat:no-repeat; bottom:0 !important; top:inherit; } .product-img-box .bx-controls-direction a.bx-next:hover:before { background-position:-385px -12px; background-repeat:no-repeat; } .bx-viewport ul li { padding:5px !important; } .bx-viewport ul li img { max-width:100%; display:inline !important; } .bx-viewport ul li a:hover, .bx-viewport ul li.current a{ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .catalog-product-view .container { max-width:100%; padding:0; } .catalog-product-view .col1-layout { max-width:100%; padding:0; } .catalog-product-view .main { margin-bottom:0; } .catalog-product-view .block.block-related .product-block { text-align:center !important; height:auto !important; } .product-collateral .padder .std ul, .product-collateral .padder .std ul { padding:0; margin:0 0 15px !important; list-style:none !important; } .product-collateral .padder .std ul li, .product-collateral .padder .std ul li{ padding-left: 13px; margin-bottom: 5px; position:relative; margin-left:0 !important; } .product-collateral .padder .std ul li:before, .product-collateral .padder .std ul li:before { content: "\f105"; font-family: 'FontAwesome'; font-size:18px; color:#ec1a23; position:absolute; left:0; top:0; } .product-collateral .product-details-features table td { padding:20px 10px; } .product-collateral table tr td img { max-width:100%; } .product-collateral table.ratings-list { margin:5px 0; } .product-collateral table.ratings-list tr td { vertical-align:baseline; } #customer-reviews ol li strong { font-weight:bold; font-size:16px; color:#303030; } #customer-reviews ol li { border:1px solid #ccc; margin-bottom:5px; padding:10px 10px 5px 10px; } #customer-reviews ol li:last-child { margin-bottom:0; } .block.block-related .related-products { max-width:1200px; padding:0 15px; margin:0 auto; position:relative; } .container .product-view { max-width:1200px; padding:0 15px; margin:0 auto; } .related-products .customNavigation { display: block; position: absolute; top: 50%; margin-top: -14px; text-indent: -9999px; background-color: transparent; cursor: pointer; } .related-products a.btn.prev { width: 17px; height: 28px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat scroll -239px -3px; cursor: pointer; left: 10px; transition:none; -webkit-transition:none; -moz-transition:none; } .related-products a.btn.next { width: 17px; height: 28px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat scroll -260px -3px; cursor: pointer; right: 10px; } .related-products a.btn.prev:hover { background-position: -239px -34px; } .related-products a.btn.next:hover { background-position: -260px -34px; } .no-touch .related-products a.btn.prev { left:-50px; } .no-touch .related-products a.btn.next { right:-15px; } .block.block-related .owl-carousel .owl-item img { width:auto; display:inline; max-width:100%; } .cart_mini_right .right_arrow { display:none !important; } .product-options { border:1px solid #dddddd; } .col-main p.note-msg { /*max-width:1200px; padding:0 15px; margin:0 auto;*/ } .product-options { clear:both; } .product-bottom-option-main .product-options-bottom .price-box { display:none; } .product-bottom-option-main .add-to-links { display:none; } .product-bottom-option-main .product-options { width:51.3%; float:left; } .product-bottom-option-main .product-options-bottom .add-to-cart { padding-left:65px; margin-top:0; } .product-options-bottom .btn-cart { margin:33px 0 0 0 !important; float:none !important; display:block; width:300px; height:60px; background:#ec1a23; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-options-bottom .btn-cart span { color:#fff; padding:0; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:16px; background:none !important; } .no-touch .product-options-bottom .btn-cart:hover { background:#000; } .product-shop.list-promo-text { color:#606060; font-size:16px; font-weight:bold;} .catalog-product-view .sku span { color:#303030; font-size:16px; font-weight:bold; } .product-essential h2 { font-size:16px; font-weight:bold; } .product-shop .add-to-box button.btn-cart { margin:33px 0 0 0 !important; float:none !important; display:block; width:300px; height:60px; background:#ec1a23; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-shop .add-to-box button.btn-cart span { color:#fff; font-weight:bold; padding:0; font-family: 'latobold'; font-size:16px; background:none !important; } .product-shop .add-to-box button.btn-cart:hover { background:#000; } .catalogsearch-result-index .page-title { margin:0; padding-bottom:10px; } .catalogsearch-result-index .toolbar-top { padding:0; } .no-touch .toolbar-top .pager .view-mode { position:relative; right:-10px; } .toolbar-top .selector:before { top:15px; } .product-share:before, .product-share:after { content: ""; display: table; } .product-share:after { clear: both; } .product-share { zoom: 1; } .product-bottom-option-main .product-options { padding-top:15px; padding-bottom:15px; } .product-shop .view-shadow-box { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); padding:20px; margin-bottom:55px; } .view-shadow-box .product-share { float:right; margin:0 !important; padding-top:6px; } .view-shadow-box .price-box { float:left; margin:0 !important; padding:0 !important; } .view-shadow-box .availability { padding:2px 0 0 0 !important; margin-right:15px; } .product-view .product-img-box .product-image-zoom { position:relative; } @media (min-width:980px) { .product-view .product-img-box .product-image-zoom a { height:468px; } .product-view .product-img-box .product-image-zoom a:before { width:50px; height:50px; display:inline-block; position:absolute; right:0; bottom:0; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/zoom-icon.png") no-repeat 0 0; content:""; } } div.mousetrap { display:none !important; } .content-binder .resetfilter { background:#ec1a23; color: #fff; font-size: 14px; height: 36px; line-height: 37px; padding: 0 7px; text-decoration: none; display:inline-block; margin:10px 0 15px; } .content-binder .resetfilter:hover { background:#000; color: #fff; } .related-products .product-block { padding:10px; } .related-products .product-block .product-block-inner { padding:20px 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .no-touch .related-products .product-block:hover .product-block-inner { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); } .product-shop .std h1 { font-weight:bold; } .no-touch .tabberlive .tabs ul li:nth-child(3) { clear:both; } .product-options-bottom .add-to-cart .quantity input.input-text, .product-view .add-to-box .quantity input.input-text { text-align:center; } .more-views .no-slider li { /*margin:0 0 10px 0;*/ margin:0; padding:10px; } .more-views .no-slider li:hover a { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .form-list .captch-imgouter { margin:31px 0 10px; } .page-print{ height:auto;} .page-print .cart .subprice tfoot th strong, .page-print .price, .page-print strong, .page-print .cart .data-table th, .page-print .data-table tr.last th, .page-print .data-table tfoot strong { font-weight:normal !important; } .page-print .col2-set h2, .page-print .col2-set h3 { font-weight:normal !important; } .customer-account-create .captch-imgouter { padding:0 0 0 15px; margin:0 0 10px 0; } .qty-main-list > span { float:left; line-height:45px; font-size:16px; font-weight:bold; color:#303030; padding-right:9px; } .product-shop .short-description p a { padding-left:4px; } #product-review-table tr.last th { border:0 !important; } #product-review-table td.last { border:0 !important; } .no-touch #product-review-table td { min-width:100px; } /* .flexslider.homebanner.mobile-view { display:none; } */ .slideshow-pager { display:none; } .catalog-category-view .category-description { max-width:1200px; padding:0 15px; margin:0 auto; } .products-grid h2.product-name { /*height:76px;*/ } .no-touch #related-grid .item.product-items { width:25% !important; float:left; } .product-options ul.options-list li span.price { line-height:normal !important; } .product-options input[type="checkbox"] + span label { line-height:22px; } .quick-contact button.button { height:60px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:600 !important; } .cms-index-index .col-breadcrumbs.main-breads { display:none; } .account-create .form-list .control label { display: block !important; line-height:normal; } input.validation-failed { border-color:#F00 !important; } .my-account .product-name { padding-left:0; } .lb-data .lb-close { z-index:99; } .product-options dl div:nth-child(1) { margin-bottom:20px; } .product-view-select-purchase { float:none; width:100%; } .product-view-select-purchase .selector span { border:1px solid #bcbcbc; height:42px; line-height:42px; font-weight:normal; color:#8e8e8e; font-size:14px; } .product-view-select-purchase .selector:before { top:19px; } .product-view-select-purchase .selector select { width:100% !important;} .product-shop .view-shadow-box .at_flat_counter{ display:none !important;} .cvv-what-is-this{ display:none;} @media (max-width:1169px) { .product-bottom-option-main .product-options { width:50%; float:left; } .product-bottom-option-main .product-options-bottom .add-to-cart { padding-left:20px; } } @media (max-width:979px) { .catalog-product-view .product-view .product-img-box .new-label { width: 40px; height: 40px; line-height: 40px; } } @media (max-width:767px) { .product-view #product_tabs_review_tabbed_contents .form-list { margin:0; } .product-view #product_tabs_review_tabbed_contents .form-list li { width:100%; padding:0; } .form-list .captch-imgouter { margin:10px 0; } .welcome-desc a { height:50px; line-height:46px; } /* .flexslider.homebanner.mobile-view { display:block; } .flexslider.homebanner.desktop-view { display:none; } */ .product-shop .add-to-box button.btn-cart { width:100% !important; margin-top:6px !important; height:50px; } .product-options-bottom .btn-cart { height:50px; } .product-essential .req_quote_view { width:100%; margin:0; } .new_label_subscribe { margin-bottom:15px; } .new_label_subscribe:before, .new_label_subscribe:after { content: ""; display: table; } .new_label_subscribe:after { clear: both; } .product-essential .req_quote_view a { width:100% !important; height:50px; line-height:50px; } .breadcrumbs, .col-breadcrumbs{ display:none;} .header .form-search .search-autocomplete{ height: 85px; overflow: auto;} } @media (max-width:639px) { .tabberlive .products-grid li .product-block { border:0; position:relative; } .tabberlive .products-grid li:nth-child(1) .product-block:before, .tabberlive .products-grid li:nth-child(3) .product-block:before { content:""; width:1px; height:183px; background:#e8e8e8; position:absolute; right:-10px; bottom:-111px; z-index:1; } .tabberlive .products-grid li:nth-child(1) .product-block:after, .tabberlive .products-grid li:nth-child(3) .product-block:after { content:""; width:183px; height:1px; background:#e8e8e8; position:absolute; right:-105px; bottom:-10px; z-index:1; } } @media (max-width:479px) { .view-shadow-box .availability { margin:0 !important; float:left !important; } .product-shop .view-shadow-box { margin-bottom:15px; } .product-image.product-image-zoom > div { position:absolute !important; top:50% !important; 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%); } .product-view .product-img-box .product-image-zoom { min-height:460px; } .homebanner .slides img { width:120% !important; } .main-cart button.button span { padding:8px 10px !important; } } @media (max-width:374px) { .g-recaptcha iframe { transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); } .g-recaptcha div { width:280px !important; } } .sales-order-print-mobile { overflow:auto; } .popup-open-scroll-stop body { overflow:hidden; } .home-page-newsletter .input-box .text-input { position:relative; } .home-page-newsletter .input-box .text-input:after { content:""; position:absolute; left:0; bottom:0; height:2px; width:0px; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; visibility:hidden; } .home-page-newsletter .input-box .text-input:focus:after{ width:100%; opacity:1; visibility:visible; } .no-touch .flex-direction-nav li a, .no-touch .owl-buttons div, .no-touch .footer_bottom, .no-touch .footer_bottom a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .list-promo-text h2 { font-weight:normal; font-size:14px; text-align:center; font-family: 'latoregular'; } @media (max-width: 639px) { .cart .data-table tbody tr:before, .cart .data-table tbody tr:after { content:""; display: table; } .cart .data-table tbody tr:after { clear: both; } .cart .data-table tbody tr { zoom: 1; } .cart .data-table tbody td:nth-child(1) { float:left !important; width:25% !important; } .cart .data-table tbody td:nth-child(1) img { max-width:100%; } .cart .data-table tbody td:nth-child(2), .cart .data-table tbody td:nth-child(3), .cart .data-table tbody td:nth-child(4), .cart .data-table tbody td:nth-child(5), .cart .data-table tbody td:nth-child(6){ float: right !important; width: 75% !important; overflow:inherit !important; } .cart .data-table td[data-rwd-label] { padding: 0 10px; margin-bottom: 0; } .cart .data-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; padding-right: 5px; text-transform: uppercase; color: #303030; display:inline-block; font-family: 'latobold'; } } @media (max-width:767px) { .welcome-inner-content:before, .welcome-inner-content:after { content: ""; display: table; } .welcome-inner-content:after { clear: both; } .welcome-inner-content { zoom: 1; } a#show { display:inline-block; border:0; width:auto; height:auto !important; color:#606060 !important; font-size:14px; font-family: 'latoregular'; background:none !important; } a#show:hover { background:none !important; } } .products-list .list-promo-text h2 {text-align: left;} .checkout-cart-index.no-touch .products-grid li:hover button.btn-cart { right: -18px!important; } .checkout-cart-index.crosssell.category-title h2, .category-title h2 a, .crosssell > h2 { text-transform: none !important; text-align: center !important;} .checkout-cart-index.crosssell_default_width, .crosssell li.slider-item, .crosssell li.product-items { width: 25% !important;} @media (max-width:1169px) { .checkout-cart-index.crosssell_default_width, .crosssell li.slider-item, .crosssell li.product-items { width: 50% !important; text-align: center !important;} .checkout-cart-index.touch .products-grid li button.btn-cart{ right:-10px !important;} } /* .checkout-cart-index #quick-window-cross.crosssell_product{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; overflow: hidden; overflow-y:auto; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell{ position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: auto; max-width: 560px; z-index: 9; border: solid 1px #000; margin-bottom:0; } .checkout-cart-index #quick-window-cross.crosssell_product h2{ font-size:14px; text-align:center; background:#ddd; margin-bottom:0; } #quick-window-cross .product-carousel_new .product-block{ border:solid 1px #ddd; text-align:center; } #quick-window-cross .product-carousel_new .product-block h2{ background:none; } #quick-window-cross .product-carousel_new .special-price, #quick-window-cross .product-carousel_new .price{ font-size: 16px; font-weight: bold; color: #2e2e2e; } #quick-window-cross .product-carousel_new .price-box{ float:none; } #quick-window-cross .product-carousel_new .old-price{ color: #F00; font-size:16px; font-weight: bold; line-height: 18px; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell p.close{ position: absolute; top: -30px; right: -30px; padding: 8px 16px; font-size: 18px; background: #fff; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell p.close:hover{ background:#ec1a23; color:#fff !important; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell p.close:hover a{ color:#fff !important; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .product-carousel_new li.item{ margin-bottom:0; padding:9px !important; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .product-carousel_new{ margin:0 !important; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .customNavigation{ position: absolute; top: 50%; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .customNavigation a{ display:block; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .customNavigation a.prev{ top:50%; left:0; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .customNavigation a.next{ top:50%; right:0; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell .product-carousel_new li.item:hover .product-block{ box-shadow:none; } .cross_popup_up, .cross_popup_up body{ overflow: hidden; position:fixed; width:100%; } @media (max-width:767px){ .checkout-cart-index #quick-window-cross.crosssell_product .crosssell{ margin:0 auto; max-width:90%; min-width:280px; top: 30px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); margin-bottom:30px; } .checkout-cart-index #quick-window-cross.crosssell_product .crosssell p.close { position: absolute; top: -20px; right: -15px; padding: 3px 10px; font-size: 18px; background: #fff; } } */ .analogue-dictation-table { overflow: auto; } .analogue-dictation-table table { border:1px solid #ccc; } .analogue-dictation-table table td h3, .analogue-dictation-table table td h4 { padding:10px 5px; text-align:center; margin:0; } .analogue-dictation-table table td { } @media (max-width: 1150px) and (min-width: 1024px) { #nav > li.level0 { padding-right:16px !important; } .header .logo a { max-width:180px; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { width: auto !important;} } /*29-10-2015*/ .short-description-block { height: 237px; overflow: hidden; } /****** Product Detail page Accodion *****/ .product-collateral .std .accodion-box{ border: solid 1px #ddd; margin-bottom: 20px; } .product-collateral .std .custom-detail-title{ cursor: pointer; padding: 10px 15px; text-align: left; position: relative; padding-right: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-collateral .std .custom-detail-title:after{ position: absolute; top: 8px; right: 15px; font-size: 30px; display: block; content: "\f107"; font-family: 'FontAwesome'; color: #ec1a23; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .custom-block-detail{ display: none; padding: 20px; } .product-collateral .std .custom-detail-title h2, .product-collateral .std .custom-detail-title h3{ font-size: 17px; color: #ec1a23; margin: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-collateral .std .custom-detail-title em{ font-style: normal; } .product-collateral .std .accodion-box.active .custom-detail-title:after{ transform: rotate(-180deg); } .no-touch .product-collateral .std .custom-detail-title:hover{ background: #ec1a23; } .no-touch .product-collateral .std .custom-detail-title:hover h2, .no-touch .product-collateral .std .custom-detail-title:hover h3, .no-touch .product-collateral .std .custom-detail-title:hover h4{ color: #fff; } .no-touch .product-collateral .std .accodion-box .custom-detail-title:hover:after{ color: #fff; } #custom-accodion-detail{ margin-top: 30px; } @media (max-width:767px){ .product-collateral .std .custom-detail-title h2, .product-collateral .std .custom-detail-title h3{ font-size: 15px; } } #topcontrol.move-up{bottom: 83px !important;} /** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.voicex.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .clear{width:100%;height:0px;clear:both;font-size:0px;line-height:0px;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Hides from IE-mac \*/ * html .clearfix {height: 2%;} /* End hide from IE-mac */ /* ======================================================================================= */ .quick-contact{} .quick-contact .block-content{padding:5px 10px;} .quick-contact .button-set{margin-top:20px;} .quick-contact .error_message{font-size:18px;font-weight:bold;color:#ff0000;} textare #comment .required-entry input-text {height: 150px; width: 390px;} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.voicex.com.au/skin/frontend/default/voicex/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .tm-hide { opacity: 0; } .tm-checkbox { background: url('https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png') -2px -43px no-repeat; display: inline-block; width: 20px; height: 20px; margin-right:14px; vertical-align: middle; } .account-create .control .tm-checkbox{ margin-right:0;} .product-view .product-shop .tm-checkbox { float: left; margin-bottom: 24px; margin-right: 14px; margin-top: 3px;} .tm-radio { background: url('https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png') 0 -5px no-repeat; display: inline-block; padding: 0px; height: 18px; width:18px; vertical-align: middle; margin-right:5px; } .tm-checked { background-position: -72px -43px; } .tm-selected { background-position: -72px -5px; } .tm-checkbox-green { background: url('https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/sprite.png') 0 1px no-repeat; display: inline-block; display: inline; } .tm-checked-green { background-position: 0 -18px; } .tm-checkbox, .tm-radio { zoom: 1; } .ie7 .tm-checkbox { display: inline; } /* ------------- * Selects * ------------- */ /* Custom Select*/ .sbHolder { position: relative; width: auto; text-align: left; display: block; border: 1px solid #DDDDDD; padding:4px 7px 5px; background: #fff9f9; /* Old browsers */ background: -moz-linear-gradient(top, #fff9f9 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff9f9 0%,#f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff9f9 0%,#f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; } .toolbar .sbHolder{background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ border: solid 1px #c1c1c1; } #checkout-payment-method-load #payway_api_cc_type_exp_div .v-fix { /*float: left; padding: 0 15px 0 0; width: 44%;*/ } #checkout-payment-method-load .form-list { /*margin-top: 15px; padding-left: 0; width: 37%; z-index: 9999;*/ } .sbHolder:focus .sbSelector { } .sbSelector { outline: none; overflow: hidden; top: 0; color: #626262; display: block; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover { outline: none; text-decoration: none; } .sbToggle { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/arrow-down.png") no-repeat scroll center center transparent; display: block; outline: none; position: absolute; right: 4px; top: 7px; height: 15px; width: 17px; } .sbToggleOpen { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/arrow-up.png") no-repeat scroll center center transparent; } .sbOptions { background-color: #fff; border: solid 1px #ddd; list-style: none; right: -1px; margin: 0; padding: 0; position: absolute; top: 26px !important; width: 100%; z-index: 40; overflow-y: auto; } .form-language .sbOptions, .tm_top_currency .sbOptions { background-color: #fff; border: none; } .sbOptions li { padding: 0 7px; margin: 0; } .sbOptions a { display: block; outline: none; padding: 4px 0 4px 3px; text-decoration: none; } .sbOptions a:hover { color: #000; } /* display none until init */ .product-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display: block; } #column-left .customNavigation, #column-right .customNavigation { display: none; } .product-carousel .slider-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-wrapper-outer.autoHeight { -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; } .additional-carousel .customNavigation a { display: none; } .additional-carousel .customNavigation a:hover { display: block; } .product-carousel .slider-item { float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div { cursor: pointer; } .slider-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ /*.grabbing { cursor: url("https://www.voicex.com.au/skin/frontend/default/voicex/img/megnor/grabbing.png") 8 8, move; }*/ /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .customNavigation { text-align: center; position: absolute; width: 100% } .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; float: right; height: 22px; position: absolute; top: -34px; width: 22px; } .customNavigation a.prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -234px 2px transparent; right: 85px; } .customNavigation a.prev:hover { background-position: -234px -27px; text-decoration: none; } .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -204px 2px transparent; right: 28px; } .customNavigation a.next:hover { background-position: -204px -27px; text-decoration: none; } /* Responsive menu Css Start */ .nav-responsive span { display: inline-block; } .ie7 .nav-responsive span { display: inline; } .nav-responsive { cursor: pointer; display: none; } #nav-mobile ul li { list-style: none; position: relative; } .nav-responsive .expandable { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat scroll -11px -1px; height: 20px; width: 30px; } .nav-responsive div, .responsive-menu .hitarea { /*background: none; height: 24px; width: 24px; float: right; cursor: pointer; margin-right: 5px; margin-top: 6px;*/} .responsive-menu .expandable .collapsable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -237px -127px transparent; } .responsive-menu .expandable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -208px -127px transparent; } .responsive-menu .collapsable-hitarea { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -237px -127px transparent; } /* Responsive menu Css End */ /*RESPONSIVE TABLE*/ .table-responsive { display: none; visibility: hidden; } .tm_responsive_container, .tm_responsive_container_footer { width: auto; overflow: hidden; } .tm_responsive_group { float: left; margin: 5px 0; padding: 3%; width: 92%; border: 1px solid #ededed; color: #4D4D4D; background: #FBFBFB } .tm_responsive_row label { width: 100px; display: block; float: left; font-weight: bold; } .tm_responsive_row span { width: 250px; display: block; float: left; } .tm_responsive_row { overflow: hidden; border-bottom: 1px solid #EEEEEE; padding: 10px 0; } .tm_responsive_row span .separator { display: none; } /*RESPONSIVE TABLE*/ @media only screen and (max-width: 768px) { .product-view .product-shop .tm-checkbox{margin-bottom: 23px;} } @media only screen and (max-width: 360px) {.product-view .product-shop .tm-checkbox{margin-bottom: 71px;}} @media only screen and (max-width: 1023px) { .nav-responsive span{ display:none;} } a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span {z-index:10;display:none; padding:10px; margin-top:-30px; margin-left:28px; width:300px; line-height:16px; text-transform:none; font-weight:normal;} a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #dbdee1; background:#f6f6f6; width: 141px;} .tooltip > img { margin-top: 2px;} /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider .slides { padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style: none !important; overflow:hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; left: 0px; right: 0px; margin: 0 auto; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; clear: both; overflow: hidden; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { margin: 0; } /* Direction Nav */ .flex-direction-nav { display: none; margin: 0 !important; z-index: 999; } .flex-direction-nav li { list-style: none; } .flexslider:hover .flex-direction-nav { } .flex-direction-nav li a.flex-next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -261px -84px; font-size: 0; height: 40px; position: absolute; right: 10px; top: 50%; width: 24px !important; margin-top:-20px !important; } .flex-direction-nav li a.flex-prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite-new.png") no-repeat -235px -84px; height: 40px !important; left: 10px; position: absolute; top: 50%; width: 24px !important; font-size: 0; margin-top:-20px !important; } .no-touch .flex-direction-nav li a.flex-prev:hover { background-position: -235px -126px; } .no-touch .flex-direction-nav li a.flex-next:hover { background-position: -261px -126px; } .no-touch .flex-direction-nav li a.flex-next { right: 25px; margin-right: 0%;} .no-touch .flex-direction-nav li a.flex-prev { left: 25px; margin-left: 0;} /* Control Nav */ .flex-control-nav { position: relative; bottom: 51px; text-align: center; height: 0px; margin: 0 !important; padding: 0 !important; z-index: 998; } .flex-control-nav li { display: inline-block; font-size: 0; } .flex-control-paging li a { background: url('https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png') -87px -180px no-repeat; cursor: pointer; display: block; height: 20px; text-indent: -9999px; width: 20px; font-size: 0; } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-position: -87px -215px; } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .custom_block .flexslider { padding-bottom: 30px; } .custom_block .flex-control-paging li { margin: 0px } .custom_block .flex-control-paging li a { background: url('https://www.voicex.com.au/skin/frontend/default/voicex/images/bullets.png') 2px 5px no-repeat; } .custom_block .flex-control-paging li a:hover, .custom_block .flex-control-paging li a.flex-active { background-position: 2px -30px; } .custom_block .flex-control-nav { bottom: 0px; } @media all and (min-width:1350px) { .no-touch .flex-direction-nav li a.flex-prev { left:50%; margin-left:-648px; } .no-touch .flex-direction-nav li a.flex-next { right:50%; margin-right:-652px; } } /* display none until init */ .product-carousel{ display: none; opacity:1!important; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display:block;} #column-left .customNavigation, #column-right .customNavigation { display:none;} #column-left .banners-slider-carousel .customNavigation, #column-right .banners-slider-carousel .customNavigation{ display:block;} .product-carousel .slider-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-wrapper-outer.autoHeight{ -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; } .product-carousel .slider-item{ float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div{ cursor: pointer; } .slider-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor:url("https://www.voicex.com.au/skin/frontend/default/voicex/image/megnor/grabbing.png") 8 8, move; } /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; list-style:none; } .customNavigation { text-align: center; position:relative; width:100%} .customNavigation a{ display: block; float: right; height: 28px; position: absolute; top: -38px; z-index:4; width: 28px; text-indent: -9999px; cursor:pointer; } .box-up-sell .customNavigation a{top: 136px; z-index: 4; display:none; } .crosssell .customNavigation a{display:none;} .crosssell:hover .customNavigation a{display:block;} .box-up-sell:hover .customNavigation a{display:block;} .customNavigation a.prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -199px 4px transparent ; right:34px; left:auto; background-color:#ececec; } .customNavigation a.prev:hover { background-position: -199px -24px; text-decoration:none;} .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -232px 4px transparent; right:0px; background-color:#ececec; } .customNavigation a.next:hover { background-position: -232px -24px; text-decoration:none;} /**************** additional carousel start *******************/ .additional-carousel .product-carousel{ width:auto; margin:0 15px; } .additional-carousel .customNavigation a.prev { background:url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -7px -192px transparent; left:-3px; top:51px; z-index:999; text-indent: -9999px; cursor:pointer; } .additional-carousel .customNavigation a.prev:hover { background-position: -7px -223px; text-decoration:none; z-index:999;} .additional-carousel .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -36px -192px rgba(0, 0, 0, 0); right:-7px; top:51px; cursor:pointer; z-index:999; text-indent: -9999px; } .additional-carousel .customNavigation a.next:hover { background-position: -36px -223px; text-decoration:none; z-index:999;} .additional-carousel .slider-item { float: left; width: 90px; } .additional-carousel .slider-item .product-block{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px; clear: both; margin: 4px 7px;} .additional-carousel:hover .customNavigation a{display:block;} /**************** additional carousel End *******************/ .product-info .product-image .customNavigation { text-align: center; position:absolute; width:100%; z-index:9;} .product-info .product-image .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; display: block; float: right; height: 20px; position: absolute; top: -34px; width: 16px; } .product-info .product-image .customNavigation a.prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/image/megnor/sprite.png") no-repeat scroll -11px -60px transparent; left:-3px; top:35px; } .product-info .product-image .customNavigation a.prev:hover { background-position: -11px -90px; text-decoration:none;} .product-info .product-image .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/image/megnor/sprite.png") no-repeat scroll -43px -60px transparent; right:-3px; top:35px; } .product-info .product-image .customNavigation a.next:hover { background-position: -43px -90px; text-decoration:none;} /*.related-products .customNavigation{ width:97%;} .related-products .customNavigation a.prev { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/image/megnor/sprite.png") no-repeat scroll -204px 2px transparent; right:25px; top:-20px; } .related-products .customNavigation a.prev:hover { background-position: -204px -27px; text-decoration:none;} .related-products .customNavigation a.next { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/image/megnor/sprite.png") no-repeat scroll -234px 2px transparent; right:0px; top:-20px; } .related-products .customNavigation a.next:hover { background-position: -234px -27px; text-decoration:none;} */ /* Media for 980px to 1023px */ /* 980px <= width < 1023px */ @media only screen and (min-width: 1529px) { .homebanner .slides img { width: 100%; } } @media only screen and (max-width: 1528px) { .homebanner .slides img { 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); } } @media only screen and (max-width: 1160px) { .homebanner .slides img { width: 110%; } .welcome-left-col { margin-top: 0; left: 15px; } #footer .footer-area { width: 33.3% } #footer #block_4 { width: 100%; } .footer-newsletter-block, .footer-conact-block { width: 50%; float: left; padding: 0 10px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .footer-newsletter { max-width: 360px; } .col2-left-layout .col-main { padding-left: 225px; margin-left: -205px; } .col-left { width: 205px; } } @media only screen and (min-width: 1024px) and (max-width: 1140px) { .blog_main, .main_subbanner2, .col2-left-layout, .col-breadcrumbs, .catalog-product-view .col1-layout, .col2-right-layout { /*width:auto;*/ } .product-view .product-img-box .product-image #wrap { min-height: 470px; } .subbanner, .tabberlive, .blog_main, .main_subbanner2, .col2-left-layout, .col-breadcrumbs, .col2-right-layout { /*width: 980px; clear: both; margin: 0 auto; padding: 0px;*/ } .message-right-col { float: left; margin-left: -355px; padding-left: 354px; width: 100%; } .breadcrumbs, .cms-page-view .page-title { /*width: 1000px;*/ } .main-container { /*margin-top: 35px;*/ } .col-main { float: left; width: 72%; } #advancedmenu { left: 185px; } .view.view-first > img, .second-subbanner li img, .main_subbanner2 img { width: 100%; } .tabberlive { margin-top: 35px; } .first-subbanner { width: 489px; } .second-subbanner { margin-left: 1px; float: left; width: 489px; } .subbanner1, .subbanner2 { float: left; width: 50%; } .first-subbanner:hover .view1 { left: -199px; } .first-subbanner:hover .view2 { right: -119%; } .subbanner2 .view1, .subbanner2 .view2, .subbanner1 .view1, .subbanner1 .view2 { width: 345px; height: 345px; } .first-subbanner .view2 { width: 650px; height: 650px; } .col1-layout .product-view .product-shop { width: 50%; padding-left:15px; } .product-view .product-img-box { width: 510px; } .product-image #zoom1 > img { max-width: 100%; } .product-view .product-img-box { margin-right: 23px; } .second-subbanner li { width: 100%; } .bottom_banner img { width: 100%; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { width: 100%; } .blog_main .product-carousel li.first_item_tm .product-block { margin: 0px 20px 0px 0px; } .blog_main .product-carousel li.last_item_tm .product-block { margin: 0px 0px 0px 20px; } .blog_main .product-carousel li .product-block { margin: 0px 10px; } .footer_top #block_1 p.desc { padding-right: 15px; } .cart .cart-collaterals .col1-set { width: 300px; } .cart .cart-collaterals .col2-set { width: 620px; } .block .block-content li.item { padding: 7px 0px; } .block.block-banner img { max-width: 100%; } .category-title { border: 0 none; margin: 10px; } .toolbar .pager { border-bottom: medium none; padding: 10px; } .category-description-short-top.std { padding: 10px 0; } } @media only screen and (min-width: 980px) and (max-width: 1023px) { .subbanner, .tabberlive, .blog_main, .main_subbanner2, .col2-left-layout, .col2-right-layout { width:100%; } .tabberlive { margin-top: 35px; } .main-container { margin-top: 35px; } .col-main { float: left; width: 725px; } .products-list li .list-center { width: 445px; padding-right: 0px; } .view.view-first > img, .second-subbanner li img, .main_subbanner2 img { width: 100%; } .first-subbanner { width: 450px; } .second-subbanner { margin-left: 1px; float: left; width: 450px; } .first-subbanner .view1 { width: 623px; height: 630px } .first-subbanner .view2 { height: 545px; width: 608px; } .subbanner1, .subbanner2 { float: left; width: 50%; } .first-subbanner:hover .view2 { right: -116%; } .subbanner2 .view1, .subbanner2 .view2, .subbanner1 .view1, .subbanner1 .view2 { width: 325px; height: 293px; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { width: 100%; height: auto; } .col3-layout .col-main { width: 520px; margin-left: 10px; } .col3-layout .col-wrapper { float: left; width: 720px; } .bottom_banner img { width: 100%; } #footer .mobile_togglemenu { display: none; } .product-view .product-shop .short-description, .product-shop .ratings, .product-options-bottom { margin: 10px 0px; } .cart .cart-collaterals .col1-set, .cart .cart-collaterals .col2-set, .cart .totals { width: 100%; } .footer_top li.address { padding-right: 0px; } .mini-products-list .product-details { margin-left: 4px; } .product-view .product-img-box { width: 440px; } .product-image #zoom1 > img { max-width: 100%; } .product-view .product-img-box { margin-right: 25px; } .second-subbanner li { width: 100%; } #advancedmenu { left: 190px; } .block.block-banner img { max-width: 100%; } .mini-products-list .product-image { width: 60px; } .block .block-content li.item { padding: 7px 0px; } .info3col-data { width: 220px; } #nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a { padding: 13px 12px; } .products-grid li.item, .col-main .slider-item { width: 33.3%; padding: 9px 5px !important; } .message-right-col { float: left; margin-left: -355px; padding-left: 354px; width: 100%; } } @media only screen and (max-width: 1110px) { #product_tabs_pvideo_tabbed_contents iframe { margin: 15px 10px !important; width: 46%; } .desktop-none { display: none; } #nav li.level0 > a { font-size: 12px; } .welcome-left-col { top: 0px; bottom: 0; transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); padding: 20px 10px; } .touch .home-page-brands-main .owl-controls { display: block !important; } .touch .owl-buttons div.owl-prev { left: -5px; } .touch .owl-buttons div.owl-next { right: -5px; } .detail-product-image { padding-left:115px; } .product-img-box .more-views { left:0; } .product-view .product-img-box .product-image-zoom { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 9; } .product-view .product-img-box img { width: 100%; } #additional-carousel .slider-item { width: 89px; } .toolbar { margin-bottom: 0; } .long-description dd { float: right; height: 371px; width: 48%; } .attributesplash-group-view .page-title { width: 94%; padding: 0 10px 0 0; } .quick-contact, .about-us-main, .splash-groups { /*width: 94%; padding: 0 10px;*/ } .message-right-col { float: left; margin-left: -355px; padding-left: 354px; width: 100%; } #checkoutSteps .form-list li.fields .field { float: left; padding: 0 11px 15px; width: 93%; } .checkout-onepage-index article .page-title { margin: 0 15px; } .checkout-onepage-index .col-right { margin-right: 10px; margin-left: 10px; } #checkoutSteps { margin: 0 10px; } .cart { /*margin: 0 10px; width: 97%;*/ } .cart-collaterals { /*float: left; margin-left: 30px; width: 36.2%;*/ } .cart-table td:nth-child(2) { padding: 10px; } .cart .totals tfoot td .price, .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 18px; } .cms-page-view .std { margin: 0 10px; padding: 0; width: 94%; } .cart .title-buttons .checkout-types { /*float: right; margin-bottom: 17px; margin-top: 10px;*/ } .container .page-title h1 { /*margin: 0 10px 0 0; width: 100%;*/ } .customer-account-logoutsuccess .container { width: 94%; margin: 0 10px; } .account-login p.required { text-align: left; } .account-create p.required { text-align: left; } .cart .title-buttons .checkout-types li { /*float: left; margin: 0 5px 5px;*/ } .table-outer { overflow-x: auto; overflow-y: hidden; } .welcome-right-col { display: none; } .my-account .buttons-set { clear: none; float: none; } a.tooltip { display: none; } .truncated { display: none; } .dashboard .box .box-title a, .dashboard .addressbook-box .col-2 h4 .edit-link { margin-right: 0px; margin-left: 0; } .dashboard .box .box-title a, .dashboard .addressbook-box .col-1 h4 .edit-link { margin-right: 0px; margin-left: 0; } .my-account .dashboard .box-info h4 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .my-account .dashboard .box .box-title h3 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .sidebar .block-account .block-content li.current strong { padding-left: 10px; } .sidebar .block.block-account .block-content li a { padding-left: 10px; } #cloudZoom > img { width: 100%; } .product-view .product-img-box { float: left; width: 50%; margin:0; padding-right:15px; } .product-view .product-img-box .product-image-zoom { min-height: 480px; overflow: hidden; } #product_tabs_review_tabbed_contents .form-add { float: left; margin-bottom: 10px; } .cart .discount input.input-text { border: 1px solid #cecece; float: left; height: 35px; margin-left: 10px; margin-right: 10px; width: 46%; } #checkout-payment-method-load .form-list { width: 100%; } #checkout-step-review .data-table tfoot strong .price { color: #000; font-size: 14px; font-weight: bold; } .customer-address-form .my-account .form-list li.wide input.input-text { width: 70%; } .product-block-inner .sale-label, .product-block-inner .new-label { display: block; } .products-list .list-left .sale-label { display: block; } .products-list .list-left .new-label { display: block; } .product-carousel li:hover .product-block-inner .product-name a, .products-grid li:hover .product-block-inner .product-name a { color: #000; text-decoration: none; } .products-list .product-name a { font-size: 14px; color: #000; } .product-view #product-review-table { border: none 0px; } .product-view .tabs a { font-size:16px; margin:0 10px; } .product-view .product-shop .product-name h1 { font-size:26px; } .block.block-related { padding:30px 0; } .catalog-product-view .block-related .block-title span { font-size:30px; } } @media only screen and (max-width: 990px) { .header .tm_headerlinkmenu { padding-top: 0; margin-top: -10px; } .products-list .product-image { border-right: 0 none; float: none; } .main-category-image img { width: 100%; } } @media only screen and (max-width: 979px) { .contet-detalis-lt2 { float: left; width: 23%; } .conte-details li { border: none 0px; padding: 0 20px 0 0; } .footer { padding: 0; } .col3-layout .col-wrapper { width: 549px; } .subbanner, .blog_main, .main_subbanner2, .col2-left-layout, .col-breadcrumbs, .catalog-product-view .col1-layout, .col1-layout, .col2-right-layout, .header-bottom { /*width: auto;*/ } .tabberlive { width: 100%; } .main-container { margin-top: 35px; } .header_top { width: auto; margin: 0px 20px; } .cart .cart-collaterals .col1-set { width: 100%; } #advancedmenu { display: none; } .advanced_nav { display: block; } #zoom-btn, .mousetrap { display: none !important; } #zoom1 { cursor: default !important; } .header .quick-access { width: 490px; } .products-list li .list-center { } .product-view .product-shop { width: 100%; } .cart .cart-collaterals .col2-set, .cart .totals { width: 100%; } .checkout-progress { padding: 0 10px; } .form-list li.wide select, .form-list li.wide .input-box { width: 52%; } .gift-messages-form .item .details .form-list li.wide .input-box, .form-list li.wide input.input-text { width: 97% !important; } .bottom_banner img { width: 100%; } .product-collateral .padder { padding:0 0 15px 0; } .padder h6 { display: block; padding: 9px 12px 11px; margin-bottom: 10px; line-height: 25px; text-transform: uppercase; } .product-view .tabs { display: none !important; } .contacform { width: 100%; margin-bottom: 10px; padding: 0; margin-right: 0; border: none; } .googlemap { width: 100%; margin-bottom: 10px; } .block-banner img, .category-image img { max-width: 100%; } .footer_bottom ul.links { display: block; text-align: center; float: none; margin-bottom: 5px; } .footer address { float: none; text-align: center; clear: both; } .product-collateral .padder { padding-left: 0; padding-right: 0; } .padder ol { display: none; margin-bottom: 15px; } .padder > div { display: block !important; clear: both; } .form-add .buttons-set { margin: 10px 0; } .block-subscribe .block-title strong { display: inline; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width: 90%; } #nav a, div.menu a, div.megnor-advanced-menu-popup a { padding: 12px 16px 12px 0px; } .blog_main .image-block > img { width: 100%; } .view.view-first > img, .second-subbanner li img, .main_subbanner2 img { width: 100%; } .first-subbanner { margin-left: -1px; width: 50%; margin-right: 1px; } .image-block .zoom, .image-block a.read { top: 14%; } .header .form-language { background-image: none; } .subbanner .view1, .subbanner .view2 { display: none; } .second-subbanner { float: left; margin-left: 1px; margin-right: -1px; width: 50%; } .subbanner1, .subbanner2 { float: left; width: 50%; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { width: 100%; height: auto; } /* start for header part or reponsive */ .cms-home .header { position: relative; } .header { width: auto; } .header_top { margin: 0; width: auto; float: none; } .header .quick-access { width: auto; } .header-bottom { clear: both; width: auto; margin: 0px 0px; } /* end for header */ /*footer*/ .footer_top #block_1 p { padding-left: 0px; text-align: center; } .footer_top #block_1 p + p { width: auto; padding: 0px 20%; } /* end of footer */ .col2-right-layout .col-main { float: left; width: 63%; } .block .block-content li.item { padding: 7px 0px; } .products-list li .list-center { } .products-list li .list-left { } .products-list li .list-right { } .cms-home .header-bottom { margin: 0px; } #advancedmenu { left: 190px; } .block.block-banner img { max-width: 100%; } .product-view .product-img-box { width: 100% !important; padding:0 !important; margin-bottom:20px; } .product-view .product-shop { width: 100% !important; padding:0 !important; } .product-bottom-option-main .product-options { width:100%; float:none; } .product-bottom-option-main .product-options-bottom { clear:both; margin-top:15px; } .product-bottom-option-main .product-options-bottom .add-to-cart { padding:0 !important; float:none !important; } #cloudZoom > img { position:static; width:inherit; } .product-options-bottom .btn-cart { margin-top:12px !important; } .info3col-data { clear: both; width: 100%; } .outer { border: 1px solid #e5e5e5; float: left; margin-bottom: 35px; margin-right: 35px; } .custom_block { float: left; } .custom_block .flexslider { padding-bottom: 30px; width: 250px; } .row { padding: 35px 25px 35px 75px; } .image-block img { width: 100%; } div.responsive_menu { padding-left: 10px; } #footer ul.social_block { display: block; text-align: center; } .footer .social_block li { display: inline; } ul.social_block li a { display: inline-block; float: none; } .cart .cart-collaterals { /*padding-bottom: 25px;*/ } .product-view { position: relative; padding: 0 10px; } .cms-page-view .page-title { margin: 0 10px 10px 10px; width: 94%; } .cart-collaterals { width: 100%; padding-left: 0; /*float: left; margin-right: 30px; width: 98.4%; margin-left: 0;*/ } .cart-left-col { float: left; width: 100%; } #checkoutSteps .form-list .input-text { height: auto; } .catalog-product-view .product-view .product-img-box .sale-label { width:40px; height:40px; line-height:40px; } } @media only screen and (max-width: 996px) { .nav-container { /*width: 100%; margin-right: -171px; padding-right: 170px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0*/ } .welcome-left-col { right: 310px; } .welcome-right-col { width: 290px } .products-grid li.item, .col-main .slider-item { width: 50%; } .products-grid li.item, .col-main .slider-item { padding: 9px; } .products-grid { margin: 0 -9px; } #products-list .item { border: 1px solid #ebebeb; } .long-description span { width: 100%; height: auto; } .long-description h3 dd { float: right; height: auto; margin: 10px 18px 10px 21px; padding: 0; width: auto; } .long-description dd { float: right; height: auto; padding: 0 10px; width: auto; } .addresses-list h2 { font-size: 14px; } #checkout-review-table .a-right strong { font-size: 14px; } } @media only screen and (max-width: 820px) { .products-grid li.item, .col-main .slider-item { width: 50%; } #featured-products .products-grid li.item, .col-main .slider-item { width: 50%; padding-left: 9px; } #newproducts .products-grid li.item, .col-main .slider-item { width: 50%; padding-left: 9px; } #bestseller .products-grid li.item, .col-main .slider-item { width: 50%; padding-left: 9px; } .product-view .product-shop .price-box .old-price { width: 100%; line-height: 39px; } } @media only screen and (max-width: 784px) { } @media only screen and (max-width:880px) and (min-width: 768px) { .toolbar-top .toolbar .pager .pager_left:before, .toolbar-top .toolbar .pager .pager_left:after, .toolbar-top .toolbar .pager .pager_right:before, .toolbar-top .toolbar .pager .pager_right:after { content: ''; display: table } .toolbar-top .toolbar .pager .pager_left:after, .toolbar-top .toolbar .pager .pager_right:after { clear: both } .toolbar-top .toolbar .pager .pager_left, .toolbar-top .toolbar .pager .pager_right { zoom: 1; } .toolbar-top .toolbar .pager .pager_left, .toolbar-top .toolbar .pager .pager_right { float: none; } .toolbar-top .toolbar .pager .pager_left { padding-bottom: 10px; } .footer-container { bottom: 0; left: 0; position: relative; right: 0; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #quick-window { width: 90%; } #quick-window { height:300px; } #quick-window ul { height:200px; overflow:auto; } } @media only screen and (max-width: 767px) { #product_tabs_pvideo_tabbed_contents iframe { margin: 15px 0 !important; width: 100%; } .cart .page-title h1 { font-size: 20px; margin-bottom: 10px; } .cart .discount button span, button.btn-checkout span { padding: 10px 26px; } .cart-table .btn-continue span, .cart-table .btn-empty span, .cart-table .btn-update span, #shipping-zip-form .buttons-set .button span, #co-shipping-method-form .buttons-set .button span { padding: 10px 25px; } .desktop-none { display: block; } .block-title.desktop-none { display:none; } .footer-container { position: relative; bottom: 0; left: 0; right: 0; } .product-view .product-shop .price-box { float: left; margin: 0; padding-bottom: 0px; } .page-not-found-class img { width: 100%; } .product-view .product-shop .product-options dl { float: left; } .conte-details li strong { float: left; min-width: 110px; text-transform: uppercase; } .col-left, .col-right, .col-main { width: 100%; } .col-left .block-content, .col-right .block-content { display: none; } .col3-layout .col-wrapper, .col-main, .col3-layout .col-main { width: 100%; } .toggle .mobile_togglecolumn { display: block; } .checkout-onepage-index .toggle .mobile_togglecolumn { display: block; margin-top: -22px; background-position: 97% 1px; } .block-banner { display: none; } .header .welcome-msg { margin: 0px; } .header-bottom { margin: 0px; } .cms-home .header .logo { margin: 0; } .bottom_banner img { width: 100%; } /********** Header Setting *************/ .header .logo { margin: 0 auto; text-align: center; text-decoration: none !important; float: none; } .top-header-links li { border-bottom: 1px solid #D4D4D4 } .top-header-links li:last-child { border-bottom: 0 } .top-header-links li.contact-link { display: none; } .top-header-links li { float: none; padding-left: 0; } .top-header-links li:last-child { border-bottom: 0 } .top-header-links li a { padding: 10px; } .top-header-links li a:hover { background: #333; } .top-header-links li:before { display: none; } .search-handle { right: 135px; background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -224px -160px #3c3c3c } .search-handle:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url() } .header .welcome-msg { float: none; width: 100%; text-align: center; } .header .links { display: none; float: none; text-align: left; position: absolute; background: #fff; } .tm_headerlinks_inner { display: block; cursor: pointer; padding: 10px 0; } .header .links { margin: 0; top: 37px; left: 0; right: 0; } .header .links li { display: block; float: none; background: none; padding: 0px !important; border-bottom: 1px solid #D4D4D4; } .header .links li:last-child { border-bottom: 0 } .header .links li a { font-size: 12px; line-height: 18px; color: #787878; font-weight: bold; position: relative; text-transform: uppercase; display: block; padding: 10px; } .header .links li a:hover { background: #333; color: #fff; } .header .tm_top_currency, .header .form-language { float: left; text-align: center; } .form-language .sbHolder, .tm_top_currency .sbHolder { border: none; padding: 0 0 0 0; background: none; float: none; } .form-language .sbHolder > a, .tm_top_currency .sbHolder > a { color: #fff; text-align: center; padding: 10px 0; top: 0; } .header .sbToggle { width: 20%; } .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions { width: 100%; background: #fff; left: 0; top: 40px !important; text-align: left; } .header .sbOptions li:hover a, .header .sbOptions li a:hover { color: #000; } .cart-label, .tm_headerlinks_inner { float: right; position: absolute; right: 0; top: 1px; width: 40px; background: #3c3c3c; padding: 0; } .tm_headerlinks_inner { right: 45px; } .tm_headerlinkmenu { right: 25%; } .header .header-cart #panel { top: 40px; } .cart_mini_right .price { display: none; } /********** Header Setting *************/ .products-list li .list-left { float:none; margin:0 auto; } .products-list li .list-center { margin:15px 0 0 0; width: auto; margin:0; padding:15px; } .col2-set .col-1, .col2-set .col-2, .box-account .col2-set .col-1 { width: 100%; } .box-account .col2-set .col-1 { padding-right: 0; border: none; margin-bottom: 15px; } .order-info-box .col-1 { margin-bottom: 15px; } .product-view .product-img-box { margin: 0 auto 30px; float: none; } .product-shop { width: 100% !important; } .header .form-language label, .header .tm_top_currency label { display: none !important; } #super-table { clear: both; } #new-wishlist-table .add-to-cart-alt button.button span { width: auto !important; } .form-list li.wide textarea { width: 100%; } .send-friend .form-list li.wide .input-box { width: 100%; } .send-friend .form-list li.wide textarea { width: 90%; } .send-friend .form-list { width: auto; } .form-list li.fields .name-firstname { margin-bottom: 10px; } .header .form-search { position: relative; top: 0px; } .header-cart { right: 0px; } .header .form-search { z-index: 0; } .col2-left-layout .col-main { width: 100%; margin-left: 0; padding-left: 0 } .product-view .product-img-box { width: 420px; } #zoom1 > img { max-width: 100%; } .header .logo { z-index: 2; } .header .links { z-index: 999; } .blog_main .product-carousel li.last_item_tm .product-block { margin: 0 0 0 12px; } .blog_main .product-carousel li.first_item_tm .product-block { margin: 0 12px 0 0; } .category-products .products-grid li.first_item_tm .product-block, .products-grid li .product-block, .category-products .products-grid li.last_item_tm .product-block { margin: 0; } ul.tabbernav { height: auto; } ul.tabbernav li { display: inline; margin: 0px 1px; } .footer { position: relative; z-index: 99; } .tabbernav + .tabs { margin: 40px 0px 0px; } ul.tabbernav li a, ul.tabbernav li:first-child a { padding: 0px 10px 5px; } .header-block { display: none; } .form-language .sbToggle, .tm_top_currency .sbToggle { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/arrow-down1.png") no-repeat scroll center 18px transparent; } .form-language .sbToggleOpen, .tm_top_currency .sbToggleOpen { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/arrow-up1.png") no-repeat scroll center 18px transparent; } .product-collateral .padder { padding: 10px 0px 0px; } .product-collateral { margin-bottom: 0px; } .header .welcome-msg { position: absolute; top: 0px; background: none; } .nav-responsive, .responsive_menu { width: auto; } .nav-container { top: 0px; } .nav-container { padding-right: 0; margin-right: 0 } .menu-cart-outer .content-binder { padding: 0; } div.responsive_menu { padding: 0px; } .name h2 { font-size: 14px; } .comment { font-size: 13px; } .product-view .product-img-box .product-image, .more-views.additional-carousel { margin-right: 0px; } .col2-right-layout .col-main { width: 100%; } .pager .limiter, .pager .pages { float: left; margin-left: 0px; } .header .quick-access { padding-top: 0px; } .products-list .product-image { margin-bottom: 0px; width:100%; } .pager .pages ol { padding-left: 0px; } /*footer */ .footer-area .block .block-content, .footer-area .block .block-content .actions { margin: 0px; } #footer .block .block-title { margin: 0px 20px; } .footer-area .block-tags .block-content .tags-list li { margin-top: 10px; } #footer #block_4.footer-area ul { padding: 0; background: none; width: auto; } .footer_top #block_1 p { padding-left: 0px; text-align: center; } .footer_top #block_1 p + p { width: auto; padding: 0px 12%; } #footer .block { margin-bottom: 0px; } .footer .mobile_togglemenu { display: none; } .footer_top li.address, .footer_top li.phoneno, .footer_top li.email { padding: 0px 20px 10px; } .footer_top li.address { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -10px -550px rgba(0, 0, 0, 0); clear: both; } .footer_top li.phoneno { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -10px -480px rgba(0, 0, 0, 0); clear: both; } .footer_top li.email { background: url("https://www.voicex.com.au/skin/frontend/default/voicex/images/sprite.png") no-repeat scroll -10px -514px rgba(0, 0, 0, 0); clear: both; } #footer h6 { font-size: 16px; } /* end of footer */ .header-cart .block-content { top: 37px; left: 0 } .header-right { margin-left: -100px; padding-left: 110px; } .content-binder { padding: 0 10px; } .welcome-left-col h2 { font-size: 29px; } .welcome-sub-title h3 { font-size: 14px; line-height: normal; padding-bottom: 12px; } .welcome-left-col { left: 0; right: 0; position: relative } .welcome-right-col { display: none; } .main { margin-bottom: 10px; } #footer .footer-area { width: 100%; } .long-description dd { float: right; height: auto; padding: 0 10px; width: 97%; } .long-description h3 dd { float: right; height: auto; margin: 10px 18px 10px 21px; padding: 0; width: 97%; } #quick-window { /*left: 20px; right: 20px;*/ } #quick-window .product-img-box { width: 150px; } #quick-window .product-shop { margin-left: -150px; padding-left: 160px; } #quick-window { /*margin-left: 13px; width: 290px; left: 91px;*/ } .about-right-banner { float: right; width: 100%; } .about-right-banner img { width: 100%; } .message-right-col { float: left; margin-left: 0; padding-left: 0; width: 100%; } .message-left-col { float: left; position: relative; width: 100%; z-index: 1; } .contet-detalis-lt { float: left; width: 100%; } .contet-detalis-lt2 { float: left; width: 52%; } .conte-details li { border-right: 1px solid #eeeeee; float: left; margin: 0; padding: 0; width: 100%; } #contactForm .input-text { width: 100% !important; } .quick-contact .form-list li.fields .field { min-height: auto; } .checkout-onepage-index article .page-title { margin: 0 15px; width: 90%; } .checkout-onepage-index .col-right { margin: 0 10px; width: 93.7%; } #checkoutSteps { margin: 0 10px; } .opc .step { margin-bottom: -1px; padding: 15px 0 15px 2px; position: relative; } .opc .buttons-set p.required { margin: 0; padding: 0; display: inline-block; width: 100%; text-align: right; } #checkoutSteps .f-left { margin-right: 10px; padding-top: 10px !important; } #checkoutSteps .form-list li.fields .field { float: left; padding: 0 11px 15px; width: 93%; } .quick-contact .form-list li.fields .field { margin-right: 2%; padding-bottom: 7px; width: 100%; } .product-view .product-shop .product-name h1 { font-size:20px; } } @media only screen and (max-width: 640px) { .checkout-onepage-index .col-right { margin: 0 10px; width: 97%; } } @media only screen and (max-width: 639px) { .toolbar-top .toolbar .pager .pager_left:before, .toolbar-top .toolbar .pager .pager_left:after, .toolbar-top .toolbar .pager .pager_right:before, .toolbar-top .toolbar .pager .pager_right:after { content: ''; display: table } .toolbar-top .toolbar .pager .pager_left:after, .toolbar-top .toolbar .pager .pager_right:after { clear: both } .toolbar-top .toolbar .pager .pager_left, .toolbar-top .toolbar .pager .pager_right { zoom: 1; } .toolbar-top .toolbar .pager .pager_left, .toolbar-top .toolbar .pager .pager_right { float: none; } .toolbar-top .toolbar .pager .pager_left { padding-bottom: 10px; } .footer-newsletter-block, .footer-conact-block { width: 100%; padding: 0 } .cart .cart-left-col .qty { width: 40px; } .cart .data-table thead { display: none; } .cart .data-table tbody { display: table-cell; width: 100%; } .cart .data-table tbody tr { border: 1px solid #ccc; display: block; margin-bottom: 10px; } .cart .data-table tbody td { display: block; text-align: left !important; padding: 5px 10px; border: 0 none; } .cart .data-table tbody td:nth-child(1) { float: left; } .cart .data-table tbody td:nth-child(2) { overflow: hidden; } .cart .data-table tbody td:nth-child(3) { width: 100%; clear: both; } .cart-table .btn-update, .cart-table .btn-empty { margin: 5px 0 0; width: 100%; } .cart-table .btn-continue, .cart .title-buttons .checkout-types, .cart .title-buttons .checkout-types button.button { width: 100%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .form-list li.wide .input-box { width: 260px; } .form-list li.wide input.input-text { width: 250px; } .description-box { padding: 10px 15px 0px; line-height: 18px; } .image-hover-block { top: 10%; } .day { width: 10%; font-size: 11px; } .name, .comment { padding-left: 4px; } .product-view .product-img-box .product-image-zoom { position: relative; width: 100%; min-height: 420px; margin-top: 10px; overflow: hidden; z-index: 9; } .box-account .col2-set .col-2 { width: 100%; float: right; } } @media only screen and (max-width: 567px) { .form-list .field, .form-list .input-box, .form-list li.wide .input-box { width: 100% !important; } #additional-carousel .slider-item { width: 89px; } /* .col-breadcrumbs { border:0; } .col-breadcrumbs .breadcrumbs { display:none; } */ .checkout-onepage-index .col-right { margin: 0 10px; width: 96%; } .catalog-product-view .product-shop select, .product-shop input.input-text, .product-shop textarea { float: left; width: 70%; } .customer-account-index .sidebar .block .block-title:before, .block-layered-nav .block-subtitle:before { right: 0px; } .long-description img { width: 100%; height: auto; } .fs-dial { padding-bottom: 0; } .product-view .product-shop .availability { text-align: left; } .cart .discount input.input-text { border: 1px solid #cecece; float: left; height: 35px; margin-left: 10px; margin-right: 10px; width: 29%; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { color: #000; font-size: 18px; } .cart .totals tfoot td .price { color: #000; font-size: 18px; font-weight: bold; line-height: 18px; } #checkoutSteps .selector span { width: 89% !important; padding: 0 25px 0 10px; margin-bottom: 10px; } #checkout-payment-method-load #payway_api_cc_type_exp_div .v-fix { float: left; padding: 0 15px 0 0; width: 41%; } .tool-tip-content > img { width: 100%; } .padder h6 { display: block; padding: 9px 12px 11px; margin-bottom: 10px; line-height: 25px; font-size: 12px; text-transform: uppercase; } .cart .discount input.input-text { border: 1px solid #cecece; float: left; height: 35px; margin-bottom: 10px; margin-left: 0; margin-right: 10px; width: 100%; } .discount > h2 { width: 100%; } .my-account .tm_responsive_container .view-order-link { margin-right: 10px; } .products-grid button.btn-cart span span { font-size: 12px; font-weight: bold; } .box-account .col2-set .col-2 { float: right; width: 100%; } .my-account .buttons-set { clear: none; float: none; } .my-account .buttons-set button.button { float: right; margin-left: 0; } .my-account .pager .amount { float: right; margin-top: 5px; } .review-customer-index .my-account .pager .amount { float: left; margin-top: 5px; } .tm_responsive_row label, .tm_responsive_row span a { /*color: #808080; font-size: 14px; font-weight: bold; margin-bottom: 7px; text-decoration: none; margin-right: 10px;*/ } .my-account .pager .amount { display: none; } .review-customer-index .my-account .pager .amount{ display:block;} } /* Landscape phones and down */ @media only screen and (max-width: 479px) { .captcha-img-holder { /*height: 50px;*/ } .account-login .buttons-set { float: right; margin: 0; } #my-reviews-table td.last a { float: none; } #my-reviews-table td.last a:hover { float: none; } .product-review .product-img-box { float: left; width: 100%; } .product-review .product-details { margin-left: 0; } .my-account .tm_responsive_container .view-order-link { margin-right: 10px; } .product-view .product-img-box .product-image-zoom { position: relative; width: 100%; margin-top: 10px; overflow: hidden; z-index: 9; } ul.tabbernav li { display: inline; margin: 0px; } .form-list input.input-text, .form-list li.wide textarea, .form-list select, .tm_responsive_row select, .product-view .box-tags .form-add input.input-text { width: 90% !important; } .quickcontact-index-index .form-list select { width: 100% !important; } #login-form .form-list input.input-text { width: 100% !important; } .checkout-onepage-index .col-right { margin: 0 10px; width: 94%; } .header-cart .right_arrow { display: none; } .checkout-progress { padding: 0 50px; } .checkout-progress li { width: 100%; margin: 0 0px 5px 0; } .cart_mini_right .price { display: none; } .tm_responsive_row label, .tm_responsive_row span { width: 100%; margin: 0 0px 5px 0; } .cart-cols .form-list .tm_responsive_row input.input-text.qty { width: 40px; } .tm_responsive_row { overflow: visible; display: inline-block; width: 100%; padding: 0; } #co-shipping-method-form .buttons-set .button { float: right; margin-right: 10px; margin-top: 0; } .tm_responsive_row span .separator { display: none; } .gift-messages-form .item .details { margin-left: 0; margin-top: 15px; } .product-view .product-img-box { width: 271px; } .product-view .product-img-box .product-image img { width: 100%; } .email-addto-box .email-friend { float: left; margin-bottom: 8px; } .googlemap iframe { width: 100% !important; } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { width: 100%; margin-bottom: 10px; } .my-wishlist textarea { width: 90%; } #my-tags-table td, #my-reviews-table td { display: block; } .additional-carousel .slider-item .product-block img { margin: 0 auto; text-align: center; display: block; width: 100%; } .product-view .product-shop .availability { text-align: left; width: auto; line-height: 26px; } #opc-login .step .buttons-set p.required { margin: 0; padding: 0; float: left; } #product-review-table .nobr { white-space: normal !important; } #product-review-table td, .data-table thead th { padding: 5px 3px; } #product-review-table { margin: 10px 0; max-width: 280px !important; } .buttons-set .back-link { margin-bottom: 10px; margin-right: 10px; } .buttons-set button.button { float: left; margin-left: 0; } .checkout-onepage-index .opc .buttons-set button.button { float: right; margin-left: 0; } .pager .limiter { margin-bottom: 10px; } .products-list li .list-right { width: 100%; } .blog_main .product-carousel li.first_item_tm .product-block { margin: 0px; } .product-carousel li .product-block-inner a.product-image img, .products-grid li .product-block-inner a.product-image img { max-width: 100%; height: auto; } .sbToggle { width: 17px; } .outer { margin-right: 0px; } .row { padding: 35px 10px 35px 65px; } .product-collateral { margin-bottom: 0px; } .padder { padding-bottom: 0px; } ul.tabbernav li a { font-size: 15px; } .tabbernav + .tabs { margin: 30px 0 0; } .footer_top #block_1 p + p { padding: 0 7%; } .send-friend .buttons-set { float: left; } .footer_copyright { margin-bottom: 10px; } .footer_copyright, .footer_bottom address { float: none; text-align: center } .footer-promotion-logos img:first-child { margin-right: 0; padding-bottom: 10px; } #quick-window { /*margin-left: 13px; width: 250px; left: 21px;*/ } .toolbar .pager .pager_left:before, .toolbar .pager .pager_right:before, .toolbar .pager .pager_left:after, .toolbar .pager .pager_right:after { content: ''; display: table } .toolbar .pager .pager_left:after, .toolbar .pager .pager_right:after { clear: both } .toolbar .pager .pager_left, .toolbar .pager .pager_right { float: none; zoom: 1; } .toolbar .pager .pager_left { padding-bottom: 10px; } .product-view .product-options-bottom .btn-cart { float: left; margin: 10px 8px 8px; } #featured-products .products-grid li.item, .col-main .slider-item { width: 100%; } #newproducts .products-grid li.item, .col-main .slider-item { width: 100%; } #bestseller .products-grid li.item, .col-main .slider-item { width: 100%; } .products-grid li.item, .col-main .slider-item { width: 100%; } .cart-empty { margin: 0 12px; width: 95%; font-size: 12px; } .order-items .tm_responsive_row { float: left; overflow: visible; width: 100%; } .order-items .tm_responsive_row Subtotal { border-bottom: none 0px; float: left; overflow: visible; } .form-list #current_password { border: 1px solid #d7d7d7; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 35px; width: 97% !important; } .product-options-bottom .btn-cart { width:100%; } .product-view .product-shop .price-box { width:100%; } } @media only screen and (max-width: 359px) { .order-items .tm_responsive_row { float: left; overflow: visible; width: 100%; } .order-items .tm_responsive_row Subtotal { border-bottom: none 0px; float: left; overflow: visible; } .opc .step-title h2 { font-size: 13px; padding: 14px 0 10px; } .nav-responsive span { display: none; } .nav-responsive .expandable { margin-right: 10px; } .home-discover h2 { font-size: 20px; line-height: 28px; } .cart .cart-left-col .qty { width: 40px; } .catalog-category-view .col-main .category-description-short-top.std p { padding-bottom: 10px; color: #5b5b5b; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { color: #000; font-size: 15px; } .cart .totals tfoot td .price { color: #000; font-size: 15px; font-weight: bold; line-height: 18px; } .shipping-form .selector span { font-size: 12px; } .cart-collaterals { float: left; margin-left: 0; margin-right: 20px; width: 97%; } .footer-container { position: relative; bottom: 0; left: 0; right: 0; } .product-view .refresh-captcha { height: 49px; } } /* Mobile Landscape Size to Mobile Portrait (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { } @media only screen and (max-width: 319px) { .header-cart .right_arrow { padding: 0; background: none; } .cart .discount .input-box { width: 100% !important; } #footer .block-subscribe input.input-text, .form-list textarea, .cart .discount input.input-text { width: 95%; } .checkout-progress { padding: 0 10px; } .opc .step { padding: 15px 15px; } .product-view .product-img-box, .product-view .product-img-box .product-image img { width: 100%; } .product-view .product-shop .add-to-links li { display: block; margin-bottom: 8px; } .product-view .product-shop .availability { float: none; text-align: left; } .my-wishlist .buttons-set button.button { margin: 5px 0; text-align: left; } #product-review-table thead { display: none; } .form-language .sbHolder, .tm_top_currency .sbHolder { float: none; text-align: center; padding: 0; } .form-language .sbHolder .sbToggle, .tm_top_currency .sbHolder .sbToggle { display: none; } .category-products .products-grid li.first_item_tm .product-block-inner { padding: 0px; } ul.tabbernav li a { font-size: 14px; padding: 0 0 5px; } .products-list li .list-center { padding-right: 10px; } } @media only screen and (max-width:240px) { } .main a { color: #ec1a23; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .main a:hover { color: #303030; } .product-name a:hover { color: #ea1b23; } input, button, textarea, select { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 0 !important; -webkit-border-radius: 0 !important; } input:focus, textarea:focus, select:focus { outline: none; border-color: #ec1a23 !important; } input.error, select.error, textarea.error { outline: none; border-color: #ec1a23 !important; } /* Checkbox And Radio Buttons */ label { position: relative; } input[type="checkbox"] { display: none; margin: 0 10px 0 0; width: 16px; height: 16px; } input[type="checkbox"] + label { padding-left: 30px !important; cursor: pointer; } input[type="checkbox"] + label:before { position: absolute; top: 0; left: 0; z-index: 8; border: 2px solid #c1c1c1; height: 20px; width: 20px; z-index: 8; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="checkbox"] + label:after { width: 20px; height: 20px; text-align: center; line-height: 24px; display: block; content: "\f00c"; color: #ec1a23; font-size: 13px; font-family: "FontAwesome"; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: -1px; left: 0; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="checkbox"]:checked + label:before { border: 2px solid #ec1a23; } input[type="checkbox"]:checked + label:after { opacity: 1 !important; } input[type="radio"] { display: none; margin: 0 10px 0 0; width: 16px; height: 16px; } input[type="radio"] + label { padding-left: 30px !important; cursor: pointer; } input[type="radio"] + label:before { content: ''; position: absolute; z-index: 8; border-radius: 250px; border: 2px solid #b5b5b5; height: 16px; width: 16px; z-index: 8; top: 0; left: 0; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="radio"] + label:after { content: ''; width: 6px; height: 6px; background: #ec1a23; border-radius: 250px; line-height: 24px; display: block; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 5px; left: 5px; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="radio"]:checked + label:before { border: 2px solid #ec1a23; } input[type="radio"]:checked + label:after { opacity: 1 !important; } .product-options input[type="radio"] + span label { padding-left: 25px !important; cursor: pointer; } .product-options input[type="radio"] + span label:before { content: ''; position: absolute; z-index: 8; border-radius: 250px; border: 2px solid #b5b5b5; height: 16px; width: 16px; z-index: 8; top: 0; left: 0; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-options input[type="radio"] + span label:after { content: ''; width: 6px; height: 6px; background: #ec1a23; border-radius: 250px; line-height: 24px; display: block; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 5px; left: 5px; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-options input[type="radio"]:checked + span label:before { border: 2px solid #ec1a23; } .product-options input[type="radio"]:checked + span label:after { opacity: 1 !important; } .product-options input[type="checkbox"] + span label { padding-left: 30px !important; cursor: pointer; } .product-options input[type="checkbox"] + span label:before { position: absolute; top: 0; left: 0; z-index: 8; border: 2px solid #c1c1c1; height: 20px; width: 20px; z-index: 8; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; box-sizing: border-box; display: block; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-options input[type="checkbox"] + span label:after { width: 20px; height: 20px; text-align: center; line-height: 24px; display: block; content: "\f00c"; color: #ec1a23; font-size: 13px; font-family: "FontAwesome"; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: -1px; left: 0; z-index: 8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .product-options input[type="checkbox"]:checked + span label:before { border: 2px solid #ec1a23; } .product-options input[type="checkbox"]:checked + span label:after { opacity: 1 !important; } /* Login */ .form-list input.input-text { border-radius: 0; height: 40px; font-family: 'latoregular'; } .form-list label { font-size: 14px; font-weight: normal; color: #000; } .account-login, .account-create { width: 100%; margin: 0; } .account-login .buttons-set, .account-create .buttons-set { padding: 0; } .account-login .registered-users .buttons-set { float: none; } .account-login .new-users, .account-login .registered-users { box-shadow: 0 0px 8px rgba(0,0,0, 0.1); position: relative; } .account-login .content p { margin: 0 0 15px; padding: 0; } .account-login .content { min-height: 310px; position: relative; z-index: 9; padding: 15px; } .account-login .new-users:after { background-image: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/login-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0px 20px; display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; } .account-login .new-users .buttons-set { position: absolute; bottom: 15px; right: 15px; } .account-create .captcha-warning { padding-top: 0; } .content-binder.forgot-password, .content-binder.reset-password { padding: 0; width: 100%; } .account-login .page-title h1, .account-create .page-title h1, .forgot-password .page-title h1, .reset-password .page-title h1 { font-size: 30px; margin-bottom: 0; border-bottom: 0 none; } .account-login .page-title h1 { text-align: left; } .account-login h2, .account-create h2, .forgot-password h2, .reset-password h2 { border-bottom: solid 3px #ec1a23; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 15px; margin: 0 0 15px; } .forgot-password .fieldset p, .reset-password .fieldset p { padding: 0 15px; } .account-login .buttons-set button.button, .account-create .buttons-set button.button, .forgot-password .buttons-set button.button, .reset-password .buttons-set button.button { margin: 0; } .account-login .buttons-set .button span, .account-create .buttons-set .button span, .forgot-password .buttons-set .button span, .reset-password .buttons-set .button span { border-radius: 0; background: #ec1a23; } .account-login .buttons-set .button:hover span, .account-create .buttons-set .button:hover span, .forgot-password .buttons-set .button:hover span, .reset-password .buttons-set .button:hover span { background: #303030; border-radius: 0; } .account-create form, .forgot-password form, .reset-password form { width: 100%; margin: 0 auto; display: block; box-shadow: 0 0px 8px rgba(0,0,0, 0.1); } .account-create .tm-checkbox { vertical-align: top; } .account-create .fieldset, .forgot-password .fieldset, .reset-password .fieldset { margin: 0; } .account-create .form-list, .forgot-password .form-list, .reset-password .form-list { padding: 15px; margin: 0 -15px; } .account-create .form-list .field, .forgot-password .form-list .field, .reset-password .form-list .field { width: 50%; padding: 0 15px; margin: 0; } .reset-password .form-list .field { clear: both; } .account-create .form-list .input-box, .forgot-password .form-list .input-box, .reset-password .form-list .input-box { width: 100%; } .account-create .captcha-outer, .account-create .form-list .control { padding: 0 15px; } .account-create .form-list .control label { padding-top: 3px } .account-create .buttons-set { padding: 25px 15px 15px; margin: 0; float: none; } .forgot-password .buttons-set, .reset-password .buttons-set { float: none; padding: 15px; margin: 0; } .forgot-password .buttons-set, .reset-password .buttons-set { width: 50%; } .reset-password .buttons-set .required { float: left; margin: 0; } .customer-account-forgotpassword .form-list input.input-text { width: 100%; } /* My Dashboard */ .my-account .data-table thead th { color: #303030; } #my-orders-table .nobr a { font-weight: normal; color: #ec1a23; background: none; text-transform: none; margin: 0; text-decoration: none; } #my-orders-table .nobr a:hover { font-weight: normal; color: #303030; } .my-account .box-account h2:before { height: 2px; width: 40px; z-index: 1; } .my-account .box-account h2:after { content: ''; background: #dedede; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; } .my-account .page-title h1, .my-account .page-title h2 { font-size: 32px; color: #303030; text-transform: none; } .my-account .box-account h2 { padding-bottom: 10px; text-transform: none; } .my-account .dashboard .welcome-msg .hello { color: #303030; } .my-account .data-table td { color: #303030; } .my-account .box-recent { border: solid 2px #dedede; padding: 0; } .my-account .box-info .col2-set { border: solid 2px #dedede; padding: 10px; } .my-account .data-table thead tr th:first-child { border-left: 0 none; } .my-account .data-table thead tr th { border: 0 none; } .my-account .data-table thead tr th:last-child { border-right: 0 none; } .my-account .box-recent .box-head { padding: 10px; } .my-account .box-recent .table-outer { padding: 0 10px; } .my-account .box-recent .box-head a, .my-account .address-book-title-outer .manage-address-link { background: #ec1a23; line-height: normal; margin: 0; padding: 7px 15px; font-family: 'Montserrat', sans-serif; } .my-account .box-recent .box-head a:hover, .my-account .address-book-title-outer .manage-address-link:hover { background: #303030; } .my-account .box-account { color: #303030; } .my-account .dashboard .box .box-title h3, .my-account .dashboard .box-info h4 { text-transform: none; } .my-account .box-account a { color: #ec1a23; font-weight: normal; } .my-account .box-account a:hover { font-weight: normal; color: #303030; } .sidebar .block-account .block-title:before { display: none; } .sidebar .block-account .block-title { background: #ec1a23; padding: 10px; position: relative; } .sidebar .block-account .block-title:after { display: block; content: ""; position: absolute; bottom: 0; left: 13px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #303030 transparent; } .sidebar .block.block-side-nav-container .block-title:before { display: none; } .sidebar .block.block-side-nav-container .block-title, .sidebar .block-layered-nav dt { background: #ec1a23; padding: 10px; position: relative; color: #fff; font-size: 18px; line-height: 24px; } .sidebar .block.block-side-nav-container .block-title:after, .sidebar .block-layered-nav dt:after { display: block; content: ""; position: absolute; bottom: 0; left: 13px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #303030 transparent; } .sidebar .block .block-content { background: #ebebeb; margin: 0; } #category-treeview li a, .block .block-content li a, #recently-viewed-items a, .block-brand-nav li a { padding: 15px 10px; text-transform: none; font-weight: normal; font-size: 15px; color: #333333; line-height: 19px; } #category-treeview .hitarea { margin: 15px 10px 0 0; } .block-layered-nav dd, #narrow-by-list .Brands.odd li { padding: 0; } .block.block-layered-nav .block-content li a { display: block; } #category-treeview li a:hover { color: #ec1a23; } .sidebar .block.block-account .block-content li a, .sidebar .block-account .block-content li.current strong { padding: 10px 10px; line-height: 19px; text-transform: none; font-weight: normal; font-size: 15px; width: 100%; float: left; } .sidebar .block.block-account .block-content li { border-bottom: solid 1px #fff; width: 100%; float: left; } .sidebar .block.block-account .block-content { border-bottom: 0 none; padding: 0; } .sidebar .block.block-account .block-content li a:hover, .sidebar .block-account .block-content li.current strong { background: #303030; width: 100%; color: #fff; } .my-account .page-title { position: relative; border-bottom: 1px solid #dedede; margin-bottom: 16px; padding-bottom: 10px; margin-top: 0; } .my-account .page-title:before { content: ''; position: absolute; bottom: 1px; left: 0; border-bottom: solid 1px #dedede; width: 100%; } .col-left .block-account .block-content li.current { padding: 0 !important; } .order-items h2, .order-items h3 { font-weight: 600; padding: 10px 10px 0; color: #303030; font-size: 18px; } #my-reviews-table td { line-height: normal; } .fieldset .legend { text-transform: none; border-bottom: 1px solid #dedede; color: #303030; } .my-account input, .my-account input.input-text, .my-account textarea, .my-account .form-list #current_password { border: 1px solid #dedede; border-radius: 0; height: 40px; } .monkey-customer-account-index .my-account input[type="checkbox"] { display: inline-block; float: left; height: auto; margin-top: 6px; } .my-account .data-table#my-orders-table tbody td:nth-child(3) { width: 160px; } .customer-address-form .my-account .selector span { border: 1px solid #dedede; border-radius: 0; height: 40px; width: 100% !important; line-height: 40px; } .my-account .form-list label { font-size: 14px; color: #000; font-weight: normal; } .my-account button.button span { background: #ec1a23; border-radius: 0; font-weight: normal; } .my-account button.button span span, .my-account button.button span span:hover { background: none; } .my-account button.button span:hover { background: #303030; } .my-account .tm-checkbox { float: left; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { border: solid 2px #dedede; width: 100%; margin-bottom: 20px; } .my-account .addresses-list li.item { width: 50%; float: left; border: 0 none; padding: 0 15px; margin: 0 0 15px; } .my-account .addresses-list h2 { border-bottom: solid 2px #ec1a23; padding: 15px; } .my-account .data-table .even { background: #efefef; } .account-login .content h2, .fieldset .legend, .box-account .addresses-list h2, .multiple-checkout h2, .checkout-onepage-success h2, .order-info-box h2, .sales-order-print .col2-set h2 { color: #303030; text-transform: none; font-weight: bold; font-size: 16px; border-bottom: solid 2px #ec1a23; } .checkout-onepage-success .buttons-set { padding: 0; } .checkout-onepage-success .buttons-set button.button { margin: 0; } .checkout-onepage-success .buttons-set button.button span { font-size: 14px; } .order-info { background: #ebebeb; border-radius: 0; } .order-info-box, .sales-order-print .col2-set, .order-items { border: solid 2px #ebebeb; padding: 10px; } .order-items { margin-bottom: 20px; padding: 0; } .link-reorder, .link-print { color: #ec1a23; } .link-reorder:hover, .link-print:hover { color: #303030; } .my-account .product-name { color: #303030; line-height: 20px; } .box-content p, .box-content address { font-size: 16px; line-height: 28px; } .my-account .order-items.order-details .data-table { border: 0 none; } .back-link a { background: #ec1a23; border-radius: 0; font-weight: normal; line-height: 27px; color: #fff; padding: 5px 20px; } .back-link a:hover { background: #000; border-radius: 0; color: #fff; } .back-link a small { display: none; } .addresses-list h2, .addresses-list h3 { color: #303030; text-transform: none; } .addresses-list address { font-size: 15px; color: #303030; } .addresses-list a { color: #fff; background: #303030; display: inline-block; padding: 5px 15px; height: auto; line-height: normal; text-transform: uppercase; margin-top: 10px; font-family: 'Montserrat', sans-serif; } .addresses-list a:hover { color: #fff; background: #ec1a23; } .my-account .box-info .col2-set .box-content p a.edit-link { color: #fff; background: #ec1a23; display: inline-block; padding: 7px 15px; height: auto; line-height: normal; text-transform: uppercase; text-decoration: none; margin-top: 8px; font-family: 'Montserrat', sans-serif; } .my-account .box-info .col2-set .box-content p a.edit-link:hover { color: #fff; background: #000; } .my-account .form-list #current_password { width: 48%; display: block; } .my-account .buttons-set { padding: 5px 0; } .customer-address-form .my-account .form-list li.wide .input-box { width: 48%; } .customer-address-form .my-account .form-list li.wide input.input-text { width: 100% !important; } .selector span { text-align: left; } .selector:before { content: ''; position: absolute; right: 10px; top: 12px; width: 11px; height: 6px; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/top-bar-select-arrow.png) no-repeat 0 0; z-index: 1; } .catalog-category-view .selector:before { top: 16px; } .quick-contact .selector:before, .my-account .form-list .input-box .selector:before, .cart .form-list .input-box .selector:before { top: 18px; } .quickcontact-index-index .quick-contact .selector span { font-size: 14px; height: 40px; line-height: 38px; } .my-account .pager .limiter .selector { margin-bottom: 0; } .my-account .pager { padding: 10px 0; } .my-account .pager .amount { text-transform: none; } .my-account .pager .amount strong { font-weight: normal; } .my-account .pager .limiter label { font-weight: normal; margin-top: 3px; } .my-account .pager .limiter { margin-right: 0; width: 153px; } .my-account .pager .limiter .selector { width: 50px !important; } #my-reviews-table td.last a, #my-reviews-table td.last a:hover { font-weight: normal; } .my-account .product-review .product-img-box .product-image { width: auto; height: auto; } .my-account .product-review .product-details { margin-left: 150px; } .my-account .product-review .buttons-set { margin-top: 10px !important; padding-top: 10px; } .container, .cms-page-view .container, .quickcontact-index-index .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .page-title h1, .page-title h2 { font-size: 30px; text-transform: none; font-family: 'latobold'; color: #303030; } /* FAQ */ #faq dl span { font-size: 16px; background: #ebebeb; border-bottom: 2px solid #fff; padding: 10px; } #faq dl span:before { background: none; content: '\f067'; font-family: 'FontAwesome'; color: #ec1a23; } #faq dl span.active:before { background: none; content: '\f068'; font-family: 'FontAwesome'; color: #ec1a23; } #faq dd { border: solid 1px #ebebeb; padding: 10px; margin-top: -2px; margin-bottom: 10px; } /* Contact Us */ .quick-contact .conte-details { border-bottom: solid 1px #dedede; padding-bottom: 15px; margin-bottom: 15px; } .quick-contact .contet-detalis-lt { width: 50%; padding-left: 20px; } .quick-contact .contet-detalis-lt:first-child { padding-left: 0; } .quick-contact .contet-detalis-lt2 { width: 33.33%; border-right: solid 1px #fff; position: relative; background: rgba(202,202,202, 0.2); padding: 20px 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; min-height:140px; } .quick-contact .contet-detalis-lt2:hover { background: rgba(0,0,0, 0.9); color: #fff !important; } .quick-contact .contet-detalis-lt2:hover p a { color: #fff; } .quick-contact .contet-detalis-lt2:last-child { border: 0 none; } .quick-contact .conte-details ul { margin: 0; } .quick-contact .conte-details li { width: 16.6%; padding: 50px 10px 40px; position: relative; text-align: center; } .quick-contact .conte-details li:before { content: '\f041'; font-family: 'FontAwesome'; font-size: 30px; position: absolute; left: 0; right: 0; top: 20px; } .quick-contact .conte-icon1, .quick-contact .conte-icon2 { padding: 0 20px !important; clear:both; } .quick-contact .conte-details li strong { text-transform: none; font-weight: normal; font-family: 'latobold'; } .quick-contact form { width: 100%; float: left; box-shadow: 0 0px 8px rgba(0,0,0, 0.1); padding: 0 10px; } .quick-contact .conte-details p { background: none; position: relative; } .quick-contact .conte-details p a { color: #303030; } .quick-contact .conte-details p a:hover { color: #ec1a23; } .quick-contact .conte-details .conte-icon1:before, .quick-contact .conte-details .conte-icon2:before { content: '\f095'; font-family: 'FontAwesome'; color: #303030; font-size: 20px; position: absolute; left: 0; } .quick-contact .conte-details .contet-detalis-lt2:hover .conte-icon1:before, .quick-contact .conte-details .contet-detalis-lt2:hover .conte-icon2:before { color: #fff; } .quick-contact .contet-detalis-lt strong { text-transform: none; font-size: 15px; font-weight: normal; font-family: 'latobold'; } .quick-contact h1 { color: #303030; text-transform: none; border-bottom: 2px solid #ec1a23; } .quick-contact input.input-text { height: 40px; } .quick-contact .form-list .input-box { width: 100%; } .quick-contact .message-right-col { float: left; margin-left: 0; padding-left: 0; width: 66%; } .quick-contact .message-left-col { float: right; position: relative; width: 34%; z-index: 1; padding-left: 20px; margin-top: 25px; } .quick-contact .button-set { margin-top: 0; clear: both; display: inline-block; width: 100%; } .quick-contact .button-set #new-loader1 { width: 30px; margin: 10px auto 0; float: none; } .quick-contact p.required { width: 100%; margin: 0; padding: 10px 0; text-align: right; color: red; font-weight: normal; } .quick-contact button.button { width: 100%; border-radius: 0; font-weight: normal; background: #ec1a23 !important; } .quick-contact button.button:hover { font-weight: normal; background: #303030 !important; } .quick-contact .captcha-warning { padding: 0 0 5px; } .quick-contact .message-left-col .input-box { margin: 0; } .quick-contact .refresh-btn { margin: 0; } .quick-contact .capctha-inputs { margin: 0; } .quick-contact .message-left-col .input-box { margin: 0; } .quick-contact .message-box label, .quick-contact .form-list label { font-size: 14px; color: #000; font-weight: normal; } .quick-contact .conte-details li { border-right: solid 1px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; position: relative; background: rgba(202,202,202, 0.2); } .quick-contact .conte-details li:hover { background: rgba(0,0,0, 0.9); color: #fff !important; } .quick-contact .conte-details li:hover p a { color: #fff; } .quick-contact .conte-details li:last-child { border-right: 0 none; } /* CMS */ .cms-page-view p, .cms-page-view strong { color: #303030; font-size: 14px; } .cms-page-view strong { font-weight: normal; font-family: 'latobold'; font-size: 15px; } .cms-page-view .main-container ul { padding: 0; } .cms-page-view .main-container ul li { list-style: none; position: relative; padding: 0 0 0 15px; } .cms-page-view .main-container ul li:before { content: '\f105'; font-family: 'FontAwesome'; color: #ec1a23; position: absolute; left: 0; font-size: 18px; } .cms-page-view .main-container ul li li { list-style: inherit; padding: 0; } .cms-page-view .main-container ul li li:before { display: none; } .cms-page-view .about-right { float: right; margin-left: 20px; } .cms-page-view .img { border: solid 1px #dedede; padding: 10px; display: inline-block; } .cms-page-view .std a, .cms-page-view .std a strong { color: #ec1a23; font-weight: normal; } .cms-page-view .std a:hover, .cms-page-view .std a:hover strong { color: #aeaeae; font-weight: normal; } .cms-page-view .img-left { float: left; margin: 0 30px 30px 0; } .cms-page-view .img-right { float: right; margin: 0 0 30px 30px; } .view-sidebar-link-wrapper { display: none; } /* Default Messages */ .messages { position: fixed; top: 0; left: 0; text-align: center; color: #fff; z-index: 999; background: rgba(0, 0, 0, 0.8); right: 0; bottom: 0; margin: 0 !important; font-family: 'latobold'; } .messages li li { position: relative; margin-bottom: 5px; background: #f4f4f4; font-size: 15px; padding: 110px 20px 80px 20px; width: 300px; position: absolute; left: 50%; margin: -128px 0 0 -150px !important; top: 50%; } .messages .success-msg li { background-color: #19731d; } .messages li li:before { content: "\f00c"; font: normal normal normal 74px/1 FontAwesome; position: absolute; display: block; border-right: none; left: 50%; top: 20px; margin-left: -37px; width: 75px; text-align: center; } .messages li li:after { content: 'Done'; display: block; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; text-transform: uppercase; text-align: center; background: #2da732; line-height: 60px; font-weight: 500; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .messages li li:hover:after { background: #229827; } .messages .error-msg li { background-color: #f45f63; } .messages .error-msg li:before { content: "\f00d"; } .messages .error-msg li:after { content: 'Try again'; background: #ad2c30; } .messages .error-msg li:hover:after { background: #7D0307; } .messages .notice-msg li { background-color: #EC7D56; } .messages .notice-msg li:before { content: "\f129"; } .messages .notice-msg li:after { content: 'Ok'; background: #a73911; } .messages .notice-msg li:hover:after { background: #6D2005; } .tooltipmessage { width: 50%; background-color: black; color: #fff; text-align: center; padding: 5px; border-radius: 6px; position: absolute; z-index: 1; cursor: pointer; } #quick-window h1 { background: #ec1a23; text-indent: 0; padding: 15px; float: left; width: 100%; font-weight: normal; font-size: 20px; color: #FFF; text-transform: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 17px; } #quick-window p.close, #quick-window p.close { position: absolute; right: 8px; top: 7px; color: #fff; margin: 0; } #quick-window p.close a, #quick-window p.close a { display: block; line-height: normal; background: #fff; padding: 8px 13px; font-weight: bold; font-size: 18px; } #quick-window p.close a:hover { background: #303030; color: #fff; } #quick-window ul { float: left; width: 100%; padding: 15px 15px 0; } #quick-window .buttons-set { float: left; width: 100%; padding: 0 15px 15px; margin: 0; } #quick-window .buttons-set p.required { margin: 0; float: left; line-height: normal; } #quick-window .buttons-set button.button { margin: 0; float: right; } #quick-window .form-list .field { width: 50%; padding: 0 15px 0 0; } #quick-window .form-list .field:last-child { padding-right: 0; } #quick-window .form-list .input-box { width: 100%; } #quick-window .form-list .input-box textarea { width: 100% !important; } .product-options { border: 1px solid #dddddd; padding: 0 8px; background: #fafafa; } .product-options dt { line-height: normal; } .product-view .product-options dt label.required { text-transform: none; color: #303030; font-weight: normal; padding: 18px 0 11px; margin: 0; font-size: 15px; font-family: 'latobold'; border-bottom: solid 1px #e1dfdf; display: block; } .product-options dd { padding: 0; margin: 0; } .product-options ul.options-list { margin: 0; } .product-options ul.options-list li { line-height: normal; padding: 19px 0 0; } .product-options ul.options-list label { color: #606060; display: block; } .product-options-bottom .add-to-cart .quantity, .product-view .add-to-box .quantity { position: relative; display: inline-block; width: 80px; height: 45px; } .product-options-bottom .add-to-cart .qty, .product-view .add-to-box .qty { height: 45px; background: none; width: 100%; border: solid 1px #d7d7d7; text-align: left; font-size: 16px; padding: 0 17px 0 8px; margin: 0; } .product-options-bottom .add-to-cart .quantity .minus, .product-view .add-to-box .quantity .minus { content: ''; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/qty-icons.png) no-repeat 0 -16px; width: 12px; height: 10px; border: 0 none; font-size: 0; position: absolute; right: 5px; bottom: 10px; cursor: pointer; } .product-options-bottom .add-to-cart .quantity .plus, .product-view .add-to-box .quantity .plus { content: ''; background: url(https://www.voicex.com.au/skin/frontend/default/voicex/images/qty-icons.png) no-repeat 0 0; width: 12px; height: 10px; border: 0 none; font-size: 0; position: absolute; right: 5px; top: 10px; cursor: pointer; } @media all and (max-width:1160px) { .mobile-account .col2-left-layout .col-main { padding-left: 285px; margin-left: -265px; } .mobile-account .col-left { width: 265px; } .my-account .dashboard .box .box-title h3, .my-account .dashboard .box-info h4 { font-size: 14px; } /* Contact Us */ .quick-contact { width: 100%; } /* CMS */ .cms-page-view .std { margin: 0; width: 100%; } .cms-page-view .page-title { width: 100%; margin: 0 0 16px; } .cms-page-view .about-us-main { margin: 0; padding: 0; width: 100%; } } @media all and (max-width:1023px) { .account-login .new-users, .account-login .registered-users { width: 100%; margin-bottom: 20px; } .account-login .content { min-height: inherit; } .account-login .new-users:after { background-size: 320px !important; background-position: center center !important; } .account-login .new-users .buttons-set { float: none; position: static; bottom: 0; right: 0; } .account-login .buttons-set button.button, .account-create .buttons-set button.button, .reset-password .buttons-set button.button { float: right; } .account-create .buttons-set .back-link { margin: 0; } .account-create form, .forgot-password form, .reset-password form { width: 100%; } .account-login .page-title h1, .account-create .page-title h1, .forgot-password .page-title h1, .reset-password .page-title h1 { text-align: left; } .mobile-account .col2-left-layout .col-main { padding-left: 0; margin-left: 0; } .mobile-account .col-left { width: 205px; } #my-reviews-table td { white-space: nowrap; } .my-account .page-title h1 { width: 100%; } /* Contact Us */ .quick-contact .conte-details li:last-child { border-right: 0 none; } .quick-contact .message-right-col { width: 100%; } .quick-contact .message-left-col { float: left; width: 100%; padding: 0; margin-top: 10px; } .quick-contact .button-set { float: right; clear: none; } .view-sidebar-link-wrapper { display: block; } .col-left .block-content { display: block !important; } .view-sidebar-link-wrapper { margin-bottom: 25px; } .view-sidebar-link-wrapper .view-sidebar-link { font-size: 18px; color: #fff; background: #ec1a23; padding: 10px 15px; display: inline-block; } .view-sidebar-link-wrapper .view-sidebar-link i { padding-right: 10px; } .view-sidebar-link-wrapper .view-sidebar-link:hover { color: #fff; } .sidebar .block { margin: 0; border: 0 none; } .sidebar .block .block-title strong { display: inline-block; } .col-left.sidebar { width: 250px; padding-right: 0; max-width: 250px; position: fixed; top: 0; left: -280px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 99; height: 100%; overflow-y: auto; -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -webkit-overflow-scrolling: touch; overflow-x: hidden; background: #fff; } .sidebar-open .col-left.sidebar { left: 0; } body.sidebar-open .page { overflow: hidden; height: auto; } body .page:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: block; content: ""; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: none; } .overlay2:before { content: ''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 9; background: rgba(0,0,0,0.8); content: ''; display: block; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); width: 100%; } body.sidebar-open .overlay2:before { transform: translateX(250px); -o-transform: translateX(250px); -webkit-transform: translateX(250px); opacity: 1; visibility: visible; } .toggle .mobile_togglecolumn { background: none; } .tm_responsive_group { width: 100%; background: none; border: 0 none; } .my-account .page-title h1, .my-account .page-title h2 { font-size: 22px; } } @media all and (max-width:979px) { .product-review .product-img-box { width: 100%; } .my-account .product-review .product-details { margin-left: 0; } } @media all and (max-width:767px) { .account-login .page-title h1, .account-create .page-title h1, .forgot-password .page-title h1, .reset-password .page-title h1 { font-size: 20px; } .page-title h1, .page-title h2 { font-size: 20px; } .mobile-account .col2-left-layout .col-main { margin-left: 0; padding-left: 0; } /* Contact Us */ .quick-contact .conte-details li { border: 1px solid #fff; width: 33.33%; } .quick-contact .contet-detalis-lt2 { border-right: 2px solid #fff; } .quick-contact .conte-details li strong { min-width: 100%; } /* CMS */ .cms-page-view .about-right, .cms-page-view .img-left, .cms-page-view .img-right { float: none; margin: 0 0 15px; text-align: center; } } @media all and (max-width:639px) { .forgot-password .buttons-set, .reset-password .buttons-set { width: 100%; } .forgot-password .buttons-set button.button { float: right; } .forgot-password .buttons-set .back-link { margin: 0; } .tm_responsive_group { margin: 0; padding: 0; } .tm_responsive_row span .separator { display: inline-block; width: auto; float: none; } .my-account .addresses-list li.item { width: 100%; } /* Contact Us */ .quick-contact .contet-detalis-lt2 { width: 100%; border: 0 none; border-bottom: solid 2px #fff; } .quick-contact .contet-detalis-lt { width: 100%; padding-left: 0; padding-top: 20px; } .quick-contact .contet-detalis-lt:first-child { padding-top: 0; } .quick-contact .message-left-col, .quick-contact .button-set { padding: 0; } .forgot-password .form-list .field, .reset-password .form-list .field { width: 100%; } .cart .btn-remove2, .cart .btn-edit { float: left; } .cart .btn-edit { margin: 0 0 0 15px; } #quick-window .form-list .field { width: 100%; padding: 0; } } @media all and (max-width:567px) { .my-account .form-list li.fields { margin: 0; } .my-account .form-list li.fields .field { padding: 0 0px 15px 0; } .form-list #current_password { width: 100% !important; } .form-list input.input-text { width: 100% !important; } .my-account .page-title h1, .my-account .page-title h2 { margin-bottom: 5px; } /* CMS */ .cms-page-view img { max-width: 100%; } } @media all and (max-width:479px) { #my-reviews-table td { white-space: inherit; } /* Contact Us */ .quick-contact .conte-details li { width: 50%; } .my-account .box-recent .box-head a, .my-account .address-book-title-outer .manage-address-link { margin-bottom: 10px; } .cart .form-list > li { width: 100%; padding: 0; } } .one-step-checkout .validation-advice { display: inline-block !important; width: auto !important; } #one-step-checkout-form .order-review-section .payment-method .sp-methods dt label, #one-step-checkout-form .order-review-info .onestepcheckout-terms-conditions label { display: block !important; float: none !important; } @media all and (max-width:374px) { .quick-contact .g-recaptcha iframe, .account-create .g-recaptcha iframe, #quick-window .g-recaptcha iframe { transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); } } /* ========cloud-zoom============*/ /* This is the moving lens square underneath the mouse pointer. */ /*.cloud-zoom-lens { border: 2px solid #888; margin:-2px; Set this to minus the border thickness. background-color:#fff; cursor:move; } */ /* This is for the title text. */ .cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; opacity:1 !important; } /* This is the zoom window. */ .cloud-zoom-big { border:2px solid #ebebeb; overflow:hidden; margin-left:15px; width:200px; height:250px; z-index:99999 !important; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .product-image .mousetrap { z-index:999999 !important; position:relative; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:10%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxTitle{position:absolute; bottom:17px;text-align:center; width:100%; color:#999999;} #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.voicex.com.au/skin/frontend/default/voicex/images/megnor/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .zoom-btn-small { background-color: rgba(255, 255, 255, 0.7); bottom: 0px; color: #333333; line-height: 2.6666em; padding: 0 1em; position: absolute; right: 0px; z-index: 100; display: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 Carousel - Auto Height Plugin */ .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 */ .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; } .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); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .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 img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .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; } /* 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 .owl-item img { transform-style: preserve-3d; } /* * 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.voicex.com.au/skin/frontend/default/voicex/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; } .owl-carousel .owl-video-play-icon:hover { } .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-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; } .owl-carousel .owl-item { float: left; } .logout-popup { display: none; } .logout-popup.open { display: block; }