/** * 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) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#496778 url(zzzzzz/skin/frontend/default/default/images/bkg_body.gif) 50% 0 repeat-y; font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; } img { border:0; vertical-align:top; } a { color:#1e7ec8; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#0a263c; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* 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; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { min-width:954px; } .page {} .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main-container { background:#fbfaf6 url(zzzzzz/skin/frontend/default/default/images/bkg_main1.gif) 50% 0 no-repeat; } .main { width:900px; margin:0 auto; min-height:400px; padding:25px 25px 80px; background:#fffffe url(zzzzzz/skin/frontend/default/default/images/bkg_main2.gif) 0 0 no-repeat; text-align:left; } /* Base Columns */ .col-left { float:left; width:195px; padding:0 0 1px; } .col-main { float:left; width:685px; padding:0 0 1px; } .col-right { float:right; width:195px; padding:0 0 1px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:475px; margin-left:17px; } .col3-layout .col-wrapper { float:left; width:687px; } .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-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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { border:0; padding:0; } button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.btn-checkout span { height:40px; border:0; background:url(zzzzzz/skin/frontend/default/default/images/btn_checkout.gif) 0 0 no-repeat; padding:0 0 0 9px; font:bold 15px/40px Arial, Helvetica, sans-serif; color:#fff; } button.btn-checkout span span { background-position:100% 0; padding:0 25px 0 16px; } button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; } button.btn-checkout.no-checkout span span { background-position:100% 100%; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; } /*.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; color:#666; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; 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:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .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; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.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:11px; font-weight:normal; color:#777; text-align:left; } .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; }*/ .buttons-set { clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(zzzzzz/skin/frontend/default/default/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; } .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* 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; } .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 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(zzzzzz/skin/frontend/default/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(zzzzzz/skin/frontend/default/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(zzzzzz/skin/frontend/default/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:bold; } /* Page Heading */ .page-title { width:100%; border-bottom:1px solid #ccc; margin:0 0 25px; } .page-title h1, .page-title h2 { margin:0; font-size:20px; color:#0a263c; } .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:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager { font-size:11px; background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_toolbar.gif) 0 100% repeat-x; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0 140px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { font-size:11px; background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_toolbar.gif) 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff; } .toolbar .sorter { border-bottom:1px solid #fff; } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; border:1px solid #bebcb7; } .data-table .odd { background:#f8f7f5 } .data-table .even { background:#eeeded; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:3px 8px; font-weight:bold; } .data-table td { padding:3px 8px; } .data-table thead th { font-weight:bold; border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; 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:url(zzzzzz/skin/frontend/default/default/images/bkg_th.gif) repeat-x 0 100% #d9e5ee; } .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 { background:url(zzzzzz/skin/frontend/default/default/images/bkg_tfoot.gif) 0 0 repeat-x; } .data-table tfoot tr { background-color:#dee5e8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; } .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:#f8f7f5 !important; } .data-table tbody.even tr { background:#f6f6f6 !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 { background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_block-title.gif) 0 0 repeat-x; 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(zzzzzz/skin/frontend/default/default/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(zzzzzz/skin/frontend/default/default/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 */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; 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 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .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-weight:bold; } .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-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { color:#dc6809 !important; font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { font-weight:bold; color:#dc6809 !important; } .link-compare { font-weight:bold; } .link-print { /*background:url(zzzzzz/skin/frontend/default/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(zzzzzz/skin/frontend/default/default/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(zzzzzz/skin/frontend/default/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(zzzzzz/skin/frontend/default/default/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(zzzzzz/skin/frontend/default/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(zzzzzz/skin/frontend/default/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } /* 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; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(zzzzzz/skin/frontend/default/default/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 { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ } /* 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 { float:left; } .header-container { border-top:5px solid #0d2131; border-bottom:1px solid #415966; background:url(zzzzzz/skin/frontend/default/default/images/bkg_header.jpg) 50% 0 repeat; } .header { width:930px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; } .header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; } .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 h1.logo { margin:0; } .header .quick-access { float:right; width:600px; padding:28px 10px 0 0; } .header .welcome-msg { margin:0; color:#fff; text-align:right; } .header .welcome-msg a { color:#ebbc58; } .header .form-search { position:absolute; top:0; right:29px; width:315px; height:30px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_form-search.gif) 0 0 no-repeat; padding:1px 0 0 16px; } .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text { float:left; border-color:#5c7989; width:209px; margin-right:4px; } .header .form-search button.button { float:left; } .header .form-search button.button span { border:0; height:21px; background:url(zzzzzz/skin/frontend/default/default/images/btn_search.gif) 0 0 no-repeat; padding:0 0 0 3px; font:bold 11px/21px Tahoma, Verdana, Arial, sans-serif; } .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; } .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .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:#f7e8dd; } .header .form-language { clear:both; padding:5px 0 0; text-align:right; } .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; } .header .form-language select { padding:0; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header .links { float:right; margin:0 0 6px; } .header .links li { float:left; font-size:11px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; } .header .links a { color:#ebbc58; } .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } .top-container .paypal-logo {text-align: left; display: inline-table;} /********** < Navigation */ .nav-container { background:#0a263d url(zzzzzz/skin/frontend/default/default/images/bkg_nav0.jpg) 50% 0 repeat-y; } #nav { width:918px; margin:0 auto; padding:0 16px; font-size:13px; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { 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 a { background:url(zzzzzz/skin/frontend/default/default/images/bkg_nav2.gif) 100% 100% no-repeat; } #nav ul li.parent li a { background-image:none; } /* 0 Level */ #nav li { float:left; } #nav li.active a { color:#d96708; } #nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } #nav li.over a, #nav a:hover { color:#d96708; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(zzzzzz/skin/frontend/default/default/images/bkg_nav1.gif) 0 100% repeat-x; } #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#d5e4eb; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #c4c1bc; margin:0 0 15px; } .block .block-title { background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-title.gif) 0 0 repeat-x; border-bottom:1px solid #ddd; padding:2px 9px; } .block .block-title strong { display:block; font:bold 12px/16px Arial, Helvetica, sans-serif; min-height:16px; padding:1px 0 1px; text-transform:uppercase; color:#e26703; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; } .block .block-content { background:#f8f7f5; } .block .block-content li.item { padding:7px 9px; } .block .block-content .product-name { color:#1e7ec8; } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { background:#dee5e8 url(zzzzzz/skin/frontend/default/default/images/bkg_block-actions.gif) 0 0 repeat-x; padding:6px 9px; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0; padding:5px 9px; } .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:50px; border:1px solid #a9a9a9; } .mini-products-list .product-details { margin-left:60px; } .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 { border-color:#bbb; } .block-account .block-title { background:#fc9d36 url(zzzzzz/skin/frontend/default/default/images/bkg_block-title-account.gif) 0 100% repeat-x; border:0; padding:3px 10px; } .block-account .block-title strong { font-size:13px; color:#fff; } .block-account .block-content { background:#fbfaf6; padding:7px 10px 7px; } .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#ea7900; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; color:#ea7900; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { border:0; background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px; } .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; background:url(zzzzzz/skin/frontend/default/default/images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#fff; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { border:0; } .block-layered-nav .block-title { border:0; padding:0; height:24px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered-title.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered1.gif) 0 50% repeat; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; color:#1f5070; } .block-layered-nav .block-content { border:1px solid #a0b3c3; background:#e7f1f4; } .block-layered-nav dt { background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered-dt.gif) 9px 11px no-repeat; padding:7px 10px 0 25px; font-weight:bold; text-transform:uppercase; } .block-layered-nav dd { padding:0 12px 12px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered-dd.gif) 0 100% repeat-x; } .block-layered-nav dd.last { background:none; } .block-layered-nav .currently li { background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered-li.gif) 0 100% repeat-x; padding:6px 24px 6px 10px; position:relative; z-index:1; line-height:1.5; } .block-layered-nav .currently .label { font-weight:bold; padding-left:15px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_block-layered-label.gif) 0 4px no-repeat; 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:4px; top:9px; margin:0; } .block-layered-nav .currently .btn-previous { right:17px; } .block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px; background:#cad6e4; border:1px solid #dee5e8; border-width:1px 0; text-align:right; } .block-layered-nav .actions a { float:none; } /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-cart.gif); } .block-cart .summary { background:#fff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:5px 0 0; padding:2px 0; background:#fbebd9; text-align:center; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { border-bottom:1px solid #c2c2c2; } .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: Wishlist */ .block-wishlist .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-wishlist.gif); } .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-related.gif); background-position:0 1px; } .block-related input.checkbox { float:left; } .block-related .product { margin-left:20px; } /* Block: Compare Products */ .block-compare .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-list.gif); background-position:0 1px; } .block-compare button.button span { border-color:#406a83; background:#618499; } .page-popup .link-print { background:url(zzzzzz/skin/frontend/default/default/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(zzzzzz/skin/frontend/default/default/images/btn_remove2.gif); width:72px; height:15px; } .compare-table tbody th { background:#d9e5ee url(zzzzzz/skin/frontend/default/default/images/bkg_th-v.gif) 100% 0 repeat-y; } .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 { background:#fffada; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .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 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-viewed.gif); } /* Block: Recently Compared */ .block-compared .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-list.gif); background-position:0 1px; } /* Block: Poll */ .block-poll .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-poll.gif); } .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll button.button span { border-color:#406a83; background:#618499; } .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 { border-color:#406a83; background:#618499; } /* Block: Tags */ .block-tags .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-tags.gif); } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { color:#1b2d3b; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px; } .block-subscribe .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-subscribe.gif); } .block-subscribe label { font-weight:bold; color:#666; } .block-subscribe input.input-text { display:block; width:167px; margin:3px 0; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:none; } .block-subscribe .actions button.button span { border-color:#406a83; background:#618499; } /* Block: Reorder */ .block-reorder .block-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_block-list.gif); } .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .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-title strong { background-image:url(zzzzzz/skin/frontend/default/default/images/i_ma-info.gif); } .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:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #d9ddd3; background:url(zzzzzz/skin/frontend/default/default/images/bkg_grid.gif) 0 0 repeat; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { /*min-height:2.7em;*/ margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-grid .product-name a { color:#203548; } .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-list .product-name a { color:#203548; } .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(zzzzzz/skin/frontend/default/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .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; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(zzzzzz/skin/frontend/default/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(zzzzzz/skin/frontend/default/default/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 { font-size:11px; } .product-view .product-shop .availability span { font-weight:normal; } .product-item .productdetail-click{display:none;} .product-item:hover .productdetail-click{display:block;margin-right:60px;color:#aaa;} /* 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; } .price-box { margin:5px 0; } .price-box .price { font-weight:bold; color:#c76200; } /* Regular price */ .regular-price { color:#c76200; } .regular-price .price { font-weight:bold; font-size:13px; color:#c76200; } .block .regular-price, .block .regular-price .price { color:#2f2f2f; } /* Old price */ .old-price { margin:0; } .old-price .price-label { white-space:nowrap; color:#999; } .old-price .price { font-weight:bold; color:#c76200; text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:3px 0; } .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; } .special-price .price { font-size:13px; font-weight:bold; color:#c76200; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {color:#1e7ec8;} .minimal-price-link .price { font-weight:normal; color:#1e7ec8; } /* 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:10px; color:#999; } .price-notice .price { font-weight:bold; color:#2f2f2f; } /* 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; } .price-box-bundle .price { color:#555; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; } .tier-prices li { line-height:1.4; background:url(zzzzzz/skin/frontend/default/default/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; } .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .tier-prices .price { font-weight:bold; color:#2f2f2f; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { font-size:11px; margin:5px 0 0; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; font-weight:bold; color:#666; } .add-to-cart .qty { float:left; margin-right:5px; } .add-to-cart button.button { float:left; } .add-to-cart .paypal-logo { clear:left; margin:0; text-align:left; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 60px; } .product-view .add-to-cart .paypal-logo { margin:0; } .bml-checkout-type { list-style: none; } .bml-checkout-type .bml_button { width: 150px; display: inline-table; } /* Add to Links + Add to Cart */ .add-to-box { margin:10px 0; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .add-to-box .add-to-links li { display:block !important; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view { border:1px solid #c4c6c8; } .product-essential { padding:25px; background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_product-view.gif) 100% 0 no-repeat; } .product-essential h2 { font:bold 13px/1.35 Arial, Helvetica, sans-serif; } .product-collateral { background:#faf7ee url(zzzzzz/skin/frontend/default/default/images/bkg_product_collateral.gif) 0 0 repeat-x; padding:25px; } .product-collateral h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; } .product-collateral .box-collateral { margin:0 0 25px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 0 13px; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(zzzzzz/skin/frontend/default/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ 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(zzzzzz/skin/frontend/default/default/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 ul { margin-left:-9px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .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; color:#2f2f2f; } /* Product Shop */ .product-view .product-shop { float:right; width:330px; } .col1-layout .product-view .product-shop { float:right; width:545px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .product-name { margin:0 0 5px; } .product-view .product-shop .product-name h1 { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; } .product-view .product-shop .availability { margin:10px 0; } .product-view .product-shop .short-description { margin:10px 0; background:url(zzzzzz/skin/frontend/default/default/images/bkg_divider1.gif) 0 0 repeat-x; padding:10px 0 0; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { font-size:12px; text-align:right; } .product-view .product-shop .add-to-links li, .product-view .product-shop .add-to-links li .separator { display:inline; } .product-view .product-shop .add-to-links a { color:#1E7EC8 !important; font-weight:normal !important; } /* Product Options */ .product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#2f2f2f; } .product-options dt label.required em { color:#eb340a; 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; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .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:99%; } .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 { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .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:20px; top:20px; } .product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; } .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:right; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; } .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 { clear:both; float:left; padding-top:12px; } .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } /* 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 { border-bottom:0; padding:0; margin:0 0 8px; } .product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; } .product-view .box-up-sell .products-grid tr.last td { border-bottom:0; } .product-view .box-up-sell .products-grid td.last { border-right:0; } .product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; } .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 { font-size:13px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(zzzzzz/skin/frontend/default/default/images/bkg_pipe3.gif) 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; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;} .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(zzzzzz/skin/frontend/default/default/images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; } .product-view .box-tags .form-add input.input-text { width:299px; } .product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; } /* 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 .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:294px; } .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; } .product-name a { color:#1e7ec8; } /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; 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(zzzzzz/skin/frontend/default/default/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 -22px 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 { color:#1b2d3b; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } /* RSS */ .rss-title h1 { background:url(zzzzzz/skin/frontend/default/default/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; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom:0; margin:0 0 12px; } .cart .page-title h1 { margin:10px 0 0; } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; vertical-align: top;} .cart .checkout-types .bml_button {display:inline-table; width: 150px; margin: 0 0 5px;} .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; } .cart-table td { padding:10px; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#2f2f2f; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { border-color:#406a83; background:#618499; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:605px; } .cart .cart-collaterals .col2-set .col-2 { width:294px; } .cart .crosssell { border:1px solid #cec3b6; background:#fafaec; padding:12px 15px; } .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell li.item { margin:12px 0; } .cart .crosssell .link-compare { font-weight:normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #d0cbc1; background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_block-title.gif) 0 0 repeat-x; padding:12px 15px; margin:0 0 18px; } .cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; } .cart .discount button span, .cart .shipping button span { border-color:#406a83; background:#618499; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_discount.gif); } .cart .discount .input-box { margin:8px 0 0; width:260px; } .cart .discount input.input-text { width:254px; } .cart .shipping h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_shipping.gif); } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background:url(zzzzzz/skin/frontend/default/default/images/bkg_divider1.gif) 0 0 repeat-x; } /* Shopping Cart Totals */ .cart .totals { float:right; width:268px; background:#dee5e8; border:1px solid #bebcb7; } .cart .totals table { width:100%; margin:7px 0; } .cart .totals td { padding:1px 15px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:15px; } .cart .totals .checkout-types { font-size:13px; padding:8px 15px 15px; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .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; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* 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; } .sp-methods label { font-weight:bold; color:#666; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .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(zzzzzz/skin/frontend/default/default/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-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .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; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; 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:494px; } .gift-message-link { font-size:11px; background:url(zzzzzz/skin/frontend/default/default/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(zzzzzz/skin/frontend/default/default/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 { background:#fbfaf6 url(zzzzzz/skin/frontend/default/default/images/bkg_checkout.gif) 0 0 repeat-x; 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; } .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 { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; } .block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; } .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 */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { background:url(zzzzzz/skin/frontend/default/default/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; } .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 {} .opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #d9dde3 #d9dde3; background:#eee url(zzzzzz/skin/frontend/default/default/images/bkg_opc-title-off.gif) 0 100% repeat-x; padding:4px 8px 6px; text-align:right; } .opc .step-title .number { float:left; background:#fff; border:1px solid #fff; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; color:#999; } .opc .step-title h2 { float:left; margin:0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#999; } .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { background:#d0dce1; border:1px solid #a3aeb3; border-bottom:0; color:#a4b3b9; cursor:pointer; } .opc .allow .step-title .number { background:#dbe6eb; border-color:#dbe6eb; color:#a4b3b9; } .opc .allow .step-title h2 { color:#a4b3b9; } /*.opc .allow .step-title a { display:block; }*/ .opc .active .step-title { background:#f9f3e3; border:1px solid #bbafa0; padding-bottom:5px; color:#f18200; cursor:default; } .opc .active .step-title .number { background:#f18200; border-color:#f19900; color:#fff; } .opc .active .step-title h2 { color:#f18200; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border:1px solid #bbafa0; border-top:0; background:#fbfaf6 url(zzzzzz/skin/frontend/default/default/images/bkg_checkout.gif) 0 0 repeat-x; padding:15px 30px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { font-weight:bold; color:#0a263c; } #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:40px; } #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-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !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 { background:#fbfaf6 url(zzzzzz/skin/frontend/default/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; 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 { color:#e26703; } .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; background:url(zzzzzz/skin/frontend/default/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(zzzzzz/skin/frontend/default/default/images/bkg_grand-total.gif) 100% 0 no-repeat; } .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 */ .multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; } #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } #multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .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:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(zzzzzz/skin/frontend/default/default/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:345px; padding:14px 21px; background:#faf7ee url(zzzzzz/skin/frontend/default/default/images/bkg_login-box.gif) 0 0 repeat-x; border:1px solid #bbb6a5; border-bottom:0; } .account-login .content h2 { font-weight:bold; font-size:13px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#e76200; } .account-login .new-users h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_page1.gif)} .account-login .registered-users h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_page2.gif); } .account-login .buttons-set { border:1px solid #bbb6a5; border-top:0; margin:0; padding:8px 13px; background:#dee5e8 url(zzzzzz/skin/frontend/default/default/images/bkg_buttons-set1.gif) 0 0 repeat-x; } .account-create {} /* 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(zzzzzz/skin/frontend/default/default/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(zzzzzz/skin/frontend/default/default/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; font:bold 12px/19px Arial, Helvetica, sans-serif; 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 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; padding-left:21px; color:#e65505; } .dashboard .box .box-title { background:url(zzzzzz/skin/frontend/default/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_folder-table.gif); } /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_ma-info.gif); } .dashboard .box-info h4 { font-size:11px; font-weight:bold; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_ma-reviews.gif); } .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(zzzzzz/skin/frontend/default/default/images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; } .addresses-list h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; 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 { background:#fff url(zzzzzz/skin/frontend/default/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .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%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align: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; font-weight:bold; } .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 { background:url(zzzzzz/skin/frontend/default/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* 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; } .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 { border-color:#406a83; background:#618499; } #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:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .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; color:#2f2f2f; } .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(zzzzzz/skin/frontend/default/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(zzzzzz/skin/frontend/default/default/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; } .map-popup-checkout .paypal-or { clear:both; display:block; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-checkout li { list-style: none; } .map-popup-checkout { text-align: center; } .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; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container { border-top:15px solid #b6d1e2; } .footer { width:930px; margin:0 auto; padding:10px 10px 50px; } .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { color:#fff; text-decoration:none; } .footer a:hover { text-decoration:underline; } .footer .bugs { margin:13px 0 0; color:#ecf3f6; } .footer .bugs a { color:#ecf3f6; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0 0 20px; color:#ecf3f6; } .footer address a { color:#ecf3f6; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { display:inline; } .footer ul.links { display:block; } .footer li { display:inline; background:url(zzzzzz/skin/frontend/default/default/images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px; } .footer li.last { background:none !important; padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } /* ======================================================================================= */ /* 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(zzzzzz/skin/frontend/default/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(zzzzzz/skin/frontend/default/default/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;} /* =CSS Reset ========================================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } ol { list-style:decimal; margin:0; padding:0 0 0 20px; margin:0 0 15px; } ol li { margin:0; padding:0; } ul { list-style:disc; margin:0; padding:0 0 0 20px; margin:0 0 15px; } ul li { margin:0; padding:0; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } /* =Deafult Tag & General Classes ========================================================================================*/ html, body { -webkit-font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height:100%; } body { font:16px/1.571 'Roboto',Arial, Helvetica, sans-serif; color:#444; font-weight:400; background:#fff; text-align:left; } img { vertical-align:top; border:0; } a, input[type="button"], input[type="submit"], button { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } .allanim { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); } a { color:#fbbe47; text-decoration:underline;} a:hover { text-decoration:none; color:#444; } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { a:active{ background-color:transparent;} } strong { font-weight:bold; } p { margin:0 0 12px 0; } h1,h2, h3, h4, h5, h6 { line-height:1.3; margin-bottom:5px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; color:#444; } h1,h2 { font-size:32px; } h3 { font-size:28px; } h4 { font-size:24px; } h5 { font-size:18px; } .cf:before, .cf:after,.wrap:after,.wrap:before, .box-account.box-info .box-content:before, .box-account.box-info .box-content:after ,.social ul:before, .box-account.box-info .box-content:after, .social ul:after, .buttons-set:before, .buttons-set:after, .box-account .box-head:after, .block.block-compare .actions:before, .block.block-compare .actions:after, #cart-sidebar-reorder li:before, #cart-sidebar-reorder li:after, .dashboard .col2-set:before, .dashboard .col2-set:after, .checkout-cart-index .page-title:before, .checkout-cart-index .page-title:after, ul.form-list li:before, ul.form-list li:after, #tab-coupon:before, #tab-coupon:after, .gallery-list ul:before, .gallery-list ul:after, .slider-thumb ul:before, .slider-thumb ul:after, .products-grid ul:before, .products-grid ul:after, .side-accordion ul li:before, .side-accordion ul li:after, .checkout-cart-index #giftvoucher_container:before, .checkout-cart-index #giftvoucher_container:after, #sidebar .block.block-layered-nav li:before, #sidebar .block.block-layered-nav li:after, .product-info .price-box:before, .product-info .price-box:after, .product-view .box-reviews dt:before, .product-view .box-reviews dt:after, .product-options dd:before, .product-options dd:after, ul.form-list:before, ul.form-list:after, .testimonial-content:before, .testimonial-content:after { content:""; display:table; } .cf:after,.wrap:after, .social ul:after, .buttons-set:after, .box-account.box-info .box-content:after, .box-account .box-head:after, .block.block-compare .actions:after, #cart-sidebar-reorder li, .dashboard .box .box-title:after , .dashboard .col2-set:after, .checkout-cart-index .page-title:after, ul.form-list li:after, #tab-coupon:after, .gallery-list ul:after, .slider-thumb ul:after, .products-grid ul:after, .side-accordion ul li:after, .checkout-cart-index #giftvoucher_container:after, #sidebar .block.block-layered-nav li:after, .product-info .price-box:after, .product-view .box-reviews dt:after, .product-options dd:after, ul.form-list:after, .testimonial-content:after{ clear:both; } .cf,.wrap, .social, .buttons-set, .box-account.box-info .box-content, .block.block-compare .actions, #cart-sidebar-reorder li, .dashboard .box .box-title,.dashboard .col2-set, .checkout-cart-index .page-title, #tab-coupon, .gallery-list ul, .slider-thumb ul, .products-grid ul, .side-accordion ul li, .checkout-cart-index #giftvoucher_container, #sidebar .block.block-layered-nav li, .product-info .price-box, .product-view .box-reviews dt, .product-options dd, ul.form-list, testimonial-content { zoom:1; } .nodisplay { display:none; } .nodisplay_strict { display:none !important; } .alignleft { float:left; } .alignright { float:right; } :focus { outline:none; } .text_cont p { padding:0 0 10px 0; } .nopad p, p.nopad { padding:0; } .cols { *zoom:1; } .cols:before, .cols:after { display:table; line-height:0; content:""; } .cols:after { clear:both; } .cols2 { margin-left:-2%; } .cols3 { margin-left:-3%; } .cols4 { margin-left:-2%; } .cols .col { float:left; min-height:1px; margin-left:30px; } .cols2 .col { width:48%; margin-left:2%; } .cols3 .col { width:30.3%; margin-left:3%; } .cols4 .col { width:23%; margin-left:2%; } /* Responsive Menu line icon*/ #menu, .navtrigger, .subnavtrigger { display:none; } .lines-button { padding:0; transition:550ms; cursor:pointer; user-select:none; text-transform:uppercase; font-size:16px; text-decoration:none; color:#e5e5e5; font-weight:600; } .lines-button:hover { opacity:1; } .lines-button:active { transition:0; } .lines-button em { font-style:normal; color:#e5e5e5; float:left; margin-top:6px; } .lines { display:inline-block; width:20px; height:2px; background:#e5e5e5; transition:550ms; position:relative; float:left; margin:17px 10px 0 0; } .lines:before, .lines:after { display:inline-block; width:20px; height:2px; background:#e5e5e5; transition:550ms; position:absolute; left:0; content:''; -webkit-transform-origin:0.28571rem center; transform-origin:0.28571rem center; } .lines:before { top:6px; } .lines:after { top:-6px; } #quick-menu { position:relative; z-index:100; float:right; margin:5px 10px 0 10px; } #quick-menu.lines-button em { color:#444 ; } #quick-menu.lines-button em:hover, #quick-menu.lines-button.open em { color:#5a5a5a; } #quick-menu .lines, #quick-menu .lines:before, #quick-menu .lines:after{ background:#444; } #quick-menu:hover .lines, #quick-menu:hover .lines:before, #quick-menu:hover .lines:after, #quick-menu.open .lines, #quick-menu.open .lines:before, #quick-menu.open .lines:after{ background:#5a5a5a; } .header-top.high-zindex { z-index:110; position:relative; background:rgba(237,237,237,1.0); } /* =Layout Width ========================================================================================*/ #wrapper { } .wrap { position:relative; z-index:10; width:1280px; margin:0 auto; } #main { padding:60px 0 25px; } .cms-home #main { padding:0; background:#fff; position:relative; z-index:10; margin-top:743px; } .cms-home #main .wrap { position:relative; } /*.product-margin-top {margin-top:280px;}*/ #primary { float:right; width:912px; } #content { } #sidebar { float:left; width:336px; } .one-column #primary{ width:auto !important; float:none !important; } .home-search .search-info { border:1px solid #e3e3e3; padding:18px; } .home-search .form-list { width:100%; } .home-search .form-list select { color:#757575; } .home-search .form-list li { margin:0 0 7px; } .home-search .cols3 { margin-left:-2%; } .home-search .cols3 .col { width:31.3%; margin-left:14%; position:relative; z-index:100; background:#fff; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; } .home-search .search-info button.button, .moduelbox.search-area button.button, .moduelbox.clear-data button.button { width:100%; position:relative; background:#444; } .home-search .search-info button.button:after, #tab-coupon .cart .discount .buttons-set button.button:after, .osc-threecolumns button.btn-checkout:after, .moduelbox.search-area button.button:after, .moduelbox.clear-data button.button:after, #sidebar .amfinder-buttons button.button:after, body #onestepcheckout-button-place-order:after, .block-layered-nav .actions a:before, .galleryext-index-featured .amfinder-vertical button.button:after { content:""; width:44px; height:44px; position:absolute; right:0; top:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -329px -79px no-repeat #595959; } .moduelbox.clear-data button.button:after, .home-search .form-list button.button:after, #tab-coupon .cart .discount .buttons-set button.button:after, .osc-threecolumns button.btn-checkout:after, .moduelbox.search-area button.button:after, .moduelbox.clear-data button.button:after { height:100%\9; } .osc-threecolumns button.btn-checkout:after { right:auto; left:0; } .osc-threecolumns button.btn-checkout:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -177px -193px no-repeat #5a5a5a; } .home-search .search-info button.button:hover, #tab-coupon .cart .discount .buttons-set button.button:hover, .osc-threecolumns button.btn-checkout:hover, .moduelbox.search-area button.button:hover,.moduelbox.clear-data button.button:hover, #sidebar .amfinder-buttons button.button:hover, .block-layered-nav .actions a:hover, .galleryext-index-featured .amfinder-vertical button.button:hover { background:#da9206; } .home-search .search-info button.button:hover:after, #tab-coupon .cart .discount .buttons-set button.button:hover:after, .osc-threecolumns button.btn-checkout:hover:after, .moduelbox.search-area button.button:hover:after, .moduelbox.clear-data button.button:hover:after, #sidebar .amfinder-buttons button.button:hover:after, .block-layered-nav .actions a:hover:before, .galleryext-index-featured .amfinder-vertical button.button:hover:after { background-color:#fbbe47; } .home-search .cols3 .col.col1 .search-info{ background:url(http://bestwheelsntyres.com.au/ox/assets/img/home_carward_bg.jpg) 0 100% no-repeat; } .home-search .cols3 .col.col2 .search-info { background:url(http://bestwheelsntyres.com.au/ox/assets/img/home_wheels_bg.jpg) 0 100% no-repeat; } .home-search .cols3 .col.col3 .search-info { background:url(http://bestwheelsntyres.com.au/ox/assets/img/home_accessories_bg.jpg) 0 100% no-repeat; } .home-search h3 { margin:0; background:#fbbe47; position:absolute; z-index:0; top:-72px; width:100%; left:0; display:block; text-align:center; text-transform:uppercase; color:#fff; } .home-search h3 a { color:#fff; text-decoration:none; padding:18px 0; display:block; } .home-search h3 a:hover { color:#fff; background:#595959; } .home-search .search-info button.button span { background:none; border:0; height:auto; display:block; } button.button { padding:13px 20px; } button.button span { font-family:"Roboto Condensed",Arial,Helvetica,sans-serif; background:none; border:0; padding:0; height:auto; font-weight:normal; font-size:18px; text-transform:uppercase; } .product-list { margin:28px 0; } .product-list ul { margin:0 0 0 -2%; padding:0; list-style:none; } .product-list li { width:31.333%; float:left; margin:0 0 26px 2%; text-align:center; border:1px solid #d4d4d4; } .product-list li a { color:#525252;display:block; padding:11px; text-decoration:none; text-transform:uppercase; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; } .product-list li:hover a { color:#fbbe47; } .product-list li:hover { border:1px solid #fbbe47; } .product-list li h3 a { font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:24px; cursor:pointer; } .product-list li h3 { margin:0; padding:0 0 5px; } /* =Form Style ========================================================================================*/ button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="submit"], input[type="button"], input[type="reset"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; } button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, input[type="submit"], input[type="button"], input[type="reset"], .input-text.qty { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; } button, input { line-height:normal; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, .cart .discount input.input-text, .data-table tr td .input-text.qty, body .address-information ul li .input-text, body .address-information ul li .select, body .address-info-3-columns .group-select ul li .one-field select { background:#fff; padding:0 12px; height:44px; line-height:100%; color:#000; border:solid 1px #d8d8d8; font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:16px; color:#444; } textarea {width:95%; padding:10px 12px; height:80px; overflow:auto; resize:none;} select, body .address-information ul li .select, body .address-info-3-columns .group-select ul li .two-fields select { height:auto; padding:10px 12px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:16px; color:#444; } input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;} input[type="button"], input[type="submit"], button, input[type="reset"] { background:#fbbe47; color:#fff; border:0; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; cursor:pointer; width:auto; overflow:visible; padding:10px 20px; vertical-align:middle; text-decoration:none;} input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type="reset"]:hover { background:#444; color:#fff; } input[type="checkbox"], input[type="radio"] { margin:0 8px 0 0; vertical-align:top; } .formbox .row { margin-bottom:10px; } .formbox .row label { padding-bottom:10px; } .formbox { max-width:350px; width:100%; } .date { margin-left:-1.3333%; font-size:0; } .date select { width:32%; margin-left:1.3333%; } /* =Common-Page (common classes for all pages) ========================================================================================*/ #header { z-index:10; height:252px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/header_bg3.jpg) 0 0 no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; position:relative; } .cms-home #header { position:absolute; left:0; top:0; width:100%; background: rgba(53,53,53,0.4);} .header-bottom { position:relative; height:148px; background: url(http://bestwheelsntyres.com.au/ox/assets/img/pattern.png) 0 0 repeat;} .header-bottom .wrap{ position:relative; z-index:10; } .header-bottom:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/pattern.png) 0 0 repeat; display:block; } #logo { left:0; right:0; margin:0 auto; transform:scale(0.5); -webkit-transform:scale(0.75); -moz-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); } #logo { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxlogo.png) no-repeat 0 0; position:absolute; left:0; top:35px; display:block; width:600px; height:100px; text-indent:-999em; } /*#logo { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxlogo.png) no-repeat 0 0; position:absolute; left:0; top:35px; display:block; width:300px; height:50px; text-indent:-999em; }*/ .header-top { height:48px; background:rgba(237,237,237,.87); text-align:right; } #header-nav { float:right; margin:0 0 0 9px; } #header-nav ul { margin:0; padding:0; list-style:none; } #header-nav li { float:left; line-height:48px; position:relative; } #header-nav li:before { width:1px; height:48px; content:""; position:absolute; left:0; top:0; background:#c0c0c0; } #header-nav li a { font-size:14px; padding:0 14px 0 15px; color:#5e5e5e; text-decoration:none; display:block; } #header-nav li a:hover, #header-nav li.active a { color:#fff; background:#444; } #header-nav li a:before { content:""; vertical-align:middle; display:inline-block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; margin-right:14px; width:21px; height:21px; position:relative; top:-2px; } #header-nav li.account a:before { background-position:-2px -2px; } #header-nav li.wishlist a:before { background-position:-25px -2px; } #header-nav li.login a:before { background-position:-49px -2px; } #header-nav li.checkout a:before { background-position:-73px -2px; } #header-nav li.account a:hover:before, #header-nav li.active.account a:before { background-position:-338px -52px; } #header-nav li.wishlist a:hover:before, #header-nav li.active.wishlist a:before { background-position:-361px -52px; } #header-nav li.login a:hover:before, #header-nav li.active.login a:before { background-position:-385px -52px; } #header-nav li.checkout a:hover:before, #header-nav li.active.checkout a:before { background-position:-409px -52px; } #header-nav li.cart a:before { background-position:-97px -2px; } #header-nav li.cart a { background:#fbbe47; color:#fff; padding:0 15px; } #header-nav li.cart a:hover { background:#444; } .share-this { float:right; margin:10px 0 0; } #mainmenu { background:rgba(53,53,53,.9); } #mainmenu ul { margin:0; padding:0; float:right; list-style:none; } #mainmenu li { float:left; line-height:56px; position:relative; } #mainmenu > .wrap > ul > li { position:relative; } #mainmenu > .wrap > ul > li:before { height:56px; width:1px; content:""; position:absolute; left:0; top:0; background:#4e4e4e; } #mainmenu > .wrap > ul > li:first-child:before { display:none; } #mainmenu li a { text-decoration:none; padding:0 15px; display:block; color:#fff; text-transform:uppercase; font-size:18px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; } #mainmenu > .wrap > ul > li > a { margin:0 -1px; position:relative; z-index:10; } #mainmenu > .wrap > ul > li > a:hover, #mainmenu > .wrap > ul > li.active > a, #mainmenu > .wrap > ul > li.current > a { color:#fff; background:#fbbe47; display:block; } #mainmenu ul li ul { display:none; background:#fbbe47; position:absolute; width:220px; left:0; top:56px; } #mainmenu ul li ul li ul { left:220px; top:0; } #mainmenu ul li ul li { float:none; line-height:100%; } #mainmenu ul li ul li a { padding:15px; } #mainmenu ul li ul li a:hover, #mainmenu > .wrap > ul > li > ul > li.current > a { background:#005A8F; } .header-right { float:right; } .phone { font-weight:900; float:right; position:relative; margin:26px 0 23px; line-height:100%; font-size:31px; color:#fff; } .phone:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -2px -27px no-repeat; margin-right:8px; content:""; width:22px; height:23px; display:inline-block; } .search_box { width:309px; position:relative; clear:both; margin:0 0 30px; } .search_box input[type="text"] { height:38px; border:1px solid #e8e8e8; background:#fff; width:100%; } .search_box button { width:38px; height:38px; border:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -280px -45px #fbbe47 no-repeat; padding:0; text-indent:-999em; display:block; position:absolute; right:0; top:0; } .search_box button:hover { background-color:#444; } #footer { position:relative; z-index:0; } .footer-bottom .wrap { position:relative; } .cms-home #footer { margin:0; } .footer-top { background:url(zzzzzz/footer-bg.png) 0 0 repeat-x #b4b8be; height:83px; } .footer-nav { background:#353535; padding:52px 0; } .footer-nav h3 { padding-bottom:2px; text-transform:uppercase; font-size:24px; color:#fff; border-bottom:1px solid #aeaeae; margin-bottom:20px; } .footer-nav p { font-size:14px; color:#b6b6b6; } .footer-bottom { background:#414141; padding:26px 0 28px; } .paypal { float:right; margin:12px 0 0; } .footer-left { position:relative; padding:0 0 0 56px; } .copyright { font-size:14px; color:#fff; text-align:center;} .fmenu ul { margin:0; padding:0; list-style:none; } .fmenu li { float:left; position:relative; } .fmenu li:before { content:"|"; display:block; position:absolute; left:0; top:-1px; font-size:14px; color:#fff; } .fmenu li:first-child:before { display:none; } .fmenu li a { font-size:14px; color:#fff; text-decoration:none; padding:0 8px 0 12px; display:block; } .fmenu li a:hover, .fmenu li.active a { color:#a0a0a0; } .fmenu li:first-child a { padding:0 8px 0 0; } .footer-nav .cols3 { margin-left:-24px; } .footer-nav .cols3 .col { margin-left:24px; } .footer-nav .cols .col { width:280px; } .footer-nav .cols .col.zzzzzz { width:630px; } .footer-nav .cols3 .col.zzzzzz .cols3 { margin-left:-3%; } .footer-nav .cols .col.zzzzzz .col { width:30.3%; margin-left:3%; } .footer-nav .cols .col.zzzzzz .col ul { margin:0; padding:0; list-style:none; } .footer-nav .cols .col.zzzzzz .col li { line-height:100%; margin:0 0 8px; } .footer-nav .cols .col.zzzzzz .col li a { font-size:14px; color:#b6b6b6; text-decoration:none; } .footer-nav .cols .col.zzzzzz .col li a:hover, .footer-nav .cols .col.zzzzzz .col li.active a { color:#fff; } .form-newsletter { position:relative; } .form-newsletter input[type="text"] { height:44px; border:1px solid #e8e8e8; background:#fff; width:100%; } .form-newsletter input[type="submit"] { width:65px; height:44px; line-height:44px; padding:0; position:absolute; right:0; top:0; background:#fbbe47; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; } .form-newsletter input[type="submit"]:hover { background:#444; } .footer-nav .share-this { margin:7px 0 0 28px; } .social { float:left; margin:7px 0 0; } .social ul { margin:0; padding:0; list-style:none; } .social li { float:left; margin:0 0 0 10px; } .social li:first-child { margin:0; } .social li a { display:block; text-indent:-999em; width:28px; height:29px; } .social li a.fb { background-position:-219px -3px; } .social li a.fb:hover { background-position:-318px -3px; } .social li a.rss { background-position:-252px -2px; } .social li a.rss:hover { background-position:-351px -3px; } .social li a.gplus { background-position:-285px -3px; } .social li a.gplus:hover { background-position:-384px -3px; } .footer-callout { text-align:center; } .footer-callout ul { margin:0; padding:0; list-style:none; } .footer-callout li { display:inline-block; line-height:86px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:28px; color:#fff; margin:0 0 0 85px; } .footer-callout li:first-child { margin:0; } .footer-callout li a { text-decoration:none; color:#fff; } .footer-callout li a:hover { color:#444; } .footer-callout li a:before { content:""; position:relative; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; display:inline-block; vertical-align:middle; margin-right:26px; } .footer-callout li.free-shipping a:before { width:63px; height:35px; background-position:-2px -57px; } .footer-callout li.satisfaction a:before { width:49px; height:56px; background-position:-73px -57px; top:-3px; } .footer-callout li.fitment a:before { width:59px; height:46px; background-position:-133px -57px; top:-3px; } #footer-logo { background:url(zzzzzz/footer-logo.png) 0 0 no-repeat; width:122px; height:155px; display:block; text-indent:-999em; } ul.form-list { margin:0; padding:0; list-style:none; } ul.form-list li { margin:0 0 6px; position:relative; } ul.form-list li input[type="text"], .form-list li select, .form-list li textarea, .form-list li input[type="password"] { width:100%; } ul.form-list li input[type="text"]:focus, .form-list li textarea:focus, .form-list li input[type="password"]:focus, input[type="text"]:focus { background:#fff; } ul.form-list li label { margin:0 0 10px; display:block; font-weight:normal; } ul.form-list li label em, body #one-step-checkout-form label em { color:#eb2e12; font-style:normal; font-style:normal; } ul.form-list .input-box { width:auto; } ul.form-list li .input-box label { display:inline-block; } ul.form-list ul { margin:0; padding:0; list-style:none; } .input-box { position:relative; } ul.form-list .field { width:48%; float:left; margin:0 0 0 2%; } ul.form-list li.fields { margin:0 0 6px -2%; } ul.form-list li.control label { display:inline-block; } ul.form-list li.wide textarea { width:100%; } /*select { width:108% !important; width:110%\9 !important }*/ .cols3.row-data { margin:40px 0 0 -3%; } .cols2.row-data { margin:40px 0 0 -2%; } .page-title { margin:0 0 30px; border-bottom:0; } .cols2.row-data .page-title { margin:0; } .cols2.row-data .page-title h3 { margin:0 0 12px; } .breadcrumbs { margin:0 } .breadcrumbs ul { margin:0; padding:0; list-style:none; } .breadcrumbs li { display:inline; font-size:14px; } .breadcrumbs li strong { font-weight:bold; color:#fbbe47; } .breadcrumbs li a { color:#5d5d5d; text-decoration:none; } .breadcrumbs li a:hover{ color:#fbbe47; } /* =Home-Page (only homepage used classes) ========================================================================================*/ .sprites { background-image:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png); } .sp-after:after { background-image:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png); display:inline-block; width:25px; height:25px; margin-left:10px; content:''; vertical-align:middle; } .sp-before:before { background-image:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png); display:inline-block; width:25px; height:25px; margin-right:10px; content:''; vertical-align:middle; } .home-slider.owl-carousel { top:0; left:0; position:fixed; height:743px; display:block; width:100%; z-index:-1; z-index:inherit\9; } .brand-logo { background-attachment:fixed; position:relative; z-index:10; background:url(zzzzzz/brand-bg.jpg) 0 0 no-repeat; height:416px; width:100%; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; position:relative; } .brand-logo:before { width:100%; height:100%; content:""; display:block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/pattern.png) 0 0 repeat; position:absolute; } .logo-lists { height:90px; background:url(zzzzzz/logo-pattern.png) 0 0 repeat; width:100%; } .logo-lists .wrap { position:relative; z-index:100; } .logo-lists ul { margin:12px 0 0; padding:0; list-style:none; } .logo-lists li { float:left; margin:0 0 0 30px; } .logo-lists li a { display:block; } .logo-lists li img { vertical-align:middle; } .logo-lists li:first-child { margin:0; } .about-ozzy .wrap { position:relative; padding:30px 0; } .about-ozzy img { position:absolute; right:0; bottom:2px; z-index:11; } .about-ozzy p { width:400px; font-size:24px; line-height:32px; font-style:italic; color:#fff; } .youtube-video {position:fixed;bottom:100px; right:20px; z-index:999; border: 2px solid #d4d4d4;width:216px; height:120px;} /* =Custom Checkbox & Custom Radio Box ========================================================================================*/ .ez-hide { opacity:0; filter:alpha(opacity=0); } .ez-checkbox { background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -184px -27px no-repeat; width:15px; height:14px; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:10px; } .ez-radio { background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -206px -38px no-repeat; width:15px; height:14px; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:10px; } .ez-checked { background-position:-165px -27px; } .ez-selected { background-position:-224px -38px; } .ez-checkbox, .ez-radio { zoom:1; *display:inline; _height:30px; } /* = Tab Panel ========================================================================================*/ .tabnav { font-size:12px; width:100%; margin:0; padding:0; height:54px; list-style:none; position:relative; bottom:-8px; } .tabnav li { float:left; position:relative; margin:0 0 0 4px; } .tabnav li:first-child{ _height:30px; } /* = Tab Panel ========================================================================================*/ .tabnav { font-size:12px; width:100%; margin:0; padding:0; height:54px; list-style:none; position:relative; bottom:-8px; } .tabnav li { float:left; position:relative; margin:0 0 0 4px; } .tabnav li:first-child { margin:0; } .tabnav li h2 { margin:0; font-size:12px; } .tabnav li a { display:block; padding:13px 21px 12px; border:1px solid; text-decoration:none; font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:400; color:#fff; background:#444444; } .tabnav li.active a, .tabnav li a:hover { padding:13px 21px 13px; border:1px solid #d4d4d4; border-bottom:0; background:#fff; color:#444; } .tabnav li.active a:after { display:block; } .tabcontent .quicklist li, .tabcontent .quicklist { margin:0; } .tabcontent { padding:23px 34px; border:1px solid #d4d4d4; display:none; /*margin-top:-8px;*/ } .tabcontent p { color:#666; margin:0 0 20px; } .tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; } .tabcontent p a:hover, .accordion-data p a:hover { color:#00305d; } .tabcontent h4 { margin:0 0 15px; } /* = Messages ========================================================================================*/ .messages ul { margin:0; padding:0; list-style:none; } .messages li { margin:0 0 10px; } body .success-msg { background:#f9fff1; position:relative; color:#518F00; font-size:16px !important; padding:10px 12px 10px 46px !important; font-weight:normal !important; } body .success-msg:before { content:""; width:18px; height:18px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -126px -3px no-repeat; position:absolute; left:15px; top:13px; } .error-msg, .validation-advice { background:#ffe3e2; position:relative; color:#CA2B2B; border:0; font-size:16px !important; padding:10px 12px 10px 46px !important; } .error-msg:before, .validation-advice:before { content:""; width:18px; height:18px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -148px -3px no-repeat; position:absolute; left:15px; top:13px; } .info-msg { background:#d8f4ff; position:relative; color:#2C72A0; font-size:16px; padding:10px 12px 10px 46px; } .info-msg:before { content:""; width:18px; height:18px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -170px -3px no-repeat; position:absolute; left:15px; top:13px; } .notice-msg, .note-msg { font-weight:normal !important; background:#fffbde; position:relative; color:#E09600; font-size:15px !important; padding:10px 12px 10px 46px !important; margin:10px 0 !important; } .notice-msg:before, .note-msg:before { content:""; width:18px; height:18px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -192px -3px no-repeat; position:absolute; left:15px; top:13px; } body .notice-msg li { font-weight:normal; } blockquote { margin:0 0 10px; padding:20px; background:#ededed; color:#7c7c7c; } blockquote:before { content:""; display:inline-block; width:24px; height:16px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -65px -27px no-repeat; margin:0 10px 0 0; } blockquote:after { content:""; display:inline-block; width:24px; height:16px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -92px -27px no-repeat; margin:0 0 0 10px; position:relative; top:0; } blockquote p { line-height:1.75; } .normal-listing { margin:0 0 10px; } .normal-listing ul { margin:0; padding:0; list-style:none; } .normal-listing li { position:relative; padding:0 0 0 25px; line-height:30px; } .normal-listing li:before { content:""; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; width:14px; height:13px; position:absolute; left:0; top:8px; } a.backtotop { display:inline-block; width:41px; height:41px; margin:0 0 0; background-position:-206px -60px; text-indent:-999em; position:absolute; left:0; top:-7px; z-index:100; } a:hover.backtotop { background-position:-206px -107px; } /* =Login Form ========================================================================================*/ .col2-set { margin:0 0 20px; } .col2-set .col-1, .cart .cart-collaterals .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2, .cart .cart-collaterals .col2-set .col-2 { float:right; width:48.5%; } .account-login .content { min-height:400px; padding:18px 26px; border:1px solid #d8d8d8; background:#fff; border-bottom:0; } .account-login .content h2 { text-transform:capitalize; font-weight:normal; background:none; padding-left:0; font-size:25px; color:#fbbe47; border-bottom:1px solid #d8d8d8; padding-bottom:15px; margin-bottom:22px; } .buttons-set { border:1px solid #d8d8d8; padding:16px; } .account-login .buttons-set { background:#f5f5f5; border:1px solid #d8d8d8; padding:16px; } button.button { background:#fbbe47; } button.button:hover { background:#444; } .buttons-set button.button { float:right; } .buttons-set a { float:left; margin:8px 0 0 0; color:#444; text-decoration:none; } .customer-account-login .page-title { margin:0 0 30px; border-bottom:0; } .page-title h1 { font-size:32px; color:#444; } /* =Shopping Cart ========================================================================================*/ .data-table { padding:0 0 0 1px; width:100%; border:0; } .checkout-types { margin:0 0 20px; list-style:none; padding:0; float:right; } .data-table tr th { border:0; background:none; border-top:1px solid #eee; color:#444; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:900; font-size:18px; padding:10px; position:relative; text-align:left; border-bottom:1px solid #eee; } .data-table tr td { padding:10px; border-bottom:1px solid #eee; } .data-table tr td .input-text.qty { text-align:center; width:2.5em; } .data-table tr td h2 { margin:0; font-size:16px; line-height:1.35; } .data-table tr.odd { background:#f5f5f5; } .data-table tr.last td { border-bottom:0; } .data-table tfoot tr td { border-bottom:0; border-right:1px solid #dedede; padding:10px; } .data-table#shopping-cart-table .data-table tfoot { background:#f5f5f5; } .data-table#shopping-cart-table .data-table tfoot tr.first { border-top:1px solid #eee; } .data-table tr td img { vertical-align:middle; } .data-table#shopping-cart-table tfoot tr td button.button { padding:13px 16px 13px 60px; position:relative; } .data-table#shopping-cart-table tfoot tr td button.button:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 #5a5a5a; width:44px; height:44px; content:""; position:absolute; left:0; top:0; } .data-table tr td.image-col { width:100px; } .data-table tr td.a-right { text-align:right; } .data-table tr td.a-center { text-align:center; } .data-table tr th.a-right { text-align:right; } .data-table tr th.a-center { text-align:center; } .data-table tfoot tr td button.button.btn-small { float:right; margin:0 0 0 10px; } .data-table#shopping-cart-table tfoot tr td button.button.btn-empty { position:relative; } .data-table#shopping-cart-table tfoot tr td button.button.btn-empty:before { background-position:-272px -193px; } .data-table#shopping-cart-table tfoot tr td button.button.btn-update:before { background-position:-224px -193px; } .data-table#shopping-cart-table tfoot tr td button.button.btn-continue:before { background-position:-330px -79px; } .data-table#shopping-cart-table tfoot tr td button.button:hover { background:#da9206; } .data-table#shopping-cart-table tfoot tr td button.button:hover:before { background-color:#fbbe47; } .data-table tr td.ost-item-image img { border:1px solid #dedede; } .data-table tr td.product-name { width:300px; } .data-table#product-attribute-specs-table tr.first td { border-top:1px solid #eee; } .data-table tr td a { color:#444; text-decoration:none; } .data-table tr td a:hover { color:#fbbe47; } .data-table tr td .nobr a { text-decoration:underline; } .data-table tr td .nobr a:hover, .data-table tr td .nobr a.link-reorder:hover { text-decoration:none; } .data-table tr td .nobr a.link-reorder { color:#fbbe47; text-decoration:underline; } .data-table tfoot tr td:last-child { border-right:0 !important; } .data-table tbody th, .data-table tbody td { border-right:0; } .btn-remove { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -145px -127px no-repeat; text-indent:-999em; width:14px; height:18px; display:block; } .btn-remove:hover { background-position:-163px -127px; } .edit-link, .btn-edit, .data-table#shopping-cart-table .link-wishlist { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -120px -127px no-repeat; width:19px; height:19px; display:block; text-indent:-999em; } .edit-link:hover, .btn-edit:hover { background-position:-181px -126px; } .data-table#shopping-cart-table .link-wishlist { background-position:-144px -156px; display:inline-block; } .data-table#shopping-cart-table .link-wishlist:hover { background-position:-165px -156px; } button.button.btn-proceed-checkout { background:#da9206; position:relative; padding:10px 20px 10px 65px; vertical-align:top; } button.button.btn-proceed-checkout:before { content:""; width:44px; height:100%; display:block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -177px -193px no-repeat #fbbe47; position:absolute; left:0; top:0; } .add-to-cart button.button.btn-proceed-checkout { padding:13px 20px 13px 65px; } button.button.btn-proceed-checkout:hover { background:#444; } button.button.btn-proceed-checkout:hover:before { background-color:#5a5a5a; } #shopping-cart-totals-table tr td { text-align:right; padding:5px; color:#444; } #shopping-cart-totals-table tfoot tr td { font-size:24px; color:#444; font-weight:900; } #shopping-cart-totals-table { width:100%; } .discount-form input[type="text"] { width:100%; } .discount-form .input-box { margin:10px 0; } .totals .checkout-types { margin:10px 0; } .sp-methods { border-top:1px solid #d4d4d4; padding:15px 0 0; } .sp-methods dt { font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; } .sp-methods ul { margin:10px 0; padding:0; list-style:none; } .sp-methods li .price { float:right; font-weight:bold; } .shipping .buttons-set button.button { float:none; } .shipping .buttons-set { text-align:right; } #shopping-cart-totals-table tr td .flat-rate { font-weight:900; font-size:14px; } .cart .cart-collaterals .col2-set { width:846px; float:left; margin:20px 0; } .cart .cart-collaterals .col2-set .shipping, .cart-collaterals .col2-set .discount, .cart .cart-collaterals .col2-set .question, .cart-collaterals .payment-paypal { border:1px solid #dedede; padding:15px; background:none; } .cart cart-collaterals .col2-set .shipping .page-subtitle h3, .discount .page-subtitle h3, .cart .discount h2, .cart .shipping h2 { font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; line-height:1.3; font-weight:normal; font-size:24px; background:#444; color:#fff; margin:-15px -15px 10px; padding:11px 0 14px 75px; position:relative; } .cart .cart-collaterals .col2-set .shipping .page-subtitle h3:before, .discount .page-subtitle h3:before, .cart .discount h2:before, .cart .shipping h2:before { content:""; width:56px; height:100%; display:block; position:absolute; left:0; top:0; background:#5a5a5a url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -177px -240px no-repeat; } .cart .discount h2:before { background-position:-235px -240px; } .cart .cart-collaterals .buttons-set { border:0; padding:5px 0; } .cart .totals{ width:410px; float:right; margin:20px 0; padding:15px; background:#f5f5f5; border:0; } .cart-collaterals .col2-set .col-2 > div { margin:0 0 15px; } .icon-data { float:right; margin:0; width:100px; font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; padding-left:12px; } .cart-collaterals .payment-paypal { float:right; width:350px; text-align:center; } .cart-collaterals .payment-paypal img { width:100%; height:auto; } button.button.btn-black { background:#444; padding:10px 16px; } button.button.btn-black:hover { background:#fbbe47; } /*My Account ========================================================================================*/ .block-account .block-title strong, .block-cart .block-title strong, .block-compare .block-title strong, .block .block-title strong { font-size:24px; color:#fff; font-weight:400; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; } .block { border:0; } .dashboard .welcome-msg { border:1px solid #dedede; padding:18px 24px; margin:0 0 15px; } .dashboard .welcome-msg p strong{ font-size:20px; font-weight:900; font-family:'Roboto',Arial, Helvetica, sans-serif; } .dashboard .welcome-msg p { margin:0 0 9px; } .customer-account-index .dashboard .page-title { margin:0 0 20px; } .customer-account-index .dashboard .page-title h1 { font-size:24px; position:relative; padding:0 0 0 54px; } .customer-account-index .dashboard .page-title h1:before { content:""; width:37px; height:24px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -237px -153px no-repeat; position:absolute; left:0; top:0; } .block { border:1px solid #dedede; margin:0 0 20px; } .block .block-title { background:#da9206; padding:11px 0 14px 75px; position:relative; } .block .block-title strong { line-height:1.35; } .block .block-content { padding:20px; } .block .block-title:after { width:56px; height:56px; content:""; display:inline-block; position:absolute; left:0; z-index:1; top:0; } .block .block-title:before { background:#fbbe47; width:56px; height:100%; position:absolute; left:0; top:0; z-index:0; content:""; } .block.block-account .block-content { padding:0; } .box-account { margin:0 0 23px; } .block.block-account .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -323px -177px no-repeat; } .block-account .block-content { background:none; border:0; } .block-account .block-content li a { border-top:1px solid #dedede; position:relative; border-bottom:0; position:relative; padding:10px 0 12px 48px; color:#444; text-decoration:none; display:block; } .block-account .block-content li a:before, .block-account .block-content li.current:before { content:""; width:14px; height:13px; display:block; position:absolute; left:15px; top:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; } .block-account .block-content ul { margin:0; padding:0; list-style:none; } .block-account .block-content li.current strong { font-weight:normal; } .block-account .block-content li.current { border-bottom:0; color:#fdb112; position:relative; padding:10px 0 12px 48px; background:#606060; color:#fff; } .block-account .block-content li a:hover { background-color:#606060; color:#fff; } .block-account .block-content li a:hover:before, .block-account .block-content li.current:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -240px -38px no-repeat; } .box-account.box-recent .box-head h2 { float:left; } .box-account.box-recent .box-head { text-align:right; margin:0 0 10px; } .block.block-cart .block-title:after{ background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -382px -177px no-repeat #fbbe47; } .block.block-compare .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -296px -240px no-repeat #fbbe47; } .block.block-reorder .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -354px -240px no-repeat #fbbe47; } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } #sidebar .block-cart .summary { background:#f5f5f5; padding:18px 0 0; } #sidebar .block-cart .amount { text-align:center; } #sidebar .block-cart .subtotal { margin:0; background:#757575; padding:10px 0; color:#fff; text-align:center; } .block.block-cart .actions{ background:#f5f5f5; margin:0 0 10px; text-align:center; padding:10px 0 12px; } .block.block-cart .actions button.button, .block.block-compare .actions button.button, .block.block-reorder .actions button.button, .store-view-more { background:none; color:#444; padding:0 0 0 30px; position:relative; } .block.block-cart .actions button.button:before, .block.block-compare .actions button.button:before, .block.block-reorder .actions button.button:before, .store-view-more:before { content:""; width:15px; height:15px; position:absolute; left:0; top:50%; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -96px -132px no-repeat; margin-top:-7px; } .block.block-cart .actions button.button:hover, .block.block-compare .actions button.button:hover, .block.block-reorder .actions button.button:hover, .store-view-more:hover { color:#aaa; } #sidebar .block.block-cart .actions { border-bottom:0; text-align:center; } #sidebar .block.block-cart .actions button.button { float:none; } #sidebar .block.block-cart .amount { margin:0 0 12px; } #sidebar .block-cart .summary { font-size:16px; } .checkout-cart-index .page-title h1 { float:left; } .checkout-cart-index .page-title { margin:0 0 5px; } .home-slider.owl-carousel .owl-item img{ display:none !important; } .home-slider .item { background-size:cover; height:743px; } #sidebar .block .block-subtitle { font-size:18px; color:#606060; font-weight:normal; padding:5px 0; margin:0 0 10px; } #sidebar .block .block-content li.item { padding:0; margin:0 0 10px; } #sidebar .block li.odd { background:none; } .mini-products-list li .product-details p.product-name { margin:0; } .mini-products-list .product-details { color:#fbbe47; } .mini-products-list .product-image img { float:left; width:75px; border:1px solid #dedede; } .block.block-related .mini-products-list .product-image img { height:auto; } #sidebar ol { margin:0; padding:0; list-style:none; } .mini-products-list .product-details { padding:0 0 0 86px; } .mini-products-list .product-details a { font-size:16px; color:#444; text-decoration:none; } .mini-products-list .product-details a:hover, .bloock.block-compare li a:hover { color:#aaa; } .block.block-compare li a { color:#444; text-decoration:none; } .block.block-compare li a:hover { color:#aaa; } .block.block-compare .actions, .block.block-reorder .actions { background:#f5f5f5; text-align:right; margin:0 -20px; padding:11px 15px 14px; } .block.block-compare .actions a, .block.block-reorder .actions a, .box-account .box-head a, .customer-account-index .dashboard .col2-set .box .box-title a, .data-table#wishlist-table tr td .link-edit, .block.block-testimonial-sidebar li a { background:#444; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; position:relative; color:#fff; padding:5px 40px 5px 12px; font-size:16px; text-decoration:none; float:left; } .block.block-testimonial-sidebar li a { padding:2px 40px 4px 12px; } .box-account .box-head a, .customer-account-index .dashboard .col2-set .box .box-title a, .customer-account-index .dashboard .box-reviews .box-title a, .data-table#wishlist-table tr td .link-edit { float:none; padding:2px 40px 3px 12px; display:inline-block; } .data-table#wishlist-table tr td .link-edit { margin:10px 0 0; padding:2px 46px 3px 17px; } .block.block-compare .actions a:hover, .block.block-reorder .actions a:hover, .box-account .box-head a:hover, .customer-account-index .dashboard .col2-set .box .box-title a:hover, .block.block-testimonial-sidebar li a:hover { background:#da9206; } .block.block-compare .actions a:after, .block.block-reorder .actions a:after, .box-account .box-head a:after, .customer-account-index .dashboard .col2-set .box .box-title a:after, .data-table#wishlist-table tr td .link-edit:after, .block.block-testimonial-sidebar li a:after { content:""; width:30px; height:30px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -13px -113px no-repeat #5a5a5a; position:absolute; right:0; top:0; } .block.block-testimonial-sidebar li a:after { background-position:-44px -113px; } .block.block-reorder .actions a:after, .box-account .box-head a:after { background-position:-44px -113px; } .block.block-compare .actions a:hover:after, .block.block-reorder .actions a:hover:after, .box-account .box-head a:hover:after, .customer-account-index .dashboard .col2-set .box .box-title a:hover:after, .block.block-testimonial-sidebar li a:hover:after { background-color:#fbbe47; } .customer-account-index .dashboard .col2-set .box .box-title { margin:5px 0 15px; } .customer-account-index .dashboard .col2-set .box .box-title a:after, .data-table#wishlist-table tr td .link-edit:after { background-position:-13px -145px; } #sidebar .block .block-content #cart-sidebar-reorder li { position:relative; padding:0 0 0 28px; } #cart-sidebar-reorder li { margin:0 0 10px; } #cart-sidebar-reorder li .ez-checkbox { position:absolute; left:0; top:6px; } #cart-sidebar-reorder li p { line-height:100%; } #cart-sidebar-reorder li a { color:#444; line-height:1.571; text-decoration:none; } #cart-sidebar-reorder li a:hover { color:#aaa; } .dashboard .box .box-title { text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { font-size:17px; font-family:'Roboto',Arial, Helvetica, sans-serif; float:left; font-weight:400; } .box-account.box-info .box-content, .box-account.box-info .col2-set > .box > .box-content .col-1, .box-account.box-info .col2-set > .box > .box-content .col-2 { background:#f5f5f5; padding:20px 20px 20px; } .box-account.box-info .col2-set > .box > .box-content { background:none; padding:0; } .dashboard .box-info .box-head h2, .dashboard .box-recent .box-head h2, .dashboard .box-reviews .box-head h2, .addresses-list h2 { background:none; font-size:20px; color:#fbbe47; font-weight:normal; } .box-account .box-head h2 { float:left; padding-left:0; } .box-account { background:none; border:0; padding:0; } .dashboard .box .box-title { background:none; } .dashboard .box-info .box-head, .dashboard .box-reviews .box-head { border-bottom:1px solid #d4d4d4; padding:0 0 8px; margin:0 0 10px; } .box-account.box-info .col2-set > .box > .box-content { clear:both; } .box-account.box-info .col2-set > .box > .box-content h4 { font-weight:700; color:#5d5d5d; font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; } .customer-account-index .box-account.box-info .col2-set > .box > .box-title a:after { background-position:-44px -145px; } .customer-account-index .box-account.box-reviews { text-align:right; } .dashboard .box-reviews .number { background:#444; padding:8px 12px; margin:0 10px 0 0; float:left; font-size:14px; line-height:1; color:#fff; } .dashboard .box-reviews .product-name { display:inline-block; vertical-align:middle; margin:0; font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:normal; } .dashboard .box-reviews .product-name a{ color:#444; text-decoration:none; } ol#my_recent_reviews { margin:0; padding:0; list-style:none; text-align:left; } .customer-account-forgotpassword ul.form-list .input-box { width:260px; } .buttons-set { margin:0; } .customer-account-forgotpassword .buttons-set, .customer-account-create .buttons-set { border:0; padding:0; } .back-link a:hover { color:#fbbe47; } .customer-account-create ul.form-list li label { display:inline-block; } .box-account.box-recent .box-head { border:0; } /* One Step Checkout ==============================================================================*/ body ol.one-step-checkout, body ol.one-step-checkout ol, body ol.one-step-checkout ul { list-style:none; margin:0; padding:0; } body .address-information ul li .input-text, body .address-information ul li .select { height:44px !important; } body #one-step-checkout-form label { float:none; display:inline-block; } body #onestepcheckout-button-place-order { width:auto !important; height:auto !important; background:#da9206 !important; } body #onestepcheckout-button-place-order:after { background-color:#fbbe47; height:100%; } body button.onestepcheckout-btn-checkout span span { font-size:18px !important; font-weight:normal !important; } div.osc-checkoutcontainer{position:relative;} form#onepage_form{display:inline; *+display:block; /* fix only IE7*/} div.osc-threecolumns{margin-top:10px; width:100%; border:0px none;} .osc-threecolumns button.button{ background:none; border:0 none; cursor:pointer; margin:0; overflow:visible; padding:0; width:auto;} .osc-threecolumns button.btn-checkout span span {background-position:100% 0 !important; padding:0!important;} div.osc-block-content{ padding:12px 19px; border:1px solid #dedede; border-top:0px none; margin-bottom:15px; background:#fff; } div.ost-review-ct{padding:0px 0px 1px 0px;} div.osc-block-title, body .one-step-checkout h3{ background-color:#da9206 !important; } p.onestepcheckout-numbers, body .one-step-checkout h3{ background-repeat:no-repeat; color:#fff; font-size:24px; font-weight:normal; line-height:56px; padding:0!important; margin-bottom:0; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; background-position:9px 6px; height:56px;} p.onestepcheckout-numbers-1, body .one-step-checkout #billing_step_header, body .one-step-checkout #shipping_step_header { background:url(zzzzzz/01.png) no-repeat; } p.onestepcheckout-numbers-2, body .one-step-checkout .shipping-method #shipping_method_step_header { background:url(zzzzzz/02.png) no-repeat; } p.onestepcheckout-numbers-3, body .one-step-checkout #payment_method_step_header { background:url(zzzzzz/03.png) no-repeat; } p.onestepcheckout-numbers-4 { background:url(zzzzzz/04.png) no-repeat; } p.onestepcheckout-numbers-5 { background:url(zzzzzz/05.png) no-repeat; } p.onestepcheckout-numbers-6, body .one-step-checkout #review_step_header { background:url(zzzzzz/bkg-step-review.png) no-repeat; } div.osc-column-left{float:left; width:32%;} div.osc-column-2{float:right; width:66%;} div.osc-column-middle{float:left; width:49%;} div.osc-column-right{float:right; width:48%;} div.review{float:right; width:66%;} #checkout-review-submit .buttons-set{ margin:0px; border-top:0px none; } .checkout-cart-index .osc-block-content .form-list .widthfull li.wide { margin:0 0 0 2%; width:98%; } .checkout-cart-index .osc-block-content .form-list .widthfull .field { width:auto; float:none; } .checkout-cart-index ul.form-list li label#register_new_account, .checkout-cart-index ul.form-list li label#ship_to_same_address { display:inline-block; margin:0; } .checkout-cart-index ul.form-list li .ez-checkbox, .checkout-cart-index .sp-methods .ez-radio { margin-right:10px; } #tab-coupon{padding:10px 15px 9px; border-top:1px solid #dedede;} #tab-coupon .cart .discount{ margin:0; padding:0; background:none; border:0px none;} #tab-coupon .cart .discount .buttons-set{margin:0;} /*.cart .discount h2{ background:none; color:#444; font-family:'Roboto',Arial,Helvetica,sans-serif; font-size:20px; font-weight:900; padding:0; text-transform:uppercase;}*/ #tab-coupon .cart .discount h2{display:inline; margin:8px 10px 0 0; float:left;} #tab-coupon .cart .discount .input-box { display:inline; margin:0; width:auto; margin-right:10px; float:left;} #tab-coupon .cart .discount input.input-text{ width:254px; height:44px; padding:0 12px; border:1px solid #d8d8d8; } #tab-coupon .cart .discount .buttons-set{clear:none; display:inline; float:left; border:0; padding:0; } #tab-coupon .cart .discount .buttons-set button.button { padding:10px 65px 10px 20px; background:#444; position:relative; } .osc-threecolumns button.btn-checkout, #onestepcheckout-button-place-order { padding:10px 20px 10px 65px; background:#444; position:relative; } #onestepcheckout-button-place-order { padding:9px 20px 9px 65px; } .onestepcheckout-enable-terms { float:left; text-align:left; clear:both; margin:5px 0 0; } #checkout-review-submit .buttons-set { margin:0; border:0; clear:both; padding:0; } #checkout-review-submit .buttons-set a { float:none; } #onestepcheckout_place_order_button{ float:right; line-height:25px;} #checkout-review-options textarea { width:100%; height:90px; } p.a-right { text-align:right; } #checkout-review-options label { font-size:24px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; margin:0 0 8px; display:block; } .onestepcheckout-comments { margin:0 0 20px; } .checkout-cart-index .osc-page-tittle { margin:0 0 13px; } #loginbox { color:#444; text-decoration:none; } #loginbox span { color:#fbbe47; margin:0 0 10px; display:inline-block; } #giftvoucher_container ul li.message { display:none; } #giftvoucher_container dt.giftvoucher { margin-top:6px; } /* Contact Us ========================================================================================*/ .contact-info ul { margin:0; padding:0; list-style:none; } .contact-info li { margin:0 0 30px; } .contact-info h3 { font-size:18px; color:#fbbe47; text-transform:uppercase; border-bottom:1px solid #dedede; padding:0 0 8px; margin:0 0 10px; } .contact-info address, .contact-info .phone-no, .contact-info .email-us { position:relative; padding:0 0 0 30px; margin:0 0 8px; display:block; word-break:break-all; } .contact-info address:before,.contact-info .phone-no:before, .contact-info .email-us:before { content:""; width:14px; height:21px; position:absolute; left:0; top:4px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -90px; } .contact-info .phone-no:before { background-position:-280px -90px; width:19px; height:20px; } .contact-info .email-us:before { background-position:-305px -93px; width:16px; height:14px; } .contact-info .phone-no { margin:0 0 12px; display:block; } .contact-info li a { color:#fbbe47; text-decoration:underline; } .contact-info li a:hover { color:#444; text-decoration:none; } .contact-info .mod_content { padding:0; } .main-title { position:relative; padding:0 0 12px; margin:0 0 30px; } .main-title h1 { margin:0; } .main-title:after { content:""; width:165px; height:1px; background:#e2e2e2; position:absolute; left:0; bottom:0; } .fieldset { border:1px solid #d8d8d8; background:none; padding:20px 26px; margin:0 0 25px; } .fieldset h2 { color:#fbbe47; font-size:25px; border-bottom:1px solid #d8d8d8; margin:0 0 15px; padding:0 0 14px; } .contacts-index-index .fieldset { margin:0; border-bottom:0; padding:20px 26px 0; } .contacts-index-index .buttons-set { border-top:0; position:relative; top:-10px; padding:16px 25px 30px; } .contacts-index-index .buttons-set button.button { float:left; margin-left:1px; } .contacts-index-index p.required { float:right; color:#eb2e12; margin:12px 0 0; font-size:16px; } .contacts-index-index .form-list li.wide .input-box, .contacts-index-index .form-list li.wide textarea { width:100%; } .checkout-cart-index .sp-methods { border-top:0; padding:0; } #checkout-review-table h3 { font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; } .onestepcheckout-enable-terms label em { color:#eb2e12; margin:0 5px 0 0; } .checkout-cart-index .sp-methods dd { margin:0 0 10px; } .onestepcheckout-enable-terms .ez-checkbox { margin-right:10px; } ul.form-list li.wide .input-box, ul.form-list li.wide input.input-text { width:100%; } .row {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap:wrap;flex-wrap: wrap;margin-left: -2.12766%; } .row.right {-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end; } .col-4 {flex-basis: 33.33333%;max-width: 33.33333%;width: 33.33333%; } .col-5 {flex-basis: 41.66667%;max-width: 41.66667%;width: 41.66667%; } .col-6 {flex-basis: 47.5%;max-width: 47.5%; width: 47.5%;padding-left:2.5% } .col-11 {flex-basis: 91.66667%;max-width: 91.66667%;width: 91.66667%; } /* Gallery List Page ====================================================================================*/ .toolbar .pager { margin:0; border-bottom:none; text-align:center; } .toolbar .pager .pages { margin:0; display:inline-block; float:none; } .pager { margin:0; padding:5px 0; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong,.pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages strong { vertical-align:middle; line-height:30px; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 5px; display:block; text-align:center; /*width:34px; height:34px; line-height:34px;*/ } .pager .pages li.current { background-color:#da9206; color:#fff; font-size:16px; padding:5px 12px 4px 12px; } .pager .pages li a { display:block; font-size:16px; background-color:transparent; color:inherit; background:#444; color:#fff; text-decoration:none; padding:5px 12px 4px 12px; } .pager .pages li a:hover { background:#da9206; color:#fff; text-decoration:none; } .pager .pages li a.previous { background:none; color:#8f8f8f; position:relative; margin:0 10px 0 0; padding:5px 0 5px 20px; } .pager .pages li a.previous:hover, .pager .pages li a.next:hover { color:#444; } .pager .pages li.previous { margin:0 10px 0 0; } .pager .pages li.next { margin:0 0 0 10px; } .pager .pages li a.previous:before { content:""; width:14px; height:14px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -464px -187px no-repeat; position:absolute; left:0; top:50%; margin-top:-5px; } .pager .pages li a.previous:hover:before { background-position:-464px -203px; } .pager .pages li a.next { background:none; padding:5px 20px 5px 0; color:#8f8f8f; position:relative; margin:0 0 0 10px; } .pager .pages li a.next:after { content:""; width:14px; height:14px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -483px -186px no-repeat; position:absolute; right:0; top:50%; margin-top:-5px; } .pager .pages li a.next:hover:after { background-position:-483px -202px; } .pager .pages li a.previous:hover { background-position:-270px -166px; } .pager .pages li a.next:hover { background-position:-300px -166px; } .gallery-list ul { margin:0 0 0 -2%; padding:0; list-style:none; } .gallery-list li { width:23%; margin:0 0 27px 2%; float:left; } .gallery-list li a { border:1px solid #dedede; padding:15px; display:block; text-decoration:none; color:#666; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; } .gallery-list li a h4 { font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; margin:15px 0 0; } .gallery-list li a:hover { color:#fbbe47; border:1px solid #fbbe47; } .gallery-list li a h4:hover { color:#fbbe47; } .toolbar { border-top:1px solid #eaeaea; padding:2px 0; border-bottom:1px solid #eaeaea; margin-bottom:36px; } .toolbar .pager .pages ol { margin:0; padding:0; list-style:none; } .galleryext-index-index .page-title, .galleryext-index-list .page-title { overflow:inherit; } .galleryext-index-index .page-title h1, .galleryext-index-list .page-title h1 { float:left; } .advance-gallery { float:right; /*width:470px;*/ position:relative; } .advance-gallery label { float:left; background:#fbbe47; width:122px; height:44px; text-align:center; line-height:44px; color:#fff; } .advance-gallery ul.form-list .input-box { position:relative; float:left; width:177px; clear:none; } .advance-gallery .input-box .custom-selectbox2 { border:0; background:#da9206; color:#fff; height:44px; } .advance-gallery .input-box .custom-selectbox2 select { color:#fff; } .advance-gallery .input-box .custom-selectbox2 select option { color:#000; } .advance-gallery .input-box .custom-selectbox2 select::-moz-any(option) { background:#fff; } .advance-gallery .input-box .custom-selectbox2:before { background-color:#da9206; } .advance-gallery .input-box .custom-selectbox2 select{ padding:10px 12px;} .advance-gallery button { width:50px; height:44px; text-indent:-999em; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -519px -159px no-repeat #da9206; border-left:0; } .advance-gallery button:hover { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -519px -159px no-repeat #444; } /*.gallery-search { float:left; }*/ .advance-gallery a { float:right; margin:8px 0 0 20px; color:#444; text-decoration:none; } .advance-gallery a:hover { color:#fbbe47; } .advance-gallery .fieldset { border:0; padding:0; margin:0; } .advance-gallery ul.form-list .field { width:auto; float:none; margin:0; } .advance-gallery ul.form-list li.fields { margin:0 0 0 10px; position:static; } .advance-gallery ul.form-list li { float:left; } .advance-gallery ul.form-list li.fields:first-child { margin-left:0; } .advance-gallery ul.form-list li.refine-search { display:block !important; } .advance-gallery #adv { position:absolute; left:0; z-index:100; top:50px; width:480px; padding:20px; background:#fff; border:1px solid #dedede; display:none; } .advance-gallery #adv:before { width:0; height:0; content:""; position:absolute; right:10px; top:-10px; border-bottom:10px solid #dedede; border-right:10px solid transparent; border-left:10px solid transparent; } .advance-gallery #adv ul { margin:0; padding:0; list-style:none; } .advance-gallery #adv label { background:#fff; color:#444; text-align:left; display:block; float:none; } .advance-gallery #adv .input-box .custom-selectbox2 { background:#fff; border:1px solid #dedede; } .advance-gallery #adv .input-box .custom-selectbox2 select { color:#000; } .advance-gallery #adv .input-box .custom-selectbox2:before { background-color:#fff; } .advance-gallery #adv button { width:auto; height:auto; background:#fbbe47; text-indent:0; margin:10px 0 0; } .galleryext-index-index .pager .limiter label, .galleryext-index-list .pager .limiter label { display:block; float:left; } .galleryext-index-index .pager .amount, .galleryext-index-list .pager .amount { text-align:left; margin:12px 0 10px; } .galleryext-index-index .limiter .custom-selectbox2, .galleryext-index-list .limiter .custom-selectbox2 { float:left; width:86px; margin:0 0 0 10px; } .galleryext-index-index .toolbar .pager, .galleryext-index-list .toolbar .pager { background:#fff; text-align:center; } .galleryext-index-index .pager .limiter select, .galleryext-index-list .pager .limiter select { padding:.5em; } .galleryext-index-index .limiter .custom-selectbox2 select, .galleryext-index-list .limiter .custom-selectbox2 select { width:100% !important; } .galleryext-index-index .pager .limiter, .galleryext-index-list .pager .limiter { float:right; } .galleryext-index-index .toolbar .pager .pages, .galleryext-index-list .toolbar .pager .pages { margin:6px 0 0; } .advance-gallery #adv li { width:100%; float:none; } /*Product Detail Page ===========================================================================================*/ .product-view .product-shop { float:right; width:814px; } .product-img-column { float:left; width:440px; } .image-zoom { margin:0 0 20px; position:relative; } .image-zoom .productdetail-img-active{display:block;} .image-zoom a{display:none;} .image-zoom img { border:1px solid #dedede; width:100%; } .bigimg-pc-end{display: block;} .bigimg-phone-end{display: none;} .slider-thumb { margin:20px 0; } .slider-thumb ul { margin:0 0 0 -5px; padding:0; list-style:none; } .slider-thumb li { float:left; width:75px; height:75px;margin:0 0 0 5px; } .slider-thumb li img { border:1px solid #d4d4d4;max-width:75px; max-height:75px; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; } .slider-thumb li:hover img, .slider-thumb li.active img { border-color:#444; } .price-box { font-family:'Roboto', Arial, Helvetica, sans-serif; margin:10px 0 12px; } .price-box > div { float:left; } .price-box .old-price .price { margin:5px 0 0; font-size:18px; color:#525252; } .price-box .special-price { margin:0 0 0 15px; font-size:22px; font-weight:900; color:#525252; } .price-box > div { float:left; } .price-box .special-price .price { color:#e03100; font-size:22px; } .qty-wrapper { margin:0 0 15px; } .input-text.qty { width:56px; padding:0; text-align:center; } .button.btn-cart { margin:0 15px 0 0; } .look-listing ul { margin:0 0 0 -20px; padding:0; list-style:none; } .look-listing li { text-align:center; width:210px; margin:0 0 20px 20px; float:left; position:relative; } .look-listing li a { text-decoration:none; border:3px solid #dedede; display:block; padding:10px 10px 80px; color:#444; display:block; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; height:100%; } .look-listing li a h4, .look-listing li a h3 { margin:0 0 10px; font-family:'Roboto',Arial, Helvetica, sans-serif; color:#444; font-size:15px; line-height:20px; padding:0 10px; text-align:center; width:100%; position:absolute; bottom:10px; left:0; } .look-listing li a:hover, .look-listing li a:hover h4, .look-listing li a:hover h3 { color:#fbbe47; border-color:#fbbe47; } .offer-nav { margin:0 0 25px; } .offer-nav ul { margin:0; padding:0; list-style:none; } .offer-nav li { float:left; margin:0 18px 0 0; } .offer-nav li a { position:relative; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#444; position:relative; padding:0 0 0 40px; } .offer-nav li.free-deliver a { padding:0 0 0 50px; } .offer-nav li.save-up a:before{ background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -417px -255px no-repeat; content:""; width:25px; height:25px; position:absolute; left:0; top:50%; margin-top:-12px; content:""; } .offer-nav li.free-deliver a:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -455px -253px no-repeat; content:""; width:35px; height:26px; position:absolute; left:0; top:50%; margin-top:-13px; content:""; } .offer-nav li a:hover { color:#000; } .offer-nav li.save-up a:hover:before { background-position:-465px -221px; } .offer-nav li.free-deliver a:hover:before { background-position:-503px -219px; } .catalog-product-view .main-title { margin:0 0 23px; } .no-rating { margin:0 0 8px; } .no-rating a { font-size:16px; font-weight:900; color:#444; text-transform:uppercase; color:#444; text-decoration:none; } .availble { margin:0 0 20px; } .availble span { color:#8a8a8a; } .product-info { background:#f6f6f6; padding:0 18px 10px; margin:0 0 20px; } .catalog-product-view .add-to-cart, .catalog-product-view .qty-wrapper { float:left; } .catalog-product-view .add-to-cart { margin-right:15px; } .catalog-product-view .add-to-cart .qty, .catalog-product-bundle .add-to-cart .qty, .review-product-list .add-to-cart .qty{ margin:0 15px; } /*.catalog-product-view .add-to-cart, .catalog-product-view .qty-wrapper .qty { margin:0 0 0 20px; }*/ ul.add-to-links { margin:0; position:relative; top:8px; padding:0; list-style:none; display:inline-block; } ul.add-to-links li { display:inline-block; } ul.add-to-links li a { color:#5e5e5e; text-decoration:none; } .catalog-product-view .add-to-cart a { color:#444; text-decoration:none; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; } ul.add-to-links li a.link-wishlist { margin:0; position:relative; padding:0 0 0 28px; } ul.add-to-links li a.link-wishlist:before { content:""; width:18px; height:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -526px -256px no-repeat; position:absolute; left:0; top:3px; } ul.add-to-links li a.link-wishlist:hover:before { background-position:-574px -256px; } ul.add-to-links li a.link-compare { position:relative; margin:0 0 0 16px; padding:0 0 0 36px; } ul.add-to-links li a.link-compare:before { content:""; width:18px; height:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -501px -256px no-repeat; position:absolute; left:10px; top:4px; } ul.add-to-links li a.link-compare:after { content:""; display:block; width:1px; height:20px; background:#d4d4d4; position:absolute; left:-5px; top:2px; } ul.add-to-links li a.link-compare:hover:before { background-position:-549px -256px; } ul.add-to-links li a:hover { color:#000; } .delivery-info { margin:0 0 20px; } .delivery-info ul { margin:0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 0 0; list-style:none; } .delivery-info li { float:left; margin:0 12px 10px 0; } .delivery-info li a { color:#5e5e5e; text-decoration:none; position:relative; padding:0 0 0 34px; } .delivery-info li a:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; position:absolute; left:0; top:0; display:block; content:""; width:26px; height:19px; } .delivery-info li.delivery a:before { background-position:-18px -320px; } .delivery-info li.delivery a:hover:before{ background-position:-18px -347px; } .delivery-info li.installation a:before { background-position:-48px -320px; } .delivery-info li.installation a:hover:before{ background-position:-48px -347px; } .delivery-info li.inquiry a:before { background-position:-77px -320px; } .delivery-info li.inquiry a:hover:before{ background-position:-77px -347px; } .delivery-info li.video a:before { background-position:-105px -320px; } .delivery-info li.video a:hover:before { background-position:-105px -347px; } .delivery-info li.fitting a:before { background-position:-134px -320px; } .delivery-info li.fitting a:hover:before { background-position:-134px -347px; } .delivery-info li a:hover { color:#000; } .social_likes ul { margin:20px 0; padding:0; list-style:none; } .social_likes li { float:left; } .social_likes li.tw, .social_likes li.gp, .social_likes li.pin { margin:5px 0 0 10px; } .social_likes li.gp > div { width:58px !important; } /*.social_likes li.tw iframe { min-width:80px !important; }*/ /*Timer CSS =============================================================================================*/ .timertopspace .aw_countdown_timer_container_black { padding:0 15px; } .timertopspace h2 { float:left; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:900; font-size:24px; margin:15px 0 0 10px; width:60px; } .timertopspace .aw_countdown_timer { float:left; } .timertopspace .element { float:left; width:90px;background:#000000; height:90px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmzzzzzzXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #000000 0%, #808080 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#808080)); background:-webkit-linear-gradient(top, #000000 0%,#808080 100%); background:-o-linear-gradient(top, #000000 0%,#808080 100%); background:-ms-linear-gradient(top, #000000 0%,#808080 100%); background:linear-gradient(to bottom, #000000 0%,#808080 100%); margin:0 0 0 25px; text-align:center; position:relative; line-height:1.25; position:relative; } .timertopspace .element:before { content:""; display:block; position:absolute; left:-16px; top:50%; margin-top:-8px; width:6px; height:16px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -192px -323px no-repeat; } .timertopspace .element:first-child:before { display:none; } .timertopspace .label span { text-align:center; font-size:16px; text-transform:uppercase; color:#fff; font-weight:900; line-height:28px; } .left_search .left_shd { background:url(zzzzzz/shake.png) no-repeat 5px -8px; background-size:190px 20px; } .timertopspace .element .time { float:left; width:90px; height:90px; text-align:center; font-size:52px; font-weight:900; color:#fff; } .timertopspace .label { position:absolute; left:0; bottom:0; width:100%; height:28px; background:#444; color:#fff; } .moduelbox { margin:0 0 22px; } .mod_content { padding:20px; } .moduelbox.search-area .mod_content { border:1px solid #e3e3e3; } .moduelbox.side-accordion .mod_content { padding:0; background:none; } .accordion-box, .block-layered-nav dd { margin:0; border:1px solid #e3e3e3; padding:20px; border-top:0; } .block-layered-nav dd { background:none; } .side-accordion .sideacco_data { display:block; padding:20px; } .side-accordion ul { margin:0; padding:0; list-style:none; } .side-accordion ul li, #sidebar .block.block-layered-nav li { /*line-height:1.6;*/ padding:10px 0; display:block; border-top:1px solid #f1f1f1; } .side-accordion ul li:first-child, #sidebar .block.block-layered-nav li:first-child { padding:0 0 10px; border-top:0; } .side-accordion ul li input[type="checkbox"] { position:relative; top:1px; } /* Product List Page =====================================================================================*/ .innerbanner { position:relative; margin:0 0 16px; } .banner-content { position:absolute; width:360px; text-align:right; color:#fff; z-index:9; right:48px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .banner-content h3 { font-size:36px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:900; margin:0 0 20px; color:#fff; } .products-grid { background:none; border:0; } .products-grid ul { margin:0 0 0 -2%; padding:0; list-style:none; } .products-grid > ul > li { padding:20px 0 25px; text-align:center; float:left; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; border:1px solid #e3e3e3; margin:0 0 20px 2%; position:relative; } .products-grid1 > ul > li { width:31.333%;} .products-grid2 > ul > li { width:23%;} .products-grid > ul > li:hover { border:1px solid #fbbe47; box-shadow:0 0 7px rgba(0,0,0,0.15); } .stock-available { font-size:15px; color:#fff; background:#da9206; text-transform:uppercase; font-weight:300; padding:10px 16px; margin:0 0 4px; display:block; } .products-grid li h4 { font-size:18px; color:#525252; line-height:1.5; font-weight:400; text-transform:uppercase; font-family:'Roboto',Arial, Helvetica, sans-serif; margin:0 48px 10px; /*position:relative; z-index:10;*/ } .product-information { float:left; text-align:left; margin:0 0 0 40px; width:296px; } .products-grid li a { text-decoration:none; color:#444; } .products-grid li a:hover { color:#fbbe47; } .rating-box { margin:10px 0 0; } .rating-box .rating { display:inline-block; position:relative; top:0; } .rating-box .amount { font-size:12px; color:#919191; } .products-grid li .regular-price { font-size:14px; color:#878787; } .products-grid li .regular-price .price { color:#fbbe47; text-decoration:line-through; font-weight:400; } .products-grid li .price-box > div { float:none; } .products-grid li .special-price { font-size:16px; color:#8a8a8a; font-weight:400; margin:0; } .products-grid li .special-price .price { font-weight:700; font-size:16px; } .actions { margin:20px 0 0; } .actions ul { margin:0 0 0 -10px; padding:0; list-style:none; } .actions li { border:0; margin:0 0 0 10px; width:auto; float:none; display:inline-block; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:16px; } .actions li a { position:relative; display:block; } .actions li a:before { content:""; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; position:absolute; left:0; top:0; } .actions li.add-compare a { color:#444; padding:0 0 0 24px; } .actions li.add-compare a:before { background-position:-227px -347px; width:17px; height:17px; top:50%; margin-top:-9px; } .actions li.view-list a { padding:6px 10px 6px 30px; background:#444; color:#fff; } .actions li.view-list a:before { background-position:-261px -312px; width:30px; height:38px; } .actions li.add-compare a:hover { color:#da9206; } .actions li.view-list a:hover { background:#212121; } .ribbon { width:88px; height:87px; position:absolute; right:-6px; top:-6px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -417px -301px no-repeat; text-indent:-999em; } .catalog-category-view .toolbar { border:0; margin:30px 0; } .catalog-category-view .toolbar .input-box { width:200px; float:right; } .products-grid li figure { margin:0 0 18px; } /*.products-grid li a img { border:1px solid; }*/ .products-grid li .ratings { margin:0 0 18px; } .products-grid li .rating-box { margin:0; } .products-grid li .price-box > div { margin:0 0 10px; } .products-grid .actions { margin:22px 0 0; } .products-grid li.deal-of-day { width:64.65%; padding:20px 20px 25px; } .products-grid li.deal-of-day h4 { font-size:24px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-weight:900; color:#444; } .products-grid li.deal-of-day .product-img { width:200px; float:left; text-align:center; position:relative; } .discount-price { position:absolute; right:-30px; top:-5px; width:83px; height:83px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -510px -299px no-repeat; font-size:24px; font-weight:500; color:#fff; text-align:center; line-height:100%; } .discount-price span { width:83px; height:83px; display:table-cell; vertical-align:middle; } .products-grid li.deal-of-day .product-img h5 { font-size:18px; font-weight:300; font-family:'Roboto',Arial, Helvetica, sans-serif; text-transform:uppercase; } .products-grid li.deal-of-day .product-information h5 { font-size:18px; color:#525252; text-transform:uppercase; font-family:'Roboto',Arial, Helvetica, sans-serif; margin-bottom:12px; } .products-grid li.deal-of-day .rating-box{ margin:0; } .products-grid li.deal-of-day.price-box { margin:0 0 50px; position:relative; } .products-grid li.deal-of-day figure { margin:0 0 5px; } .products-grid li.deal-of-day .price-box .special-price { color:#fbbe47; line-height:100%; } .products-grid li.deal-of-day .price-box .special-price .price { display:block; font-size:44px; font-weight:900; line-height:100%; } .products-grid li.deal-of-day .price-box .special-price sup { font-size:26px; font-weight:400; vertical-align:top; position:relative; top:-2px; margin:0 5px 0 0; } .products-grid li.deal-of-day .price-box > div { float:left; } .products-grid li.deal-of-day .price-box .regular-price { color:#525252; line-height:100%; margin:0; position:absolute; right:0; bottom:18px; } .products-grid li.deal-of-day .price-box .regular-price .price { display:block; font-size:20px; color:#525252; line-height:100%; } .products-grid li.deal-of-day h4 { margin:-20px -21px 14px; background:#018ee0; color:#fff; font-weight:900; font-size:32px; padding:5px 0; z-index:0; } .products-grid li.deal-of-day .actions li.add-compare a { position:relative; top:5px; } .products-grid li.deal-of-day .actions li.view-list a:before { width:36px; height:36px; background-position:-299px -312px; } .products-grid li.deal-of-day .actions ul { margin-left:-2%; } .products-grid li.deal-of-day .actions li { float:left; margin:0 0 0 2%; width:48%; } .products-grid li.deal-of-day .actions li a { display:block; text-align:left; font-size:18px; } .products-grid li.deal-of-day .actions li.view-list a { text-align:center; } .search-area .head-title h3 { background:#fbbe47; text-align:center; padding:14px 0; font-size:24px; color:#fff; margin:-20px -20px 20px; } .moduelbox.side-accordion h2.side-head, .block-layered-nav dt { font-size:24px; color:#8b8b8b; margin:0; padding:12px 20px; position:relative; cursor:pointer; } .block-layered-nav dt { background:none; border:1px solid #e3e3e3; text-transform:capitalize; font-weight:normal; border-bottom:0; margin:22px 0 0; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; } .moduelbox.side-accordion h2.side-head:before, .block-layered-nav dt:before { content:""; width:22px; height:22px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -340px -315px no-repeat; position:absolute; right:16px; top:20px; -moz-transition:all 550ms ease; -webkit-transition:all 550ms ease; -ms-transition:all 550ms ease; transition:all 550ms ease; } .block-layered-nav dt.close-accordion { border-bottom:1px solid #dedede; } .moduelbox.side-accordion h2.side-head.close-accordion:before, .block-layered-nav dt.close-accordion:before { -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); } .moduelbox.side-accordion h2.side-head.close-accordion:before, .block-layered-nav dt.close-accordion:before { background-position:-247px -369px\9;} .jspContainer { overflow:hidden; position:relative; } .jspPane { position:absolute; } .jspVerticalBar { position:absolute; top:0; right:0; width:6px; height:100%; } .jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:16px; } .jspCap { display:none; } .jspHorizontalBar .jspCap { float:left; } .jspTrack { background:#dedede; position:relative; } .jspDrag { background:#da9206; position:relative; top:0; left:0; cursor:pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; } .jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer; padding:0; margin:0; } .jspArrow.jspDisabled { cursor:default; background:#80808d; } .jspVerticalBar .jspArrow { height:16px; } .jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; } .jspVerticalBar .jspArrow:focus { outline:none; } .jspCorner { background:#eeeef4; float:left; height:100%; } * html .jspCorner { margin:0 -3px 0 0; } .jspPane { width:92% !important; } .custom-scroll, div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-child { height:350px; overflow:hidden; width:100% !important; } .jspContainer { width:100% !important; } .aside-filter-summary ul { margin:0; padding:0 0 15px; list-style:none; } .aside-filter-summary li { background:#da9206; position:relative; padding:8px 42px 8px 10px; color:#fff; display:inline-block; font-size:12px; cursor:pointer; margin-bottom:5px; } .aside-filter-summary li:hover { background-color:#444; } /*.aside-filter-summary li span { font-size:16px; }*/ /*.aside-filter-summary li:after { content:""; }*/ .aside-filter-summary li .btn-remove { width:32px; height:34px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -367px -314px no-repeat #fbbe47; position:absolute; right:0; top:0; } .aside-filter-summary li:hover .btn-remove{ background-color:#5a5a5a; } .catalog-category-view .main-title { margin:0 0 15px; } /* Gallery Detail =====================================================================================*/ .gallery-detail #primary { float:left; } .gallery-detail #sidebar { float:right; } .product-gallery.owl-carousel { width:912px; } .gallery-detail .page-title { margin:0 0 24px; } .gallery-detail .page-title h1 { text-transform:uppercase; } #right-sidebar { margin:6px 0 0; width:336px; float:right; position:relative; } .side-info { border:1px solid #dedede; padding:15px 20px 20px; text-align:center; position:relative; margin:64px 0 22px; } .side-info:before { content:""; width:0; height:0; border-right:14px solid #fff; border-top:14px solid transparent; border-bottom:14px solid transparent; position:absolute; left:-13px; top:10px; z-index:1; } .side-info:after { content:""; width:0; height:0; border-right:15px solid #dedede; border-top:15px solid transparent; border-bottom:15px solid transparent; position:absolute; left:-15px; top:9px; z-index:0; } .side-info .mod_content { padding:0; } .side-info .head-title { text-align:center; border-top:5px solid #0f88c3; margin:-15px -20px 0 -20px; padding:15px 20px; } .side-info .head-title h3 { font-size:24px; color:#888; border-bottom:1px solid #e3e3e3; padding:0 0 18px; margin-bottom:8px; } .side-info .subtitle h4 { font-size:24px; text-transform:uppercase; margin:0 10px 22px; } .side-info .subtitle h4 a { color:#444; text-decoration:none; } .side-info .subtitle h4 a:hover { color:#0f88c3 } .img-product { margin:0 0 22px; } .manufacture,.model { display:block; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:20px; } .manufacture strong ,.model strong { font-weight:normal; color:#0f88c3; } .manufacture { margin:12px 0 5px; } .visit-online a { width:100%; position:relative; font-size:24px; display:block; color:#fff; font-size:24px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; background:#da9206; text-decoration:none; padding:9px 50px 9px 0; text-align:center; } .visit-online a:hover { background-color:#444; } .visit-online a:hover:before { background-color:#5a5a5a; } .visit-online a:before { width:64px; height:100%; position:absolute; right:0; top:0; content:""; background-color:#fbbe47; } .visit-online a:after{ width:64px; height:64px; position:absolute; right:0; top:0; content:""; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -9px -255px no-repeat; } .visit-online .mod_content { padding:0; } .moduelbox.gallery-nav { position:absolute; right:27px; margin:4px 0 0; } .moduelbox.gallery-nav .mod_content { padding:0; text-align:right; position:relative; } .gallery-nav ul { margin:0; padding:0; list-style:none; /*position:absolute; right:0; top:-50px;*/ } .gallery-nav li { display:inline-block; margin:0 0 0 10px; } .gallery-nav li a { font-size:20px; text-decoration:none; line-height:100%; color:#333333; position:relative; display:block; } .gallery-nav li a:hover { color:#268ac5; } .gallery-nav li a:before { width:20px; position:absolute; content:""; height:20px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; } .gallery-nav li.prev a:before { background-position:-31px -376px; left:-24px; top:1px; } .gallery-nav li.next a:before { background-position:-58px -376px; right:-25px; top:1px; } .gallery-nav li.prev a:hover:before { background-position:-86px -376px; } .gallery-nav li.next a:hover:before { background-position:-113px -376px; } .product-gallery-box { width:912px; float:left; } .gallery-nav li.prev{ margin:0 20px 0 0; } /*Tooltip ===================================================================*/ .popover { display:none; } .popover { box-sizing:border-box; position:absolute; bottom:100%; left:0; z-index:10; padding-bottom:10px; width:440px; } .popover .close { position:absolute; top:-20px; right:-20px; display:block; width:32px; height:33px; line-height:18px; padding:0; float:right; color:#fff; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -367px -314px #fbbe47; text-decoration:none; font-size:12px; border-radius:100%; text-indent:-999em; } .popover .close:hover { background-color:#444; } .popover-content { position:relative; background:#fff; color:#505050; text-align:left; padding:15px 18px; border:3px solid #dedede; } .popover-content:after { content:''; position:absolute; width:0; height:0; left:10px; top:100%; border-top:13px solid #dedede; border-right:13px solid transparent; border-left:13px solid transparent; } #popover p { text-align:justify; font-size:14px; } /* Custom Css ====================================================================*/ .search-info button[name="reset"] { display:none; } .cms-home .amfinder-vertical, .cms-home .amfinder-horizontal { border:0; background:none; padding:0; } .cms-home .amfinder-vertical .dropdown-title, .cms-home .amfinder-horizontal .dropdown-title { display:none; } .cms-home .amfinder-vertical .dropdown-element, #sidebar .amfinder-vertical .dropdown-element { position:relative; } #sidebar .amfinder-vertical, .amfinder-horizontal { border:1px solid #e3e3e3; background:#fff; padding:20px; font-size:0; margin:0 0 22px; } #sidebar .amfinder-buttons button.button, .galleryext-index-featured .amfinder-vertical button { margin:10px 0; width:100%; display:block; position:relative; background:#444; } .toolbar .limiter, .toolbar .sort-by { position:relative; } .fieldset .legend { background:none; padding:0; margin:0 0 22px; border:0; float:none; font-size:25px; font-weight:normal; color:#fbbe47; } .block-title strong { background:none !important; padding-left:0 !important; } .block .block-content { background:#fff; } .block-compare button.button span { color:#444; background:none; line-height:1.571; } .block-compare button.button:hover span { color:#aaa; } .product-name { font-size:16px; line-height:1.571; } .product-name a { text-transform:capitalize; } .catalog-category-view .toolbar .input-box, .catalogsearch-result-index .toolbar .sort-by .input-box { width:auto; } .catalog-category-view .toolbar .sort-by .input-box, .catalogsearch-result-index .toolbar .sort-by .input-box{ width:160px; } .pager .limiter label { display:inline-block; margin:10px 0 0; } .products-grid .price-box { margin:0; line-height:10px; position:relative; } .products-grid .actions { position:relative; bottom:0; } .block.block-layered-nav, .block-layered-nav .block-content { border:0; } .toolbar .limiter { float:left; margin:4px 0 0; } .limiter label, .sorter .sort-by label { margin:10px 16px 0 0; display:inline-block; font-size:14px; float:left; } .toolbar .pager, .toolbar .sorter { border-top:1px solid #eee; padding:6px 20px; background:none; } .toolbar .pager { text-align:right; background:#f5f5f5; border-top:0; } .toolbar .sorter { border-bottom:1px solid #eee; background:#fff; padding:6px 20px 10px; } .pager .amount { margin:6px 0 0; font-size:14px; } .sorter .sort-by { padding-right:0; margin:4px -7px 0 0; } .product-view { border:0; } .ratings .amount { margin:0 0 0 10px; } .ratings .rating-box { float:none; display:inline-block; text-align:center; } .products-grid li.deal-of-day .ratings .rating-box { float:left; } .products-grid li.deal-of-day .price-box { margin:34px 0 12px; } .link-reorder { font-weight:normal; color:#fbbe47 !important; } .link-reorder:hover { color:#444; } .block .actions button.button { margin:5px 0 0; } .block .actions button.button span { text-transform:capitalize; color:#444; line-height:1.571; } .block .actions button.button:hover span { color:#ababab; } .block-reorder .product-name { margin-left:0; } .block.block-compare .actions a, .block.block-reorder .actions a { margin:4px 0 0; } .block li.even { background:none; } colgroup { display:none; } .my-account .buttons-set { padding:0; border:0; } button.btn-checkout span span { padding:0; } button.btn-checkout span { line-height:1.571; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:24px; color:#444; font-weight:900; } .cart .discount button span, .cart .shipping button span { background:none; border:0; } .cart .discount input.input-text { width:100%; } .cart .discount .input-box { width:auto; } dd#giftcard_shoppingcart_apply ul { margin:0; padding:0; list-style:none; } .data-table#shopping-cart-table tfoot { background:#f5f5f5; border-top:1px solid #dedede; } .data-table tfoot tr { background-color:transparent !important; } .data-table tfoot tr td:last-child { background:none; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { background:none; border:0; text-transform:capitalize; } .cart-table td { vertical-align:middle; } .product-options-bottom { padding:0; border:0; background:none; } .product-view .product-shop .short-description { background:none; padding:0; } .ratings .rating-links { display:inline-block; margin:0 0 0 5px; } .old-price { margin:7px 0 0; } .ratings .rating-links .separator { font-size:20px; color:#dedede; } .cart-table .product-name { font-weight:normal; } .delivery-info li.fitting .popover { left:auto; right:0; } .delivery-info li.fitting .popover-content:after { left:auto; right:10px; } .data-table .even { background:#fff; } .aw_countdown_timer_container_ { margin:0 0 20px; } .product-view .product-shop .add-to-links a { font-size:16px; color:#5e5e5e !important; } .product-view .product-shop .add-to-links a:hover { color:#000 !important; } .cms-home .main-title:after, .cms-home .main-title { display:none; } select:focus, select, body .address-information ul li .select, body .address-info-3-columns .group-select ul li .one-field select, body .address-info-3-columns .group-select ul li .two-fields select { background:none; border:0; } /*.custom-selectbox { width:100%; height:44px; overflow:hidden; position:relative; border:1px solid #d8d8d8; background:#fff; position:relative; } .custom-selectbox, .input-box { margin:0 0 14px; } .custom-selectbox:before { content:""; width:12px; height:9px; position:absolute; right:10px; top:50%; margin-top:-4px; background:url(zzzzzz/arrow-bg.png) 0 0 no-repeat; }*/ .custom-select { background-color:#fff; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 2em; padding:0; position:relative; width:100%; z-index:1; } .custom-select:hover { border-color:#999; } .custom-select:before { color:#333; display:block; font-family:'FontAwesome'; font-size:1em; height:100%; line-height:2.5em; padding:0 0.625em; position:absolute; top:0; right:0; text-align:center; width:1em; z-index:-1; } .custom-select select { background-color:transparent; border:0 none; box-shadow:none; color:#333; display:block; font-size:100%; line-height:normal; margin:0; padding:.5em; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .custom-select select::-ms-expand { display:none; /* to ie 10 */ } .custom-select select:focus { outline:none; } #sidebar .block.block-layered-nav .block-content { padding:0; } div.block-layered-nav dd a { color:#444; text-decoration:none; } div.block-layered-nav dd a:hover{ color:#fbbe47; } a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr { background:none !important; position:relative; padding-left:30px !important; } a.amshopby-attr:before, div.block-layered-nav dd a.amshopby-attr:before { content:""; width:15px; height:14px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -184px -27px no-repeat; position:absolute; left:0; top:6px; } /*Message CSS ===============================================================================*/ .validation-failed { border:1px solid #e8e8e8 !important; background:#fff !important; } .validation-advice { font-weight:normal; line-height:1.571; margin:10px 0 0; } body #onestepcheckout-button-place-order:after { left:0; right:0; } body #onestepcheckout-button-place-order:hover { background:#444 !important; opacity:1 !important; } body #onestepcheckout-button-place-order:hover:after{ background-color:#5a5a5a; } body .one-step-checkout #one-step-checkout-form .input-text { height:44px !important; } body .address-information ul li.create_account, body .address-information ul li.shipping_other_address { background:#fff; padding:0; } body .address-information ul li.create_account { margin:13px 4% 10px; } body .one-step-checkout .address-information .billing_address { background:#fff; border:1px solid #dedede; } body #one-step-checkout-form label { font-weight:normal; font-size:16px; } #one-step-checkout-form .checkout-review-load .data-table td h2 { font-size:16px; } .sorter .sort-by select { padding:10px 12px !important; } div.block-layered-nav dd a.amshopby-attr-selected { position:relative; font-weight:normal; padding-left:30px !important; background:none !important; } div.block-layered-nav dd a.amshopby-attr-selected:before { content:""; display:inline-block; position:absolute; left:0; top:6px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -165px -27px no-repeat; width:15px; height:15px; } .scroll-pane input[type="text"] { width:100%; } .block-layered-nav .actions { padding:0; text-align:center; } .block-layered-nav .actions a { background:#444; color:#fff; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; padding:8px 20px; text-decoration:none; display:block; position:relative; } .catalog-category-view .breadcrumbs { margin:5px 0 0; } .toolbar .custom-selectbox, .toolbar .input-box { margin:0; } .amfinder-buttons { display:block !important; } body #giftvoucher_container dt label { display:inline-block !important; padding:0 0 10px; } body .one-step-checkout h1.checkout_header { font-size:32px; color:#444; font-weight:normal; text-transform:capitalize; margin:0 0 13px; } body .onestepcheckout-login-link a { font-size:16px; color:#fbbe47 !important; } body .onestepcheckout-login-link a:hover { color:#444 !important; text-decoration:none; } body .onestepcheckout-login-link a span { display:none; } body #one-step-checkout-form .checkout-review-load .data-table tbody th { padding:10px; font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:18px; background:#fff; } body #one-step-checkout-form .checkout-review-load .data-table td h2 { font-size:16px; color:#444; } body ul#onestepcheckout-login-table { list-style:none; margin:0; padding:0; } .onestepcheckout-index-index .btn-remove { float:left; } body #one-step-checkout-form .checkout-review-load .data-table td h2 { display:block; overflow:hidden; } #one-step-checkout-form .checkout-review-load .data-table td .box-qty a { width:32px; height:32px; line-height:32px; background:#444; color:#fff; } #one-step-checkout-form .checkout-review-load .data-table td .box-qty a:hover { background:#5a5a5a; } body #one-step-checkout-form .checkout-review-load .data-table td .box-qty { width:120px; } body #one-step-checkout-form .checkout-review-load .data-table td .qty { width:32px; height:32px; border:1px solid #dedede; line-height:30px; } .ratings .amount a { font-size:12px; color:#919191; } body #one-step-checkout-form .checkout-review-load .data-table tbody td { vertical-align:middle; } /*Wishlist ===============================================================================*/ .data-table#wishlist-table tr td { vertical-align:top; } .data-table#wishlist-table tr td textarea { margin:10px 0 0; } .data-table#wishlist-table tr td .product-name { margin:0 0 10px; font-size:22px; } body .my-wishlist .buttons-set .btn-add span, body .my-wishlist .buttons-set .btn-share span { background:none; border:0; } .data-table#wishlist-table tr td .old-price .price { font-size:16px; } .data-table#wishlist-table tr td .old-price, .data-table#wishlist-table tr td .price-box{ margin:0; } .data-table#wishlist-table tr td .price-box .special-price { margin:0; } .data-table#wishlist-table tr td .special-price .price-label { font-size:16px; color:#999; font-weight:normal; } .data-table#wishlist-table tr td .price-box .special-price .price { font-size:16px; } .data-table#wishlist-table tr td .button.btn-cart { width:44px; height:44px; text-indent:-999em; background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -177px -193px no-repeat #fbbe47; padding:0; margin:0; vertical-align:top; } .data-table#wishlist-table tr td .button.btn-cart:hover { background-color:#444; } .data-table#wishlist-table tr td .price-box .special-price { line-height:100%; } .data-table#wishlist-table tr td .add-to-cart-alt { margin:10px 0 0; } .mini-products-list .product-image { border:0; } .mini-products-list .product-details { margin:0; font-size:16px; } .mini-products-list .product-image { margin:5px 0 0; width:75px; } .wishlist-index-index .my-wishlist .buttons-set a { margin:5px 0 0; } .data-table#wishlist-table tr td .link-edit:hover { background:#da9206; } .data-table#wishlist-table tr td .link-edit:hover:after{ background-color:#fbbe47; } body #shipping-address-select, body #billing-address-select { border:0; height:auto; padding:10px 12px; } .sp-methods { padding:0; border-top:0; } #one-step-checkout-form .checkout-review-load .data-table tfoot td, #one-step-checkout-form .checkout-review-load .data-table tfoot th { padding:10px !important; font-size:16px !important; } body #one-step-checkout-form .checkout-review-load .data-table td .price, body #one-step-checkout-form .data-table tfoot strong { font-size:20px !important; } #one-step-checkout-form .data-table tfoot strong { font-size:16px !important; } #checkout-review-load tbody tr td.last { text-align:right; } body .onestepcheckout-popup-wrapper h1, body #onestepcheckout-toc-popup h1{ background:#da9206 !important; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; line-height:1.3; font-weight:normal; font-size:24px; background:#da9206; color:#fff; margin:0; padding:11px 0 14px 75px; position:relative; text-indent:0; position:relative; } body #onestepcheckout-login-form ul#onestepcheckout-login-table { padding:15px 5%; } body #onestepcheckout-login-popup .input-text { height:44px !important; } body #onestepcheckout-login-popup button.button { padding:0 38px; height:44px; line-height:44px; font-weight:normal; font-size:18px; background:#fbbe47 !important; } body #onestepcheckout-login-popup button.button:hover { background:#444 !important; opacity:1; } body p.forgot-link a span { display:none; } body .onestepcheckout-login-link a, p.forgot-link a, body #onestepcheckout-forgot-table li.last p a { color:#fbbe47 !important; } body .onestepcheckout-popup-wrapper h1:before , body #onestepcheckout-toc-popup h1:before { content:""; width:56px; height:56px; background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -164px -342px no-repeat #fbbe47; position:absolute; left:0; top:0; } body .onestepcheckout-login-link a, body p.forgot-link a, body #onestepcheckout-forgot-table li.last p a { color:#fbbe47 !important; } body .onestepcheckout-login-link a:hover, body p.forgot-link a:hover, body #onestepcheckout-forgot-table li.last p a:hover { color:#444 !important; } body #onestepcheckout-login-table li label, body #onestepcheckout-forgot-table label { font-weight:normal; font-size:16px; } body #onestepcheckout-login-table li label em, body #onestepcheckout-forgot-table label em { color:#f00; font-style:normal; } body ul#onestepcheckout-forgot-table { list-style:none; } body #onestepcheckout-forgot-table li.last p a span { display:none; } body #onestepcheckout-forgot-table li.last p { margin-top:8px; } body.onestepcheckout-index-index .address-information ul li.control { padding:0; } /*Pop Up CSS ======================================================================================*/ /* =All Popup CSS ========================================================================================*/ #fade { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; } .popup_block { display:none; float:left; position:fixed; top:50%; left:50%; z-index:99999; } a.closePop, a.closemap { width:33px; border-radius:100%; position:absolute; top:-9px; right:-9px; float:right; text-indent:0; text-align:center; text-decoration:none; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -367px -314px no-repeat #fbbe47; text-indent:-999em; height:33px; cursor:pointer; } #popclose { width:35px; height:34px; left:2px; top:2px; text-indent:-9999px; background:url(zzzzzz/close.png) #fff 50% no-repeat; border-radius:4px; } #summaryPop { width:600px; } .popContent { background:#fff; float:left; width:100%; border-radius:20px; border:10px solid #000; } .popData { padding:20px; float:left; width:100%; } #summaryPop .popData { padding:0; } #summaryPop .fieldset, #summaryPop .buttons-set { border:0; } #summaryPop .fieldset { padding:20px 26px 0; } #summaryPop .buttons-set button.button { float:left; } a.closePop:hover, a.closemap:hover { background-color:#444; } #summaryPop .validation-advice { display:none; } #summaryPop input[type="text"].validation-failed, #summaryPop textarea.validation-failed { border:1px dashed #f00 !important; } .product-info .availability { display:none; } .product-info .price-box .old-price { font-size:18px; float:left; } .product-info .price-box .special-price { float:left; } .product-info .price-box .old-price .price { font-weight:normal; } .product-info .old-price .price-label { white-space:normal; } .product-info .price { white-space:normal !important; } .product-info .special-price .price-label { font-size:22px; font-weight:900; color:#444; } .no-rating a:hover{ color:#fbbe47; } .tabcontent .data-table tr th { font-weight:normal; font-size:16px; } /* Order ===================================================================================== */ .sales-order-history .pager { background:#f5f5f5; } .sales-order-history .pager .amount { margin:10px 0 0; } .customer-address-index .addresses-primary ol { list-style:none; margin:0; padding:0; } .customer-address-index .addresses-primary h2, .customer-address-index .addresses-additional h2 { margin:0 0 20px; } .addresses-list li.item { background:#f5f5f5; border:0; } .customer-address-index .addresses-list h3 { font-weight:700; color:#5d5d5d; font-size:16px; font-family:'Roboto',Arial, Helvetica, sans-serif; } .customer-address-index .addresses-list a { font-weight:400 } .customer-address-index .addresses-additional ol { list-style:none; margin:0; padding:0; } /*.toolbar select { width:130% !important; width:145%\9 !important; }*/ /*.toolbar .custom-selectbox { background-position:88% 50%; }*/ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .video_info iframe { border:3px solid #dedede; padding:5px; } .video_info { margin:0 0 20px; } .box-related-posts { border:1px solid #dedede; } .box-related-posts ul { margin:0; padding:0; list-style:none; } .box-related-posts li a { border-top:1px solid #dedede; position:relative; border-bottom:0; position:relative; padding:10px 0 12px 48px; color:#444; text-decoration:none; display:block; } .box-related-posts li a:before { content:""; width:14px; height:13px; display:block; position:absolute; left:15px; top:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; } .box-related-posts h2 { font-size:24px; color:#fff; font-weight:400; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; background:#da9206; padding:11px 0 14px 75px; margin:0; position:relative; } .box-related-posts h2:after { width:56px; height:56px; content:""; display:block; position:absolute; left:0; z-index:1; top:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -78px -147px no-repeat; } .box-related-posts h2:before { background:#fbbe47; width:56px; height:100%; display:block; position:absolute; left:0; top:0; z-index:-1; content:""; } .box-related-posts li a:hover { background-color:#606060; color:#fff; } .box-related-posts li a:hover:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -240px -38px no-repeat; } .product-view .box-reviews dt { border-top:1px solid #dedede; padding:20px 0 0; margin:15px 0; text-align:right; } .product-view .ratings-table { margin:0 0 15px; } .product-view .box-reviews dt a { background:#eee; padding:5px 8px 5px 10px; margin-right:10px; color:#444; text-decoration:none; float:left; } .product-view .box-reviews dt a:hover { background:#666; color:#fff; } .ratings-table { border:1px solid #dedede; width:100%; } .ratings-table th { width:160px; padding:10px; background:#eee; color:#444; font-size:14px; vertical-align:middle; } .ratings-table td { padding:10px; padding:10px; vertical-align:middle; } .product-view .box-reviews dt span { color:#da9206; margin:0 0 0 5px; } .ratings-table td .rating-box { margin:0; } .custom-selectbox2 { background-color:#fff; border:1px solid #ccc; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; position:relative; width:100%; z-index:1; } .custom-selectbox2:hover { border-color:#999; } .custom-selectbox2:before { color:#333; display:block; font-size:1em; height:100%; line-height:2.5em; padding:0 0.625em; position:absolute; top:0; right:0; text-align:center; width:39px; z-index:25; content:""; background:url(zzzzzz/arrow-bg.png) 50% 50% no-repeat #fff; } .custom-selectbox2 select { background-color:transparent; border:0 none; box-shadow:none; color:#333; display:block; /*font-size:100%;*/ line-height:normal; margin:0; padding:.5em; width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .custom-selectbox2 select::-ms-expand { display:none; /* to ie 10 */ } .custom-selectbox2 select:focus { outline:none; } .custom-selectbox2:before { background-color:#fff; /* this is necessary for overcome the caret default browser */ pointer-events:none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */ z-index:1; /* this is necessary for overcome the pseudo element */ } .limiter .custom-selectbox2 { display:inline-block; padding:0; width:72px !important; } .limiter .custom-selectbox2 select { width:100% !important; } .review-product-list .limiter .custom-selectbox2 { width:72px; vertical-align:middle; } .review-product-list .limiter .custom-selectbox2 select { padding:.5em; width:100% !important; } .review-product-list .pager .limiter label { margin:0 10px 0 0; float:none; vertical-align:middle; } /* Blog List Page ====================================================================================================*/ .block.block-blog.block-blog-search .block-title:after { background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -18px -415px no-repeat; } .blog-search input[type="text"] { width:100%; margin:0 0 10px; } .block.block-blog.block-recent-posts .block-title:after { background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -78px -147px no-repeat; } .block.block-blog.block-blog-archives .block-title:after { background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -80px -415px no-repeat; } .block.block-blog.block-blog-categories .block-title:after { background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -144px -415px no-repeat; } .wp-sidebar ul { list-style:none; margin:0; padding:0; } .wp-sidebar ul li a { border-top:1px solid #dedede; position:relative; border-bottom:0; position:relative; padding:10px 0 12px 48px; color:#444; text-decoration:none; display:block; } .wp-sidebar ul li a:before { content:""; width:14px; height:13px; display:block; position:absolute; left:15px; top:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; } .wp-sidebar ul li:first-child a { border-top:0; } #sidebar .wp-sidebar .block .block-content li.item { margin:0; } .wp-sidebar .block .block-content .custom-scroll { height:350px; } .wp-sidebar ul li a:hover, .wp-sidebar ul li.item.active a { border-bottom:0; color:#fdb112; position:relative; padding:10px 0 12px 48px; background:#606060; color:#fff; } .wp-sidebar ul li a:hover:before, .wp-sidebar ul li.item.active a:before{ background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -240px -38px no-repeat; } .is-blog .main-title h1 { margin:0 0 5px; } .post-list ul { margin:0; padding:0; list-style:none; } body .post-list h2 { font-size:24px; font-weight:900; margin-bottom:5px; font-family:'Roboto',Arial, Helvetica, sans-serif; } .post-list h2 a { color:#444; text-decoration:none; } .post-list h2 a:hover { color:#fbbe47; } body .featured-image { padding:6px; border:1px solid #ddd; margin:0 20px 0 0; } body .featured-image a { width:260px; display:block; border:0;height:192px; overflow:hidden; } body .featured-image img { width:100%; height:auto; } body .post-meta { font-style:normal; color:#7a7a7a; } body .post-meta a { text-transform:uppercase; color:#444; } .post-content { overflow:hidden; } .post-list li:first-child { border-top:0; padding-top:0; } .by-author { font-size:14px; text-transform:uppercase; } .by-author span { color:#444; } .post-meta { display:inline-block; } .post-meta .post-date { font-size:15px; font-style:normal; position:relative; text-transform:uppercase; color:#7a7a7a; margin:0 0 0 10px; padding:0 0 0 18px; } .post-meta .post-date:before, .post-navigation:before { content:""; width:6px; height:6px; background:#da9206; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-3px; } .post-navigation { display:inline-block; position:relative; margin:0 0 0 10px; padding:0 0 0 18px; } .post-navigation a { font-size:14px; text-transform:uppercase; color:#444; margin:0 5px 0 0; } body .post-entry p { margin:0 0 12px; } body .post-entry p.post-meta.details { margin-bottom:0; } .post-list > ul > li { border-top:1px solid #dedede; padding-top:20px; } body .post-entry { margin:0; } .more-view{} .post-meta-navigation { background:#f5f5f5; margin:10px 0; display:inline-block; padding:2px 10px; } .more-view { background:#444; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; position:relative; color:#fff; padding:5px 40px 5px 12px; font-size:16px; margin:10px 0; text-decoration:none; float:right; } .more-view:hover { color:#fff; background-color:#da9206; } .more-view:after { content:""; width:30px; height:30px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -44px -113px no-repeat; position:absolute; right:0; top:50%; margin-top:-15px; } .more-view:before { content:""; width:30px; height:100%; background-color:#5a5a5a; position:absolute; right:0; top:0; } .more-view:hover:before { background-color:#fbbe47; } .is-blog .pager { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .is-blog .pager .pages { margin:0; } .is-blog .pager .pages ol { margin:0; padding:0; } .wordpress-post-view .post-view .post-meta { margin:0; } .breadcrumbs li strong { text-transform:capitalize; } .is-blog .pager .amount { margin:6px 0; } .is-blog .block-related .product { margin-left:0; } #block-blog-related .price-box .special-price { margin:0; } #block-blog-related .old-price { font-size:16px; } #block-blog-related .price-box .old-price .price { font-size:16px; } #block-blog-related .special-price .price-label { font-size:16px; font-weight:normal; color:#999; } #block-blog-related .price-box .special-price .price { font-size:18px; } .block.block-related .block-title:after { background:url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -207px -415px no-repeat; } .is-blog .social_likes { border-top:1px solid #dedede; } .product-shop .product-options-bottom .add-to-links { padding:0; } .product-notify { font-size:10px; } .product-options button.button{ padding:13px 20px 12px; float:left; } .product-options .input-box { float:left; } .product-options .error-msg, .product-options .validation-advice { padding:10px 12px 10px 39px; font-size:13px; } .product-options { margin:0 0 10px; } .popData .button-set { padding:0 22px 30px; } #billing:region_id { display:block !important; } .product-options .form-field { position:relative; } .product-options .form-field .input-box { width:100%; float:none; } .ppt { display:none !important; } .review-product-list .add-to-cart { float:left; margin:0 15px 0 0; } .back-to-main a, .review-product-view .back-link a { margin:0 0 15px; background:#444; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; position:relative; color:#fff; padding:5px 12px 5px 40px; font-size:16px; text-decoration:none; float:left; } .back-to-main a:hover, .review-product-view .back-link a:hover { background-color:#da9206; } .back-to-main a:after, .review-product-view .back-link a:after { content:""; width:30px; height:30px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -383px -83px no-repeat; position:absolute; left:0; top:50%; margin-top:-15px;} .back-to-main a:before, .review-product-view .back-link a:before { height:100%; background-color:#5a5a5a; content:""; width:33px; height:100%; position:absolute; left:0; top:0; } .back-to-main a:hover:before, .review-product-view .back-link a:hover:before { background-color:#fbbe47; } body .add-to-cart .input-text.qty { width:56px !important; } .tabcontent .buttons-set { border:0; padding:0; } .tabcontent .buttons-set button.button { float:left; margin:10px 0; } .tabcontent .pager { background:#fff; } .review-product-list .product-view .box-reviews dt:first-child { margin:0 0 15px; } .review-product-list .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:100%; } .product-view .box-reviews .form-add .form-list .input-box { width:100%; } .product-options ul.options-list { list-style:none; margin:0; padding:0; } .product-options dd { border:0; padding:0; } .product-view .box-reviews .form-add { margin:0; border-top:1px solid #e2e2e2; padding:10px 0 0; } .product-view .box-reviews .pager .amount { margin:10px 0 0; } .product-options#product-options-wrapper dt { margin:0 0 10px; } .product-options dl { margin:0 0 10px; } .product-info.bundle-product-info { padding:10px 18px 18px; } .add-to-cart label { margin-top:6px; } .price-as-configured .price-label { font-size:22px; color:#444; font-weight:900; } .full-product-price .price{ font-size:22px; font-weight:900; color:#e03100; } .onestepcheckout-index-index .error-msg, .validation-advice { font-size:12px !important; color:#CA2B2B; background:none; margin:10px 0 0; padding:0 0 0 22px !important; } .onestepcheckout-index-inde .error-msg:before, .validation-advice:before { -webkit-transform:scale(0.75); -moz-transform:scale(0.75); -o-transform:scale(0.75); transform:scale(0.75); top:0; left:0; } .onestepcheckout-index-inde .order-information ol li.shipping-method, .onestepcheckout-index-inde .order-review-section { background:#fff; } .mini-products-list .product-details { position:relative; } .mini-products-list .product-details a.btn-remove { position:absolute; right:0; top:4px; } .mini-products-list .product-details a.btn-edit { position:absolute; right:20px; top:4px; } .block-cart .mini-products-list .product-details .product-name, .block-wishlist .mini-products-list li .product-details p.product-name{ padding:0 40px 0 0; } .block-wishlist .price-box .price { color:#e03100; } .block.block-compare .block-content .product-name { padding:0 20px 0 0; } .block.block-viewed .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -270px -415px no-repeat; } .block.block-wishlist .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -337px -415px no-repeat; } .category-wheel-tyre-packages .product-info { display:none; } .category-wheel-tyre-packages .product-info.bundle-product-info { display:block; } .block.block-wishlist .price-box { margin:0; } .block.block-wishlist .price-box .old-price .price { font-size:16px; font-weight:900; } .block.block-wishlist .old-price { margin:0; } .block.block-wishlist .price-box .special-price { font-size:0; margin:0; } .block.block-wishlist .special-price .price-label { font-size:16px; font-weight:normal; color:#999; } .block.block-wishlist .price-box .special-price .price { font-size:16px; font-weight:900; color:#e03100; } .block.block-wishlist .mini-products-list .product-details a.link-cart { background:none; color:#444 !important; font-weight:normal; font-family:"Roboto Condensed",Arial,Helvetica,sans-serif; margin:10px 0; display:inline-block; padding:0 0 0 30px; position:relative; } .block.block-wishlist .mini-products-list .product-details a.link-cart:before, .block.block-wishlist .actions a:before{ content:""; width:15px; height:15px; position:absolute; left:0; top:50%; margin-top:-7px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -96px -132px no-repeat; } #sidebar .block.block-wishlist .block-content li.item { border-top:1px solid #e2e2e2; padding-top:10px; } #sidebar .block.block-wishlist .block-content li.item:first-child { border-top:0; padding-top:0; } .block.block-wishlist .mini-products-list .product-details a.link-cart:hover { color:#999 !important; } .block.block-wishlist .actions { background:#f5f5f5; margin:0 -20px; padding:11px 15px 14px; } .block.block-wishlist .actions a { font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#444; position:relative; text-decoration:none; padding:0 0 0 30px; } .block.block-wishlist .actions a:hover { color:#ababab; } .block.block-viewed .block-content { padding:0; } .block.block-viewed li a, .block.block-compared li a { border-top:1px solid #dedede; position:relative; border-bottom:0; position:relative; padding:10px 0 12px 48px; color:#444; text-decoration:none; display:block; } .block.block-viewed li:first-child a, .block.block-compared li:first-child a { border-top:0; } .block.block-viewed li a:before, .block.block-compared li a:before{ content:""; width:14px; height:13px; display:block; position:absolute; left:15px; top:17px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; } #sidebar .block.block-viewed .block-content li.item { margin:0; } .block.block-viewed li a:hover, .block.block-compared li a:hover { background-color:#606060; color:#fff; } .block.block-viewed li a:hover:before, .block.block-compared li a:hover:before { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -240px -38px no-repeat; } .category-gift-items .block-layered-nav dt:first-child { margin:0; } /*Gift Cart Page ===========================================================================*/ .balance .amount { position:relative; background:#f5f5f5; color:#444; padding:10px 20px; } .balance .amount .regular-price .price { font-weight:900; font-size:16px; color:#fbbe47; } .giftvoucher-index-index .calendar, .calendar { z-index:100; } body .calendar thead .title { background:#fbbe47; border:1px solid #fff; } body .calendar thead .weekend { color:#fbbe47; } body .calendar table { background:#f5f5f5; border:1px solid #d4d4d4; } body .calendar .button { color:#fff; background:#444; border:0; } body .calendar { background:#fff; border:1px solid #dedede; } body .calendar tfoot .ttip { background:#fbbe47; border:0; } body .calendar table .wn { background:#fff; border-right:1px solid #dedede; } body .calendar tbody td.selected, body .calendar thead .hilite { color:#fff; border:0; background:#fbbe47 !important; } body .calendar tbody .day { text-align:center; } body .calendar tbody .rowhilite td, body .calendar tbody .rowhilite td.wn { border:0; background:#da9206; color:#fff; } body .calendar tbody td.hilite { background:#444; } body .calendar thead .name { background:#d4d4d4; border:0; } body .calendar thead .hilite { padding:2px; } body.category-gift-items .regular-price .price { font-size:22px; color:#e03100; } .balance .amount .addredeem { position:absolute; right:6px; top:6px; margin-top:0; } .view-detail a, .giftvoucher-search-button button.button, button.button.addredeem { background:#444; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; position:relative; color:#fff; padding:5px 40px 5px 12px; font-size:16px; text-decoration:none; float:left; } .view-detail a:hover, .giftvoucher-search-button button.button:hover, button.button.addredeem:hover { background:#da9206; } .view-detail a:after, .giftvoucher-search-button button.button:after, button.button.addredeem:after { content:""; width:30px; height:30px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -44px -113px no-repeat; position:absolute; right:0; top:50%; margin-top:-15px; } .view-detail a:before, .giftvoucher-search-button button.button:before, button.button.addredeem:before { content:""; width:30px; height:100%; background-color:#5a5a5a; position:absolute; top:0; right:0; } .view-detail a:hover:before, .giftvoucher-search-button button.button:hover:before, button.button.addredeem:hover:before { background-color:#fbbe47; } .giftvoucher-search-button button.button { float:none; display:inline-block; } body .customer-account-giftcard .balance { border-bottom:1px solid #e2e2e2; } .view-detail:before, .view-detail:after { display:table; content:""; } .view-detail:after { clear:both; } .view-detail { zoom:1; } .gift-table-title { width:100%; } .gift-table-title tr td { display:block; } .data-table .gift-table-title .giftvoucher-grid-title-hidden { display:block; } .giftvoucher-grid-search-item.gift-title { width:100% !important; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select { width:100% !important; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { font-size:16px; font-weight:400; width:auto !important; float:none; padding-top:0; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-from, .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text { float:none; width:100px !important; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { position:absolute; right:0; top:50%; margin-top:-6px; } body .data-range { position:relative; } .giftvoucher-grid-search-item .custom-selectbox2{ width:128px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text { padding:0 12px; } body .data-table .giftvoucher-grid-title th { border-bottom:0; border-top:1px solid #eee; } body .customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend { background:#f5f5f5; } .giftvoucher-index-index .pager { background:#f5f5f5; padding:6px 10px; border:0; } .giftvoucher-index-index .limiter .custom-selectbox2 { width:100px; vertical-align:middle; } .giftvoucher-index-index .pager .limiter label { margin:0 10px 0 0; } .giftvoucher-index-index .limiter .custom-selectbox2 select { padding:.5em; width:100% !important; } .action-1 { display:inline-block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -424px -401px no-repeat; width:25px; height:25px; text-indent:-999em; vertical-align:middle; } .action-2 { display:inline-block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -450px -401px no-repeat; width:25px; height:25px; text-indent:-999em; vertical-align:middle; } .action-3 { display:inline-block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -475px -401px no-repeat; width:25px; height:25px; text-indent:-999em; vertical-align:middle; } .action-4 { display:inline-block; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -499px -401px no-repeat; width:25px; height:25px; text-indent:-999em; vertical-align:middle; } .action-1:hover { background-position:-424px -427px; } .action-2:hover { background-position:-450px -427px; } .action-3:hover { background-position:-475px -427px; } .action-4:hover { background-position:-499px -427px; } .action-hide .giftvoucher-grid-detail { font-size:0; line-height:0; } .data-table#giftvoucher_grid tbody td.action-hide { padding:0; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { } body .customer-account-giftcard #giftvoucher_grid tr:nth-child(odd) { background:#fff; } body .customer-account-giftcard #giftvoucher_grid tr:nth-child(even) { background:#f5f5f5; } body .customer-account-giftcard #giftvoucher_grid tr:nth-child(odd) td.action-hide .giftvoucher-grid-detail { color:#fff; } body .customer-account-giftcard #giftvoucher_grid tr:nth-child(even) td.action-hide .giftvoucher-grid-detail { color:#f5f5f5; } /*Order History Page ===================================================================================================*/ .sales-order-history .pager { padding:10px 14px; } .sales-order-history .limiter .custom-selectbox2 { width:72px; vertical-align:middle; padding:0; } .sales-order-history .pager .limiter select { padding:.5em; width:100% !important; } .sales-order-history .pager .limiter label { margin:0 10px 0 0; } .order-info-box h2, .order-items h2, .order-items h3, .giftvoucher-index-view .box-account .box-head h2, .giftvoucher-index-email .box-account .box-head h2 { background:none; font-size:20px; color:#fbbe47; font-weight:normal; } .giftvoucher-index-view .box-account .box-head h2 { margin:0 0 10px; } body .order-items h3,.order-items .product-name { color:#444; font-weight:normal !important; } .order-info { padding:10px 15px; background:#f5f5f5; border:0; } .order-info .current { color:#fbbe47; } .block.block-cart p.empty { font-size:16px; text-align:center; } .order-info-box { background:#f5f5f5; border:0; } .sales-order-view .data-table tr th { font-size:18px !important; font-weight:900; color:#444; padding:10px !important; } /*.sales-order-view .data-table tbody tr td.a-right { text-align:center !important }*/ .link-print { color:#444; font-weight:normal; } .dashboard .box-reviews li.item { position:relative; } .dashboard .box-reviews .number { position:absolute; left:0; top:0; } .data-table tbody td .option-label { font-style:normal; } .data-table tbody td .option-value, .data-table .item-options dd { color:#7a7a7a; } .data-table .item-options dt { font-style:normal; } .giftvoucher-index-view .buttons-set { padding:0; border:0; margin:10px 0 0; } .giftvoucher-index-email .box-account .box-head h2 { padding:0 0 10px; margin:0 0 10px; } .giftvoucher-index-email ul.form-list li.wide textarea { width:98%; } .giftvoucher-index-email .buttons-set { border:0; padding:0; } .giftvoucher-index-email .page-title { margin:0 0 10px; } .giftvoucher-index-email .fieldset .legend { margin:0; } .price-as-configured { margin:0 0 0 15px; display:inline-block; } #giftcard-preview-button-add { display:none; } body .giftcard-product-media { width:100% !important; } .cms-index-noroute .page-title h1 { color:#fbbe47; } .cms-index-noroute .page-title { margin:0 0 10px; } .cms-index-noroute .std dl dt { font-size:18px; font-weight:900; margin:0 0 10px; } .compare-table tr.first td .product-name{ font-size:18px; font-weight:normal; margin:10px 0; } .compare-table tr.first td .product-name a { color:#fbbe47; } .compare-table tr.first td .product-name a:hover { color:#444; } .compare-table .button.btn-cart { margin:0; } .compare-table ul.add-to-links li a.link-wishlist:before { top:2px; } .compare-table .ratings .amount { margin:0; display:block; } .compare-table ul.add-to-links li a { color:#5e5e5e !important; font-size:16px; } .compare-table button.button.btn-proceed-checkout, .catalog-product-compare-index button.button.btn-proceed-checkout { padding:13px 20px 13px 65px; } .compare-table .special-price .price-label { font-size:16px; color:#444; font-weight:400; } .catalog-product-compare-index button.button.btn-proceed-checkout.btn-close:before { background-position:-272px -193px; } .compare-table tr.add-to-row td, .data-table.compare-table tr.add-to-row.odd { background:#fff; } .compare-table .price-box .price { font-size:16px; color:#e03100; font-weight:400; } .compare-table .price-box { height:70px; } .compare-table .old-price .price { color:#999; font-size:16px; } .compare-table tbody th, .compare-table tbody td { border-left:1px solid #dedede; border-top:1px solid #dedede; } .catalog-product-compare-index .buttons-set { border-top:0; } .catalog-product-compare-index ul.add-to-links { padding:0 0 10px; } .catalog-product-compare-index button.button.btn-proceed-checkout.btn-print:before { background-position:-273px -110px; } .customer-account-login .validation-advice { line-height:100%; font-size:12px; } .customer-account-login .validation-advice:before { top:0; } #sidebar .amfinder-vertical .dropdown-element { margin:0 0 8px; } .block.block-compare .empty { font-size:16px; } .catalog-product-view .breadcrumbs { margin:5px 0 0; } .catalog-product-view .old-price .price-label, .product-info .old-price .price-label { color:#525252; } .price-box-bundle, .catalog-product-view.catalog-product-bundle .bundle-product-box { display:none; } .catalog-product-view .add-to-cart button.button.btn-proceed-checkout, .catalog-product-bundle .add-to-cart button.button.btn-proceed-checkout { padding:13px 20px 12px 65px; } .catalog-product-view .add-to-cart label, .catalog-product-bundle .add-to-cart label, .review-product-list .add-to-cart label{ font-weight:normal; } .old-price.only-price .price{ text-decoration:none; } .catalog-product-bundle .old-price { margin:5px 0 0; } body .blog-title.not-first-page { display:block; } #summaryPop #success { margin:20px 20px 0; } #summaryPop .fieldset { margin:0; } #summaryPop .buttons-set { padding:0 20px 20px; } .del-table-value { width:120px; } .del-table-label { width:90px; } .dashboard .box-reviews .ratings { margin:0; } .dashboard .box-reviews .ratings strong { margin:10px 15px 0 0; font-size:16px; font-weight:normal; } .dashboard .rating-box { position:relative; top:3px; } .dashboard .box-reviews li.item { padding:0 0 0 24px; } .review-customer-index .pager { padding:5px 20px; background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .review-customer-index .pager .limiter select { padding:.5em; } .review-customer-index .limiter .custom-selectbox2 { vertical-align:middle; } .review-customer-index .pager .limiter label { margin:0 10px 0 0; } .review-customer-index .pager .amount { margin:10px 0 0; } .review-product-view .product-img-box img { border:1px solid #dedede; } .review-product-view .product-review .product-name { font-size:20px; font-weight:normal; color:#444; margin:0; } .review-product-view .product-review dt { font-weight:900; } .review-product-view .buttons-set { margin-top:20px; border:0; padding:10px 0 0; border-top:1px solid #dedede; } body .giftvoucher-product-info .giftcard-send-friend { width:auto !important; } body .gift-active { border-color:#dedede !important; } #giftcard-template-show-images { padding-left:0 !important; margin-bottom:20px !important; } .category-gift-items .divider, body div.egcSwatch-arrow { display:none; } .wordpress-post-view .main-title { margin:0 0 8px; } .review-customer-view .product-review .product-img-box .product-image { display:inline-block; } .review-customer-view .product-img-box { width:30%; border:1px solid #dedede; margin:0 15px 0 0; text-align:center; padding:0 0 10px; } .review-customer-view .product-details { margin-left:0; overflow:hidden; } .review-customer-view .product-review .product-img-box .ratings .rating-box { display:inline-block; margin:0; vertical-align:middle; } .review-customer-view .product-review .product-name, .review-customer-view .product-review dt { background:none; font-size:20px; color:#fbbe47; font-weight:normal; } .review-customer-view .review-detail-box dd { padding:20px; background:#f5f5f5; } .review-customer-view .page-title { margin:0 0 5px; } .review-customer-view .ratings .rating-links { vertical-align:bottom; } .review-customer-view .ratings .rating-links .separator { display:none; } .review-customer-view .ratings .rating-links a { text-decoration:none; color:#919191; margin:0 5px 0 0; } .review-customer-view .ratings .rating-links a:hover { color:#fbbe47; } .review-customer-view .mini-products-list .product-details { overflow:visible; } .checkout-cart-index button.btn-checkout span { line-height:1.35; text-transform:capitalize; } body .cart .discount .buttons-set, body .cart .shipping .buttons-set { text-align:right; } body .cart .discount .buttons-set button.button, body .cart .shipping .buttons-set button.button { background:#444; padding:10px 16px; } body .cart .discount .buttons-set button.button:hover, body .cart .shipping .buttons-set button.button:hover { background:#fbbe47; } body .cart .discount button span, body .cart .shipping button span { text-transform:capitalize; } .customer-address-form .custom-selectbox2 select { padding:.58em .5em; } .customer-address-form ul.form-list li.control { position:relative; } .customer-address-form ul.form-list li.control .ez-checkbox { position:absolute; left:0; top:6px; } .customer-address-form ul.form-list li.control { padding:0 0 0 28px; } .myorders-btn { position:relative; top:10px; } body .truncated .show .item-options { top:20px; left:-20px; } body .truncated .item-options dt { font-weight:normal; font-style:normal; } body .truncated .truncated_full_value .item-options { background:#fff; } .truncated .truncated_full_value.show:before { content:""; width:0; height:0; border-bottom:10px solid #ddd; border-right:10px solid transparent; border-left:10px solid transparent; position:absolute; left:0; top:10px; } .truncated .truncated_full_value.show { top:10px; } body .data-table#wishlist-table .truncated .show .item-options { left:auto; right:0; } body .data-table#wishlist-table .truncated .truncated_full_value.show:before { left:auto; right:50%; } body.wishlist-index-index .price-box .price { color:#e03100; } .catalogsearch-result-index .input-box { display:inline-block; vertical-align:middle; } .catalogsearch-result-index .toolbar { border-top:0; border-bottom:0; } .sales-order-view .data-table tr td, .sales-order-view .data-table tr td.a-right { vertical-align:middle; } .sales-order-view .data-table tbody:nth-child(odd) { background:#fff !important; } .sales-order-view .data-table tbody:nth-child(even) { background:#f5f5f5 !important; } .sales-order-view .data-table tbody.odd tr { background:#fff !important; } .sales-order-view .data-table tbody.odd { border-bottom:1px solid #dedede; } /*Gift Card History Page =========================================================================*/ body .customer-account-giftcard .sub-title { font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; border-bottom:0; margin-bottom:0; color:#fbbe47; font-weight:normal; text-transform:capitalize; font-size:22px; padding:0; } body .customer-account-giftcard .account-balance { border-bottom:0; background:#f5f5f5; padding:10px 20px; } .giftvoucher-index-history .pager .limiter select { padding:.5em; } .giftvoucher-index-history .limiter .custom-selectbox2 { vertical-align:middle; } .giftvoucher-index-history .pager .limiter label { margin:0 10px 0 0; } .giftvoucher-index-history .regular-price .price { color:#fbbe47 !important; font-size:16px; } body .customer-account-giftcard .sub-title.balance-history-title { float:left; } body .customer-account-giftcard .pager-header { display:block; margin:8px 0 0; } body .customer-account-giftcard .pager { background:#f5f5f5; border-top:0; padding:6px 20px; } body .customer-account-giftcard .buttons-set { padding:0; border:0; } /*Gift Card Product Detail Page =========================================================================*/ body .giftcard-template-content, body #giftcard-template-top .giftcard-template-content { background:url(zzzzzz/pattern-01.png) 0 0 repeat !important; background-size:auto !important; } body .name-value-top { background:rgba(0,0,0,0.5); } body #giftcard-template-top .giftcard-value { background:none; } body .name-value-top .giftcard-title, body .name-value-top .value-price span { font-family:'Roboto',Arial, Helvetica, sans-serif; } body .name-value-top .value-price span { font-size:14px; } body .giftcard-date-top { width:100%; float:left; } body .giftcard-information { width:92%; } .catalog-product-view.category-gift-items .giftcard-product-media{ margin:0 0 20px; } body .title-value.giftcard-logo-background { background:rgba(0,118,187,0.7); } body .giftcard-logo-background .giftcard-value-color { background:none; } body #giftcard-template-left .giftcard-change-image { width:30%; } body #giftcard-template-left .giftcard-template-content { float:none; overflow:hidden; width:auto; } body #giftcard-template-left .giftcard-template-content div.giftcard-from-to, body #giftcard-template-left .giftcard-template-content div.giftcard-box, body #giftcard-template-left .giftcard-template-content div.giftcard-text { width:90%; } body #giftcard-template-left .giftcard-template-content .value-barcode { width:90%; } body #giftcard-template-left .giftcard-template-content div.giftcard-style-color, .giftcard_value .giftcard-text-color, body .giftcard-number .giftcard-style-color, body .giftcard_value .giftcard-style-color { color:#fbbe47 !important; } body #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2 { background-size:cover; } .catalogsearch-result-index .block-layered-nav dt:first-child { margin:0; } body #giftcard-template-left .giftcard-change-image { background-size:cover !important; } body .one-step-checkout .ez-radio .validation-advice { width:300px; float:none; } body .order-review-section .payment-method .onestepcheckout-payment-methods .sp-methods { padding:0 0 30px; } .checkout-onepage-success .page-title { margin:0; } .checkout-onepage-success .subtitle, .checkout-onepage-success .sub-title { font-weight:normal; font-size:22px; color:#fbbe47; } .checkout-onepage-success .buttons-set { border:0; padding:16px 0 0; border-top:1px solid #d8d8d8; } #header.lower-zindex { z-index:0; } .block.block-testimonial-sidebar .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -421px -457px no-repeat; } .block.block-testimonial-sidebar ul { margin:0; padding:0; list-style:none; } .block.block-testimonial-sidebar li { border-top:1px solid #dedede; position:relative; border-bottom:0; position:relative; padding:10px 0 12px 48px; color:#444; text-decoration:none; display:block; } .block.block-testimonial-sidebar .block-content { padding:0; } .block.block-testimonial-sidebar li:first-child { border-top:0; } .block.block-testimonial-sidebar .block-content .std { overflow:hidden; } .testimonial-sidebar-content { padding:10px 20px 10px 0 ; } .block.block-testimonial-sidebar li:before { content:""; width:14px; height:13px; display:block; position:absolute; left:15px; top:26px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -256px -38px no-repeat; } .block.block-testimonial-sidebar li .name-date-testimonial li:before { display:none; } .block.block-testimonial-sidebar li .name-date-testimonial { margin:10px 0 0; text-align:right; } .block.block-testimonial-sidebar li .name-date-testimonial h6 { display:inline-block; vertical-align:middle; color:#757575; } .testimonial-index-index .pager { background:#fff; border-bottom:1px solid #dedede; } .testimonial-index-index .pager .limiter select { padding:.5em !important; } .testimonial-index-index .limiter .custom-selectbox2 { vertical-align:middle; } .testimonial-index-index .pager .limiter label { margin:0 10px 0 0; } .testimonial-index-index .pager .pages { float:none; margin:0; } .testimonial-index-index .pager .pages ol { margin:0; padding-left:0; } .testimonial-index-index .pager .pages li { margin:3px 0 0 5px; } .testimonial-index-index .pager .amount { margin:10px 0 0; } .testimonial-index-index .customer-testimonials .page-title h1 { float:left; } .submit-testimonial { float:right; } .testimonial-content-avatar { float:left; margin:0 15px 0 0; } .testimonial-source { overflow:hidden; } .testimonial-content{ margin:10px 0; padding:10px; } .testimonial-content:nth-child(odd){ background:#f5f5f5; } .testimonial-content p { text-align:left; } .testimonial-source { text-align:right; } .testimonial-source span { color:#7b7b7b; } .std-input-box { clear:both; float:none; } .std-input-box textarea { width:100% !important; } .testimonial-form-index .buttons-set { margin:10px 0 0; padding:16px 0 0; border:0; border-top:1px solid #dedede; } .testimonial-form-index ul.form-list li.required-std { margin:0 0 10px; } .cms-partner-locations .data-table table, .cms-track-my-order .data-table table { width:100%; } .cms-partner-locations .data-table , .cms-track-my-order .data-table{ margin:0 0 20px; } .cms-partner-locations .data-table tr td, .cms-track-my-order .data-table tr td { border-bottom:0; padding:0; } .cms-partner-locations .data-table table tr td, .cms-track-my-order .data-table table tr td { border-bottom:1px solid #dedede; padding:10px; } .cms-partner-locations .data-table table tr:nth-child(even), .cms-track-my-order .data-table table tr:nth-child(even) { background:#f5f5f5; } .cms-partner-locations a.click-here, .cms-track-my-order a.click-here{ background:#444; display:inline-block; padding:2px 40px 4px 12px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; position:relative; color:#fff; font-size:16px; text-decoration:none; margin:0 0 10px; } .cms-partner-locations a.click-here:after, .cms-track-my-order a.click-here:after { content:""; width:30px; height:30px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -44px -113px no-repeat #5a5a5a; position:absolute; right:0; top:0; } .cms-partner-locations a.click-here:hover, .cms-track-my-order a.click-here:hover { background:#da9206; } .cms-partner-locations a.click-here:hover:after, .cms-track-my-order a.click-here:hover:after { background-color:#fbbe47; } body #one-step-checkout-form input[type="radio"]:not(:checked), body #one-step-checkout-form input[type="radio"]:checked, body #one-step-checkout-form input[type="radio"]:not(:checked), body #one-step-checkout-form input[type="radio"]:checked, body #one-step-checkout-form input[type="checkbox"]:not(:checked), body #one-step-checkout-form input[type="checkbox"]:checked { position:absolute; left:-9999px; } body #one-step-checkout-form input[type="radio"]:not(:checked) + label, body input[type="radio"]:checked + label, body #one-step-checkout-form input[type="radio"]:not(:checked) + label, body #one-step-checkout-form input[type="radio"]:checked + label, body #one-step-checkout-form input[type="checkbox"]:not(:checked) + label, body #one-step-checkout-form input[type="checkbox"]:checked + label { position:relative; padding-left:30px; cursor:pointer; } /* checkbox aspect */ body #one-step-checkout-form li input[type="radio"]:not(:checked) + label:before, body #one-step-checkout-form input[type="radio"]:not(:checked) + label:before, body #one-step-checkout-form input[type="checkbox"]:not(:checked) + label:before{ content:''; position:absolute; left:0; top:5px; width:15px; height:14px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -206px -38px no-repeat; } body #one-step-checkout-form input[type="checkbox"]:not(:checked) + label:before { background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -184px -27px no-repeat; } /* checked mark aspect */ body #one-step-checkout-form input[type="radio"]:checked + label:before, body #one-step-checkout-form input[type="radio"]:checked + label:before, body #one-step-checkout-form input[type="checkbox"]:checked + label:before { content:''; position:absolute; left:0; top:5px; width:15px; height:14px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -224px -38px no-repeat; } body #one-step-checkout-form input[type="checkbox"]:checked + label:before { background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -165px -27px no-repeat; } body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section .sp-methods dt { font-size:16px; font-weight:bold; } body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li label { display:block; padding-left: 30px; } body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li { position:relative; line-height:2.5;} .product-options .staggeredlabel ul.options-list .label { display:inline-block; margin-left:0; } .leftbar { width:48%; float:left; } .rightbar { width:48%; float:right; padding:15px; border:1px solid #dedede; } .brandlogo img { margin:0 0 10px; } .finder-section h4 { font-size:18px; margin:14px 0; color:#7a7a7a; } .avail-size { padding:9px 15px; margin:10px -15px; background:#f5f5f5; display:block; } .galleryext-index-featured .amfinder-vertical, .galleryext-index-featured .amfinder-horizontal { padding:0; border:0; background:none; } .galleryext-index-featured .amfinder-vertical .dropdown-element { margin:0 0 10px; } .brandlogo h3 small { font-size:20px; color:#7a7a7a; } .galleryext-index-featured .amfinder-vertical button[name="reset"] { display:none; } .galleryext-index-featured .prev-featured a { position:absolute; left:10px; bottom:20px; padding:0 0 0 42px; font-size:20px; text-decoration:none; } .galleryext-index-featured .prev-featured a:before{ content:""; position:absolute; width:38px; height:38px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -403px -127px no-repeat; left:0; top:50%; margin-top:-19px; } .galleryext-index-featured .next-featured a{ position:absolute; right:10px; bottom:20px; padding:0 42px 0 0 ; font-size:20px; text-decoration:none; } .galleryext-index-featured .next-featured a:before{ content:""; position:absolute; width:38px; height:38px; background:transparent url('http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png') -444px -127px no-repeat; right:0; top:50%; margin-top:-19px; } .galleryext-index-featured .prev-featured a:hover { background-position:-79px -262px; } .galleryext-index-featured .next-featured a:hover { background-position:-124px -262px; } .galleryext-index-featured h1 { margin-bottom:20px; } .galleryext-index-featured #main .wrap { padding:0 0 120px; } /* Interested Products ======================================================*/ .product-view .box-up-sell h2 { margin:18px 0 20px; } .product-view .box-up-sell #upsell-product-table { border:0; } .product-view .products-grid li h4 { font-size:16px; margin:0 18px 10px; } .product-view .products-grid .product-image { width:auto; height:auto; } .product-view .products-grid li .price-box .price { font-weight:700; color:#e03100; font-size:16px; } .product-view .products-grid li .old-price, .products-grid#crosssell-products-list li .old-price { font-size:14px; color:#878787; margin:0 0 10px; } .product-view .products-grid li .price-box .old-price .price, .products-grid#crosssell-products-list li .old-price .price { font-size:14px; color:#fbbe47; text-decoration:line-through; font-weight:400; } .product-view .products-grid li .special-price .price-label, .products-grid#crosssell-products-list li .special-price .price-label { font-weight:400; font-size:16px; color:#808080; } .products-grid#crosssell-products-list li .old-price { margin:15px 0 10px; } .cart .crosssell { border:0; background:none; padding:0; } .cart .crosssell h2 { font-size:32px; font-weight:normal; margin:0 0 20px; } .products-grid#crosssell-products-list li { width:23%; } .products-grid#crosssell-products-list li .actions li { width:auto; } .product-view .products-grid li .actions li { display:block; margin:0 0 10px; } .product-view .products-grid li .actions li a { display:inline-block; } .cms-image img { width:100%; margin:0 0 10px; } .cms-about-us .col2-set .col-2 h2 { text-align:center; } body #onestepcheckout-button-place-order:after { background-position:-177px -193px; } /* Custom CSS ======================================================*/ .product-promotion { margin-bottom:20px; } .product-promotion img { border:1px solid #dedede; padding:2px; } .rating-box-align { text-align:center; } body .rating-box-align .rating-box, body .product-view .box-up-sell .products-grid .ratings.rating-box-align .rating-box{ display:inline-block !important; } .ratings.rating-box-align .rating-links { display:block; } #crosssell-products-list.products-grid > ul > li img { margin-bottom:8px; } button.button { -webkit-border-fit:inherit !important; } .catalog-product-view .rating-box-align { text-align:left; } .catalog-product-view .ratings.rating-box-align .rating-links { display:inline-block; } body .one-step-checkout .ez-radio .validation-advice{ position:relative; top:15px; } body .onestepcheckout-review-info { padding-bottom:0; border-bottom:0; margin:0; } .about-ozzy .wrap { height:100%; } .about-ozzy { height:328px; } .footer-callout.without-link li:before { content:""; position:relative; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; display:inline-block; vertical-align:middle; margin-right:26px; } .footer-callout.without-link li.free-shipping:before { width:63px; height:35px; background-position:-2px -57px; } .footer-callout.without-link li.satisfaction:before { width:49px; height:56px; background-position:-73px -57px; top:-3px; } .footer-callout.without-link li.fitment:before { width:59px; height:46px; background-position:-133px -57px; top:-3px; } .catalog-category-view .category-overlay {/* background-color:#FFFFFF;*/ height:100%; left:0; opacity:0.9; filter:alpha(opacity = 90); position:absolute; top:0; width:100%; z-index:10; box-sizing:content-box; padding:5px; margin:-5px; } .catalog-category-view #main, .catalog-category-view #sidebar, .catalog-category-view #primary { position:relative; } .catalog-category-view #sidebar .inner-filter { position:relative; z-index:15; display:block; } .catalog-category-view .finder-error, .session-notfoundproduct { position:relative; z-index:100; color:#e03100; font-family:"Roboto Condensed",Arial,Helvetica,sans-serif; font-size:24px; margin-top:-50px; top:-14px; } .session-notfoundproduct { margin-bottom:14px; font-size:20px; top:0; position:absolute; } .catalog-category-view .finder-error:before/*, .session-notfoundproduct:before*/ { content:''; position:absolute; width:44px; height:39px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; background-position:-524px -401px; left:-52px; top:14px; } #sidebar .amfinder-buttons button[disabled="disabled"], #sidebar .amfinder-buttons button[disabled="disabled"]:hover { cursor:default; opacity:0.5; } #sidebar .amfinder-buttons button[disabled="disabled"]:hover{background:#444;} #sidebar .amfinder-buttons button[disabled="disabled"]:hover:after { background-color:#595959; } .disabled-filter .search-area .head-title h3{ background:#e03100; } #sidebar .disabled-filter .amfinder-vertical, #sidebar .disabled-filter .amfinder-horizontal { border:1px solid #e03100; } body .product-view .box-up-sell .products-grid .ratings.rating-box-align { text-align:center; } .catalog-product-view .products-grid .ratings.rating-box-align .rating-links { display:block; } .product-options#product-options-wrapper dd ul.options-list li { position:relative; padding:0 0 0 30px; } .product-options#product-options-wrapper dd ul.options-list li .ez-checkbox { position:absolute; left:0; top:5px; } .look-listing ul li ul li { text-align:left; text-transform:uppercase; height:auto !important; margin:0 0 10px; display:block; padding:0 36px 0 5px; position:relative; font-size:16px; line-height:1.35; } .look-listing ul li ul li:before { content:""; width:24px; height:20px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -283px -472px no-repeat; display:block; position:absolute; right:20px; top:0; } .look-listing ul li ul { margin:0; } .look-listing li a h3 { font-size:20px; text-transform:uppercase; } /*Stroe Pickup Facility ---------------------------------------------------------------------------------------------*/ .storepickup-index-index ul.form-list li label{ width:150px; margin:10px 15px 0 0; float:left; } .storepickup-index-index ul.form-list.store-pickup-list-name input { width:100%; } .storepickup-index-index ul.form-list.store-pickup-list-name .input-box{ overflow:hidden; clear:none; } .storepickup-index-index ul.form-list .input-box { overflow:hidden; clear:none; } .storepickup-index-index .store-pickup-list input, .storepickup-index-index .store-pickup-list-name input, .storepickup-index-index .store-pickup-list-city input { float:none; margin-right:0; } .storepickup-index-index ul.form-list li { position:inherit; } body .part-right { position:relative; z-index:100; float:right; } body #list-storepickup ul { width:auto; float:none; margin:0 0 0 -2%; } body #list-storepickup ul li { width:48%; margin:0 0 6px 2%; float:left; } #map { width:65%; height:450px; overflow:hidden; float:left; border:1px solid #ccc; } .store-pickup-list-store-title { font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#8b8b8b; } body .store-pickup-list-store-box { padding:10px 20px; } body .store-pickup-list-store-title { width:auto; color:#444; float:none; margin:0 0 10px; border:0; } body .store-pickup-list-store { height:380px; } body .store-pickup-list-store-item { padding:5%; } body .store-pickup-list-store-box { height:450px; } body .store-pickup-item-name { font-size:18px; display:block; margin:0 0 10px; color:#fbbe47; font-weight:normal; } .storepickup-index-index #main.one-column .wrap , .storepickup-index-index #main.one-column .wrap { position:static; } .storepickup-index-index #main.one-column { position:relative; } body.storepickup-index-index .pickup_contact { width:65% !important; float:right !important; } body.onestepcheckout-index-index .ez-radio { position:absolute; left:0; top:12px; z-index:10; } body.onestepcheckout-index-index .ez-radio input[type="radio"], body #one-step-checkout-form .ez-radio input.radio, body.onestepcheckout-index-index .ez-checkbox input[type="checkbox"], body #one-step-checkout-form .ez-checkbox input.checkbox, body .giftvoucher .ez-checkbox input[type="checkbox"]#giftvoucher { width:14px; height:14px; position:relative !important; left:0 !important; cursor:pointer; } body.onestepcheckout-index-index .ez-radio, body.onestepcheckout-index-index .ez-checkbox { cursor:pointer; } body .store_image { float:right; } body .payment-method .input-box select { height:44px; line-height:100%; padding:10px 12px; border:0; } body .order-review-section, body .order-information ol li.shipping-method { background:#fff !important; } body .payment-method .v-fix { margin-left:10px; } body .payment-method .v-fix:first-child { margin-left:0; } body .shipment-methods dd { font-weight:bold; } body .order-information order-info-3-columns, body .order-review-section { min-height:314px; } body .store-view-more { display:block; margin:10px 0; text-decoration:none; } body .shipment-methods dd a { font-weight:normal; } body .store_info .data-table tr td.store_desc { width:70%; word-break:break-all; } body .store_info .data-table tr td.label { width:30%; } body .store_info .data-table tr td.store_desc table { width:100%; } body .store_info .data-table tr td.store_desc table tr td { padding:5px; border-bottom:0; border-top:1px solid #eee; } body .store_info .data-table tr td.store_desc table tr:first-child td { border-top:0; } body.storepickup-index-index .store-pickup-list-store-title{ color:#fbbe47; } body .pickup_contact { padding:0; border:0; background:none; } .storepickup-index-index .pickup_contact ul.form-list li label { float:none; width:auto; display:block; margin:0 0 10px; } .storepickup-index-index .pickup_contact .form-list label.required em { position:relative; top:0; right:0; float:none; } .captcha-info { width:168px; float:right; margin:7px 0 0 10px; } .input-box-captcha { overflow:hidden; } .storepickup-index-index .mapInfor { padding:0 0 10px; } .storepickup-index-index .fieldset { border-bottom:0; } .storepickup-index-index .buttons-set { border-top:0; margin-top:-35px !important; padding:0 16px 16px; } .storepickup-index-index .pickup_imco { padding-top:20px; } .storepickup-index-index .buttons-set button.button { float:left; } .storepickup-index-index .list_image h2 { font-size:22px; margin:0 0 15px; } .storepickup-index-index .list_image h3 { font-size:20px; font-weight:normal; margin:15px 0 0; color:#fbbe47; } .storepickup-index-index .search_store { padding-bottom:12px; } .captcha-info a { width:16px; height:16px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -38px -488px no-repeat; display:inline-block; text-indent:-999em; position:relative; top:7px; left:5px; } .onestepcheckout-index-index .input-box.storepickup-box { margin:0; } .onestepcheckout-index-index #pop-up { position:fixed; z-index:200; left:50%; top:50%; margin-left:-310px; margin-top:-224px; } .onestepcheckout-index-index #pop-up .input-box { width:auto; overflow:hidden; } .onestepcheckout-index-index #pop-up .custom-selectbox2 { width:98%; } .onestepcheckout-index-index #pop-up .custom-selectbox2 select { border:0; } .onestepcheckout-index-index #pop-up label { width:25%; margin:5px 0 0; } .onestepcheckout-index-index a.closePop, .onestepcheckout-index-index a.closemap { right:-18px; top:-18px; } body #pickup-please-wait-captcha { font-size:0; line-height:0; display:inline-block; text-align:center; } body .thumbnail_image img { float:left; margin:10px 10px 0 0; } .storepickup-index-index .buttons-set button.button { margin-left:10px; } body #one-step-checkout-form .order-review-section .payment-method .sp-methods dt label { padding-left:30px; } body .order-review-section .payment-method .onestepcheckout-payment-methods .sp-methods dt { position:relative; } .catalog-product-view .product-options#product-options-wrapper dt label { display:inline-block; font-weight:bold !important; } .catalog-product-view .product-options#product-options-wrapper dt label em { float:right; } .catalog-product-view .product-options#product-options-wrapper .input-box { float:none; } body.storepickup-index-index .tooltip { width:auto !important; } .testimonial-index-index .pager .limiter label { display:inline-block; vertical-align:middle; float:none; } .twitter-share-button { width:90px !important; min-width:90px !important; } .hcount #count { display:none!important } body #one-step-checkout-form .sp-methods li#ewayrapid_notsaved_cc_type_exp_div .input-box .validation-failed { border:0 !important; } body #ewayrapid_saved_cc_type_exp_div .input-box .v-fix #advice-required-entry-ewayrapid_saved_expiration_yr,body #ewayrapid_notsaved_cc_type_exp_div .input-box .v-fix #advice-required-entry-ewayrapid_notsaved_expiration_yr { width:auto } .top-popup-bar{ background:none repeat scroll 0 0 #fff; z-index:9999; border-radius:5px 5px 0 0; width:600px; padding:10px;position:absolute;top:0;left:0 } .map-popup { background-color:#FFFFFF; border-color:rgba(209, 209, 209, 0.35); border-radius:0 0 5px 5px; border-style:solid; border-width:22px 8px 8px; left:0px; overflow:hidden; position:absolute; top:55px; width:auto; z-index:2000; } #date-please-wait { width:16px; height:16px; text-indent:-999em; display:inline-block; } #c > a { width:20px; } body.onestepcheckout-index-index #store-info .store-address { margin:2px 0 10px 10px; } body.onestepcheckout-index-index #store-info title.store-address { margin:2px 0 10px 0; } .category-nuts-locknuts .block-layered-nav dt:first-child { margin:0; } .block.block-list.block-compared .block-title:after { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -296px -240px no-repeat #fbbe47; } .block.block-compared li, .block.block-compared .block-content { padding:0; } #sidebar .block.block-compared .block-content li.item { margin:0; } .onestepcheckout-review-info li.fields { padding:20px; } .vehicle_details { float:left; width:100%; margin:20px 0 0; } .one-step-checkout .vehicle_details h4 { margin:20px 0; border-bottom:0; } body .order-review-info .onestepcheckout-newsletter { margin:0; padding:10px; float:none; width:auto; border-bottom:1px solid #dedede; } body .one-step-checkout .input-text { padding:0 12px; } body ul#onestepcheckout-login-table { display:block !important; } body #onestepcheckout-login-loading { display:none; } .popup-overlay{ background:none repeat scroll 0 0 #000000; height:2000px; left:0; opacity:0.2; position:fixed; top:0; width:100%; z-index:188; } #free-location-box > a { margin:0 0 0 28px; display:block; } body .one-step-checkout .shipment-methods #store-info { margin-left:18px; } body .one-step-checkout .vehicle_details h3 { margin:0 0 18px; position:relative; } body .one-step-checkout .vehicle_details .fieldset { padding:20px 26px 26px; } body .one-step-checkout .vehicle_details h3:before { width:55px; height:100%; position:absolute; left:0; top:0; content:""; background:#fbbe47; } body .one-step-checkout .vehicle_details h3:after { content:""; width:55px; height:56px; position:absolute; left:0; top:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -537px -465px no-repeat; } .customer-account-resetpassword .buttons-set { border:0; border-top:1px solid #dedede; } .product_additional_info {margin:10px 0;} body.onestepcheckout-index-index select { border:0; } body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section #shipping_form_pickup_pickup li label { display:inline-block; } body.onestepcheckout-index-index ul.form-list#shipping_form_pickup_pickup label em { right:0; position:relative; top:0; } body.onestepcheckout-index-index ul.form-list#shipping_form_pickup_pickup .input-box { margin-left:30px; } /* Captcha deesign in Product Inquiry Form */ .recaptchatable #recaptcha_response_field { height:20px !important; } #recaptcha_image { width:302px !important; height:60px !important; } .afterpay-banner-checkout {float: right} /*24-10-2015*/ .phone a { color:#fff; text-decoration: none; } /*26-02-2016*/ .zipmoney_popup_window_content{ padding: 30px !important; border-radius: 10px !important; -webkit-border-radius:0; border-radius:0; width: auto !important; position: relative; } .windowjs-close { top: -48px !important; right: -46px !important; } .windowjs-nav { /*top: 10%;*/ } .windowjs-nav:active { /*top: 10%;*/ } .windowjs-next { /*right: -120px !important;*/ } .onestepcheckout-index-index #zipmoney-top-strip-banner{ display: none; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; 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; -webkit-transform: translate3d(0px, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .home-slider.owl-carousel .owl-controls .owl-nav .owl-next, .home-slider.owl-carousel .owl-controls .owl-nav .owl-prev { display:none !important; position:absolute; top:50%; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; text-indent:-999em; width:41px; height:41px; opacity:.5; } .home-slider.owl-carousel .owl-controls .owl-nav .owl-prev { left:0; background-position:-13px -205px; } .home-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -13px -205px; opacity:1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .home-slider.owl-carousel .owl-controls .owl-nav .owl-next { right:0; background-position:-60px -205px; } .home-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover { right:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -60px -205px; opacity:1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .home-slider.owl-carousel:hover .owl-controls .owl-nav .owl-next, .home-slider.owl-carousel:hover .owl-controls .owl-nav .owl-prev { display:block!important; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next, .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev { position:absolute; top:50%; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; text-indent:-999em; width:38px; height:38px; border-radius:0; margin-top:-80px; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev { left:0; background-position:-403px -127px; background-color:#fff; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -550px -116px; background-color:#da9206; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next { right:0; background-position:-444px -127px; background-color:#fff; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next:hover { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -550px -75px; background-color:#da9206; } .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 .owl-carousel { display: block } .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 .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(zzzzzz/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 { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { 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-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-controls .owl-nav .disabled { opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; cursor: default } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display:inline } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .product-gallery.owl-carousel.owl-theme .owl-controls { text-align:left; } .product-gallery.owl-carousel .owl-item img { padding:4px; background:#fff; border:1px solid #dedede; } .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot img { border:1px solid #dedede; padding:2px; background:#fff; -webkit-transition:border 0.35s ease-in; -moz-transition:border 0.35s ease-in; -ms-transition:border 0.35s ease-in; transition:border 0.35s ease-in; } .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot { margin:0 0 10px 10px; } .product-gallery.owl-carousel.owl-theme .owl-dots { margin:0 0 0 -10px; } .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot.active img, .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot:hover img { border:1px solid #fbbe47; } .slider-thumb { padding:0 20px; } .slider-thumb.no-padding { padding:0; } .slider-thumb.no-padding .owl-carousel .owl-controls .owl-nav .owl-prev, .slider-thumb.no-padding .owl-carousel .owl-controls .owl-nav .owl-next { display:none; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next, .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev { position:absolute; top:50%; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) 0 0 no-repeat; text-indent:-999em; width:20px; height:20px; border-radius:0; margin-top:-15px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev { left:-20px; background-position:-86px -376px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next { right:-32px; left:auto; background-position:-113px -376px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev:hover { background-position:-31px -376px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-position:-58px -376px; } .slider-thumb .owl-carousel .owl-stage-outer { margin:0 0 0 5px; } .slider-thumb.no-padding .owl-carousel .owl-stage-outer { margin:0; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(zzzzzz/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(zzzzzz/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(zzzzzz/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(zzzzzz/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(zzzzzz/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(zzzzzz/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(zzzzzz/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(zzzzzz/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(zzzzzz/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(zzzzzz/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(zzzzzz/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(zzzzzz/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(zzzzzz/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(zzzzzz/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(zzzzzz/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(zzzzzz/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(zzzzzz/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(zzzzzz/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(zzzzzz/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(zzzzzz/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(zzzzzz/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(zzzzzz/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(zzzzzz/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(zzzzzz/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(zzzzzz/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(zzzzzz/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(zzzzzz/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(zzzzzz/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(zzzzzz/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(zzzzzz/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(zzzzzz/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(zzzzzz/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(zzzzzz/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(zzzzzz/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(zzzzzz/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(zzzzzz/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(zzzzzz/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(zzzzzz/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(zzzzzz/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(zzzzzz/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(zzzzzz/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(zzzzzz/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(zzzzzz/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(zzzzzz/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(zzzzzz/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(zzzzzz/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(zzzzzz/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(zzzzzz/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(zzzzzz/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(zzzzzz/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(zzzzzz/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(zzzzzz/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(zzzzzz/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(zzzzzz/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(zzzzzz/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(zzzzzz/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(zzzzzz/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(zzzzzz/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(zzzzzz/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(zzzzzz/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(zzzzzz/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(zzzzzz/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(zzzzzz/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(zzzzzz/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(zzzzzz/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(zzzzzz/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(zzzzzz/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(zzzzzz/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(zzzzzz/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(zzzzzz/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(zzzzzz/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(zzzzzz/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(zzzzzz/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(zzzzzz/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(zzzzzz/sprite.png) -1px -1px no-repeat; cursor: pointer; top:2px; bottom:auto; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(zzzzzz/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(zzzzzz/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(zzzzzz/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(zzzzzz/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(zzzzzz/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(zzzzzz/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(zzzzzz/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(zzzzzz/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(zzzzzz/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(zzzzzz/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(zzzzzz/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(zzzzzz/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(zzzzzz/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { div.facebook .pp_top .pp_middle { background: url(zzzzzz/contentPatternTop@2x.png) top left repeat-x;-moz-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; } div.facebook .pp_top .pp_left, div.facebook .pp_top .pp_right, div.facebook .pp_bottom .pp_left, div.facebook .pp_bottom .pp_right { background-image: url(zzzzzz/sprite@2x.png); -moz-background-size:130px 147px; -ms-background-size:130px 147px; -o-background-size:130px 147px; -webkit-background-size:130px 147px; background-size:130px 147px; } div.facebook .pp_content_container .pp_left{ background: url(zzzzzz/contentPatternLeft@2x.png) top left repeat-y;-moz-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; } div.facebook .pp_content_container .pp_right{ background: url(zzzzzz/contentPatternRight@2x.png) top right repeat-y;-moz-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; } div.facebook .pp_bottom .pp_middle{ background: url(zzzzzz/contentPatternBottom@2x.png) top left repeat-x;-moz-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; } /*.pp_top .pp_middle { padding-bottom:1px; } .pp_content_container .pp_left{ padding-left:19px;}*/ div.facebook .pp_content { width:101% !important; margin-top:-1px; margin-left:-1px;} /*.pp_content_container .pp_details { margin:12px 0 0 -3px; background:#fff; padding:0 0 2px; }*/ } /* only below 1024 desktop resolution */ @media screen and (max-width: 1470px) { .youtube-video {display: none;} } /*==========================================================================================================*/ /* only ipad 1024 and bigger screen landscape screen */ @media only screen and (min-width: 1001px) and (max-width: 4000px) { #mainmenu > .wrap > ul { display:block !important; } } /* only ipad 1024 landscape screen */ @media only screen and (min-width: 1001px) and (max-width: 1280px) { .wrap { width:auto; padding:0 15px; } .footer-nav .cols .col.ozzytyre { width:66%; } .footer-nav .cols .col { width:30%; margin:0 0 0 2%; } .footer-nav .cols3 { margin-left:-2%; } .footer-nav .cols .col.socialize { width:auto; float:none; margin:0 0 0 2%; position:relative; top:20px; clear:both; } .footer-nav .cols .col.socialize:before, .footer-nav .cols .col.socialize:after { content:""; display:table; } .footer-nav .cols .col.socialize:after { clear:both; } .footer-nav .cols .col.socialize { zoom:1; } .social, .footer-nav .cols .col.socialize p { display:inline-block; font-size:18px; text-transform:uppercase; font-family:"Roboto Condensed",Arial,Helvetica,sans-serif; } .footer-nav .cols .col.socialize p { position:relative; top:6px; } .social { margin:0 0 0 20px; position:relative; top:6px; } .social li, .footer-nav .share-this { float:none; display:inline-block; } .footer-nav .share-this { position:relative; top:4px; } #mainmenu li a { padding:0 14px; font-size:16px; } #logo { left:10px; } #main { padding:128px 0 25px; } .product-list img { max-width:100%; height:auto; } .product-list li h3 a { font-size:16px; } .home-search .form-list { padding:15px; } .home-search h3 { font-size:22px; top:-59px; } .home-search h3 a { padding:15px; } .footer-callout li { font-size:24px; margin:0 0 0 20px; } .footer-callout li a:before, .footer-callout.without-link li:before { margin-right:15px; } .about-ozzy .wrap { padding:30px 15px; } a.backtotop { left:15px; } .home-search { top:-59px; } .cart .cart-collaterals .col2-set{ width:66%; } .cart .totals { width:30%; } #primary, .gallery-detail #primary, .product-gallery-box { width:72%; } #sidebar, .gallery-detail #sidebar, #right-sidebar { width:26%; } .innerbanner img { max-width:100%; } .products-grid > ul > li { width:31.333%; } .products-grid > ul > li img { max-width:100%; } .product-information { width:60%; } .products-grid li.deal-of-day .product-img { width:30%; } .product-view .product-shop { width:66%; } .product-img-column,.box-collateral.box-related-posts { width:32%; } .product-img-column .product-image img { width:100%; } .look-listing li { width:48%; margin:0 0 10px 2%; } .look-listing ul { margin:0 0 0 -2%; } .product-gallery.owl-carousel { width:100%; } .img-product { max-width:100%; } span.stock-available { text-align:center; } .actions li.add-compare a,.actions li a { display:inline-block; } .actions li.view-list a { margin:10px 0; } .products-grid li.deal-of-day .price-box .regular-price { margin:20px 0 0 25px; position:relative; right:0; bottom:0; } .products-grid li.deal-of-day .actions li.add-compare { position:relative; top:10px; } .products-grid li.deal-of-day .product-img h5 { font-size:17px; } .galleryext-index-featured #main .wrap { padding:0 15px 80px; } .slider-thumb ul { margin:0 0 0 -12px; } .slider-thumb li { margin:0 0 0 12px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev { left:-17px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next { right:-37px; } .slider-thumb .owl-carousel .owl-stage-outer { margin:0 3px; } .advance-gallery { float:left; margin: 0 0 0 15px; } .product-promotion img { max-width:100%; width:auto; } .look-listing ul li ul li { width:auto; margin:0 0 10px; float:none; } .look-listing ul li ul li:before { right:0; } } @media only screen and (min-width: 1001px) and (max-width:1200px) { .footer-bottom { text-align:left; } .footer-left, .paypal { float:none; } .fmenu { margin:10px 0; } .fmenu li { float:none; display:inline-block; } .brand-logo { height:auto; } .about-ozzy p { width:auto; } .about-ozzy img { position:relative; } .about-ozzy .wrap { padding:20px 15px 0; text-align:center; } .about-ozzy p { font-size:20px; line-height:1.571; } .footer-left, .paypal { padding:0; } .footer-bottom .wrap { padding:0 0 0 60px; } a.backtotop { right:0; left:15px; bottom:5px; width:24px; height:24px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -108px -203px no-repeat; top:auto; margin-top:0; } a.backtotop:hover { background-position:-108px -230px; } #primary { width:68%; } #sidebar { width:30%; } ul.form-list li label { font-size:14px; } #tab-coupon .cart .discount input.input-text { width:auto; } .gallery-list img { width:100%; } .gallery-list li { width:31.33%; margin:0 0 20px 2%; } .jspPane { width:92% !important; } .side-accordion ul { margin:0; } .banner-content { background:#444; position:relative; padding:20px; text-align:left; top:0; right:0; width:100%; } .banner-content h3 { font-size:24px; margin:0 0 10px; } .banner-content p { font-size:15px; } .look-listing li { width:auto; float:none; margin:0 0 10px; } .look-listing ul { margin:0; } .look-listing li a h4 br { display:none; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next, .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev { margin-top:-62px; } .catalog-product-view .add-to-cart .qty { margin:0 4px; } .product-view .product-shop .add-to-links { display:block; clear:both; text-align:left; } ul.add-to-links li a.link-compare { margin:0 0 0 15px; } .product-gallery-box { width:62%; } #right-sidebar { width:35%; } .compare-table thead tr th , .compare-table thead tr td, .compare-table tbody th, .compare-table tbody td { display:block; } .compare-table tbody th, .compare-table tbody td { border-left:0; } .compare-table { border:1px solid #dedede; } .compare-table tbody td.last { border-right:0; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:0 !important; } .compare-table tr.first td, .compare-table .ratings .rating-box, .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td .ratings { margin:0; } .catalog-product-compare-index .buttons-set button.button { display:inline-block; float:none; } .catalog-product-compare-index .buttons-set { text-align:left; } body .data-table .giftvoucher-grid-title th { display:none; } body .data-table#giftvoucher_grid tbody td, .data-table .giftvoucher-grid-search th { display:block; } body .data-table .giftvoucher-grid-title-hidden { display:block; width:140px; float:left; } body .giftvoucher-grid-search-item.gift-title { width:auto !important; display:block; overflow:hidden; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container { float:none; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { display:inline-block; } body .data-table .from-date, body .data-table .to-date { float:none; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range { display:inline-block; min-width:178px; } body .giftvoucher-grid-search-item .custom-selectbox2 { width:97%; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { min-width:178px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { right:8px; margin-top:-17px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:30px; padding-top:10px; } body .data-table .giftvoucher-grid-search th:last-child .giftvoucher-grid-title-hidden { float:none; } #giftvoucher_grid.data-table tbody td.action-hide { padding:10px; } .data-table tr td { word-break:break-all; } .tabMobiletrigger { display:none; } .post-meta-navigation { clear:both; } .post-meta .post-date { display:inline-block; } body #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text { margin-left:0; } body.giftvoucher-index-history .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:0; } body.giftvoucher-index-history .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { margin-top:-8px; } body #giftcard-template-left .giftcard-change-image { width:100%; clear:both; float:none; } body #giftcard-template-left .giftcard-template-content { clear:both; } body .giftcard-product-media { height:auto; } body #giftcard-template-left .giftcard-change-image { height:175px; } body .giftcard-template-content-left .giftcard-logo { top:20px; } body .giftcard-text { height:auto !important; } body .giftcard-template-content-left, body .giftcard-change-image { float:none; height:auto; background-size:cover !important; } body #giftcard-template-back .giftcard-change-image-background-popup { position:relative; } body #giftcard-template-back .giftcard-change-image-background-popup:before, body #giftcard-template-back .giftcard-change-image-background-popup:after { content:""; display:table; } body #giftcard-template-back .giftcard-change-image-background-popup:after { clear:both; } body .giftcard-note-background { float:none; height:auto; margin:10px 0; } body #addredeem-giftvoucher-code .button-add-list { width:auto; } .products-grid li.deal-of-day { width:auto; float:none; margin:0 0 20px 2%; } .products-grid li.deal-of-day:before, .products-grid li.deal-of-day:after { display:table; content:""; } .products-grid li.deal-of-day:after { clear:both; } .products-grid li.deal-of-day:first-child { zoom:1; } .products-grid > ul > li { width:48%; } #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li .price { float:none; display:block; margin:10px 0 0; } .products-grid#crosssell-products-list li { width:31.333%; } .products-grid#crosssell-products-list li .actions li { width:auto; } .advance-gallery { float:left; margin:10px 0 0; } .advance-gallery ul.form-list ul { margin:0 0 0 -5px; } .advance-gallery ul.form-list li.fields { margin: 0 0 0 5px; } .about-ozzy { height:auto; } .catalog-category-view #primary { padding-top:1px; } body #map { width:60%; } body .storeList, body .list_image { width:40%; } body.storepickup-index-index .pickup_contact { width:60% !important; } ul.form-list li.captcha-fields .field { width:auto; float:none; } body.storepickup-index-index .tooltip { width:auto !important; } body.storepickup-index-index #store_info { width:auto; float:none; } .banner-content { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); } .cvv-what-is-this { display:block; clear:both; position:relative; top:5px; margin-left:0; } .sp-methods .form-list li#ewayrapid_notsaved_cc_type_cvv_div .v-fix { float:none; } } @media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1000px) { body { min-width:320px; } img{ max-width: 100%; width:auto; height:auto; } .wrap { width:auto; padding:0 15px; } .footer-nav .cols .col.ozzytyre { width:auto; float:none; margin:0 0 0 2%; } .footer-nav .cols .col { width:48%; margin:0 0 0 2%; } .footer-nav .cols3 { margin-left:-2%; } .footer-nav .cols .col.ozzytyre:before, .footer-nav .cols .col.ozzytyre:after { content:""; display:table; } .footer-nav .cols .col.ozzytyre:after { clear:both; } .footer-nav .cols .col.ozzytyre { zoom:1; } .footer-bottom { text-align:left; } .footer-left, .paypal { float:none; } .fmenu { margin:10px 0; } .fmenu li { float:none; display:inline-block; } .footer-nav .share-this { float:left; } .footer-nav { padding:15px 0 25px; } .footer-bottom { padding:30px 0; } .tabnav { display:none; } .tab-data { margin:0 0 30px; } .tab-data .tabnav { display: none; } .tabMobiletrigger { position: relative; padding-left: 35px; margin: 0 0 3px; padding:15px 20px 15px; text-align: center; cursor: pointer; display: block; color:#fff; font-size:20px; background:#444; border:1px solid; text-align:left; } .tabMobiletrigger.rotate { background:#fff; border:1px solid #d4d4d4; color:#444; } .tabcontent { padding:15px; margin:8px 0; } #mainmenu > .wrap > ul { z-index:100; display:none; position:absolute; left:0; top:46px; width:100%; background:#444; } #mainmenu { padding:10px 0 15px; position:relative; } #menu { display:block; float:right; } #header-nav { position:absolute; left:0; top:48px; z-index:100; margin:0; background:#333; width:100%; display:none; } #header-nav li { float:none; text-align:left; } #header-nav li:before { display:none; } #header-nav li a { color:#fff; } #header-nav li.account a:before { background-position:-338px -52px; } #header-nav li.wishlist a:before { background-position:-361px -52px; } #header-nav li.login a:before { background-position:-385px -52px; } #header-nav li.checkout a:before { background-position:-409px -52px; } #logo { background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxlogo.png) 0 0; width:600px; height:100px; top:40px; left:10px; } #main { padding:30px 0; } #mainmenu > .wrap > ul > li:before { display:none; } #mainmenu li { display:block; float:none; clear:both; } #mainmenu ul li a { border-bottom:1px solid #505050; line-height:100%; padding:15px; } .navtrigger, .subnavtrigger { z-index:25; display:block; position:absolute; right:10px; top:11px; width:25px; background:#0067A3; color:#fff; font-size:15px; text-align:center; cursor:pointer; line-height:1.65; } #mainmenu ul li ul { position:relative; top:0; left:0; width:100%; background:#505050; } #mainmenu ul li ul li a { border-bottom:0; padding:15px 30px; font-size:16px; } #mainmenu ul li ul li a:hover { background:#666; } #mainmenu ul li ul li ul { left:0; background:#777; position:relative; } #mainmenu ul li ul li ul li a:hover { background:#888; } .product-list li { width:31.33%; } .home-slider.owl-carousel { height:600px; } .home-slider.owl-carousel .item { height:284px; background-position:50% 50%; } .cms-home #main { margin-top:450px; } .home-search h3 { font-size:18px; top:-51px; } .home-search .form-list { padding:15px; } .product-list li h3 a { font-size:18px; } .footer-callout li { font-size:20px; margin:0 0 0 15px; } .footer-callout li a:before, .footer-callout.without-link li:before { margin-right:10px; } .footer-callout li a:before, .footer-callout.without-link li:before { transform:scale(0.75); -moz-transform:scale(0.75); -webkit-transform:scale(0.75); -o-transform:scale(0.75); -ms-transform:scale(0.75); } .brand-logo { height:auto; } .about-ozzy p { width:auto; } .about-ozzy img { position:relative; } .about-ozzy .wrap { padding:20px 15px 0; text-align:center; } .about-ozzy p { font-size:20px; line-height:1.571; } .logo-lists { height:auto; text-align:center; padding:20px 0; } .logo-lists li { width:31.333%; margin:0 0 20px 2%; } .logo-lists ul { margin:0 0 0 -2%; } .footer-left { padding:0; } .paypal { padding:10px 15px 0 40px; } a.backtotop { right:0; left:15px; bottom:5px; width:23px; height:24px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -109px -203px no-repeat; top:auto; margin-top:0; } a.backtotop:hover { background-position:-109px -230px; } #mainmenu > .wrap > ul > li > a { margin:0; } #header .share-this { display:block; } .home-search h3 { font-size:16px; } .home-search h3 a { padding:15px 0 15px 15px; } .home-search h3:before { right:10px; } #header { z-index:100; } .onestepcheckout-index-index #header { z-index:0; } .onestepcheckout-index-index #header.high-zindex { z-index:100; } .cart-collaterals .col2-set { width:auto; float:none; } .totals { width:auto; float:none; } .totals:before, .totals:after { content:""; display:table; } .totals:after { clear:both; } .totals { zoom:1; } #primary, .gallery-detail #primary { width:62%; } #sidebar { width:35%; } div.osc-column-left, div.osc-column-2 { width:49%; } div.osc-column-middle, div.osc-column-right { width:auto; float:none; } div.review { float:none; width:auto; clear:both; } div.review:before, div.review:after { display:table; content:""; } div.review:after { clear:both; } div.review { zoom:1; } .gallery-list li { width:31.33%; margin:0 0 15px 2%; } .products-grid > ul > li { width:48%; } .product-information, .products-grid li.deal-of-day .product-img { width:auto; float:none; } .product-information { border-top:1px solid #e3e3e3; padding:20px 0 0; } .product-information { margin:15px 0; } .products-grid li.deal-of-day { width:auto; float:none; margin:0 0 20px 2%; } .products-grid li.deal-of-day:before, .products-grid li.deal-of-day:after { display:table; content:""; } .products-grid li.deal-of-day:after { clear:both; } .products-grid li.deal-of-day:first-child { zoom:1; } .products-grid li.deal-of-day .price-box > div { display:inline-block; } .products-grid li h4 { font-size:16px; } .actions li { margin:0 0 14px; } .side-accordion ul { margin:0; } .banner-content { background:#444; position:relative; padding:20px; text-align:left; top:0; right:0; width:100%; } .banner-content h3 { font-size:24px; margin:0 0 10px; } .banner-content p { font-size:15px; } .product-shop { width:66%; } .product-img-column{ width:32%; } .look-listing li { width:auto; float:none; margin:0 0 10px; } .look-listing ul { margin:0; } .tabcontent { border:0; } .catalog-product-view .add-to-cart, .catalog-product-view .qty-wrapper .qty { margin:0; } /*Timer*/ .timertopspace .aw_countdown_timer { float:none; } .timertopspace h2 { width:auto; float:none; margin:0 0 20px; } .timertopspace .element:first-child { margin:0; } .timertopspace .element { width:21%; margin:0 0 0 4%; } .timertopspace .element .time { width:100%; } .timertopspace .element:before { left:-12px; } .product-gallery.owl-carousel { width:100%; } .visit-online a { font-size:22px; } .side-info .subtitle h4 { font-size:20px; } .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot { width:23%; margin:0 0 10px 2%; } .product-gallery.owl-carousel.owl-theme .owl-dots .owl-dot img { max-width:100%; } .product-gallery.owl-carousel.owl-theme .owl-dots { margin-left:-2%; } .gallery-detail #sidebar { margin:34px 0 0; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next, .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev { margin-top:-62px; } .catalog-product-view .add-to-cart, .review-product-list .add-to-cart { float:none; margin:0 0 10px; } ul.add-to-links { top:0; margin:10px 0; } ul.add-to-links li a.link-wishlist { margin:0; } span.stock-available { text-align:center; } .actions li.add-compare a,.actions li a { display:inline-block; } .account-login .content { min-height:428px; } .products-grid li.deal-of-day .price-box .regular-price { position:relative; bottom:0; right:0; margin:20px 0 0 25px; } .block-account .block-title strong, .block-cart .block-title strong, .block-compare .block-title strong, .block .block-title strong { font-size:18px; } .block .block-title strong { line-height:54px; } .block .block-title { height:57px; padding:0 0 0 68px; } .customer-account-index .col2-set .col-1, .customer-account-index .col2-set .col-2 { width:auto; float:none; } .customer-account-index .col2-set .col-2 { margin:20px 0 0; } .data-table thead th { display:none; } .data-table tbody td { display:block; } .col2-set .col-1, .cart .cart-collaterals .col2-set .col-1, .col2-set .col-2, .cart .cart-collaterals .col2-set .col-2 { width:auto; float:none; } .cart .cart-collaterals .col2-set, .cart .totals { width:auto; float:none; } .data-table tr td.a-center { text-align:left !important; } .product-view .product-shop { width:66%; } .product-img-column { width:32%; } .data-table tr td { border-bottom:0; } .data-table#wishlist-table tr td .add-to-cart-alt { float:left; } .data-table#wishlist-table tr td .link-edit { margin:10px 0 0 6px; height:44px; line-height:42px; } .data-table#wishlist-table tr td .link-edit:before { width:30px; height:44px; background-color:#5a5a5a; content:""; position:absolute; right:0; top:0; } .data-table#wishlist-table tr td .link-edit:hover:before{ background-color:#fbbe47; } .data-table#wishlist-table tr td .link-edit:after { top:50%; margin-top:-15px; } .wishlist-index-index .buttons-set { text-align:left; } .wishlist-index-index .buttons-set button.button { padding:10px; } .wishlist-index-index .buttons-set button.button span { font-size:16px; } .wishlist-index-index .my-wishlist .buttons-set a { display:block; float:none; margin:10px 0 0; } .customer-account-login .col2-set .col-2, .customer-account-login .col2-set .col-1 { width:48.5%; float:right; } .customer-account-login .col2-set .col-1 { float:left; } .one-step-checkout .onestepcheckout-shipping-payment-review { width:58%; } .one-step-checkout .address-info-3-columns { width:39%; } body .one-step-checkout .order-info-3-columns, body .order-review-section { width:auto; float:none; } body .one-step-checkout .order-info-3-columns { margin:0; } body .two-fields { width:auto; float:none; } body .two-fields.last { float:none; } body .one-step-checkout h3 { text-indent:64px; line-height:50px; height:50px; } p.onestepcheckout-numbers, body .one-step-checkout h3 { font-size:21px; } body .one-step-checkout .order-info-3-columns:before, body .one-step-checkout .order-info-3-columns:after, body .order-review-section:before, body .order-review-section:after { display:table; content:""; } body .one-step-checkout .order-info-3-columns:after, body .order-review-section:after { clear:both; } body .one-step-checkout .order-info-3-columns, body .order-review-section { zoom:1; } .data-table#checkout-review-table tbody td { display:table-cell; } .onestepcheckout-index-index .btn-remove { float:left; } body #one-step-checkout-form .checkout-review-load .data-table td h2 { display:block; overflow:hidden; } body #one-step-checkout-form .checkout-review-load .data-table td.qty-box a { width:32px; } body #one-step-checkout-form .checkout-review-load .data-table td .qty { text-align:center; } .product-gallery-box { width:62%; } #right-sidebar { width:35%; } body .featured-image { width:30%; } body .featured-image img { width:100%; height:auto; } .is-blog .pager .pages,.is-blog .pager .amount { float:none; } .is-blog .pager .amount { margin:0 0 10px; } .post-navigation { margin:0; } .delivery-info .popover { width:400px; left:50%; margin-left:-200px; } .popover-content:after { margin-left:-6px; left:50%; } .delivery-info table tr td { display:table-cell; } #giftvoucher_grid th, body #history_grid th { float:left !important; width:100%; display:block; } #giftvoucher_grid td { float:none; width:auto; display:block; } #giftvoucher_grid th .giftvoucher-grid-title-hidden { display:none; } body.giftvoucher-index-history .giftvoucher-grid-search-item .custom-selectbox2 { width:100%; } .sales-order-view .data-table tr td.a-right { text-align:left !important; } .compare-table thead tr th , .compare-table thead tr td, .compare-table tbody th, .compare-table tbody td { display:block; } .compare-table tbody th, .compare-table tbody td { border-left:0; } .compare-table { border:1px solid #dedede; } .compare-table tbody td.last { border-right:0; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:0 !important; } .compare-table tr.first td, .compare-table .ratings .rating-box, .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td .ratings { margin:0; } .catalog-product-compare-index .buttons-set button.button { display:inline-block; float:none; } .catalog-product-compare-index .buttons-set { text-align:left; } #my-reviews-table td { padding:5px 10px; } body .data-table .giftvoucher-grid-title th { display:none; } body .data-table#giftvoucher_grid tbody td, .data-table .giftvoucher-grid-search th { display:block; } body .data-table .giftvoucher-grid-title-hidden { display:block; width:auto; float:none !important; } body .giftvoucher-grid-search-item.gift-title { width:100% !important; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container { float:none; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { display:inline-block; } body .data-table .from-date, body .data-table .to-date { float:none; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range { display:inline-block; min-width:178px; } body .giftvoucher-grid-search-item .custom-selectbox2 { width:97%; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { min-width:178px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { right:8px; margin-top:-17px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:30px; padding-top:10px; } body .data-table .giftvoucher-grid-search th:last-child .giftvoucher-grid-title-hidden { float:none; } #giftvoucher_grid.data-table tbody td.action-hide { padding:10px; } body #giftvoucher_grid th .giftvoucher-grid-detail { margin-left:0 !important; } body #giftvoucher_grid-gift_code { margin:10px 0 0 !important; } body .giftvoucher-grid-search-item, body #giftvoucher_grid-gift_code { width:100% !important; } body #giftvoucher_grid td .giftvoucher-grid-detail { margin-left:0 !important; } body #giftvoucher_grid td .giftvoucher-grid-title-hidden { float:left !important; width:150px; } body #giftvoucher_grid td .giftvoucher-grid-detail { display:inline-block; } .giftvoucher-index-index .pager .amount{ float:left !important; } .data-table#giftvoucher_grid thead, .data-table#history_grid thead{ display:block; } .review-customer-view .product-img-box { float:none; width:auto; margin:0 0 20px; } .catalog-category-view .pager .amount { float:none; margin:0 0 10px; } .catalog-category-view .toolbar .pager .pages { display:inline-block; float:none; } .catalog-category-view .toolbar .pager { text-align:center; } .data-table tr td { word-break:break-all; } .data-table#wishlist-table .truncated a.details { position:absolute; top:0; right:20px; } .data-table#wishlist-table .cart-cell { position:relative; } .data-table#wishlist-table .truncated { float:right; margin:-10px 0 0; } body .data-table#wishlist-table .truncated .show .item-options { top:40px; right:30px; } body .data-table#wishlist-table .truncated .truncated_full_value.show:before { top:30px; right:30px; left:auto; } body .data-table#wishlist-table .truncated .truncated_full_value.show { position:absolute; top:-10px; } .balance .amount .addredeem { position:relative; top:0; left:0; } .balance .amount { text-align:center; } .balance .amount:before, .balance .amount:after { display:table; content:""; } .balance .amount:after { clear:both; } .view-detail a, .giftvoucher-search-button button.button, button.button.addredeem { display:inline-block; float:none !important; margin:5px 0 5px 10px; } body .giftvoucher-search-button , .balance .view-detail { text-align:center; } body #giftvoucher_grid tr { border-bottom:0; } body #addredeem-giftvoucher-code .buttons-set p.required, body #addredeem-giftvoucher-code .button-add-list { width:auto; float:none; clear:both; text-align:left; } body #addredeem-giftvoucher-code .buttons-set p.required { position:relative; top:10px; } .product-view .product-shop .add-to-links { display:block; clear:both; text-align:left; } .post-meta-navigation { clear:both; } .post-meta .post-date { display:inline-block; } .catalogsearch-result-index .toolbar .pager { text-align:center; margin:0 0 10px; } .catalogsearch-result-index .toolbar .pager .amount { float:none; } body #history_grid th .giftvoucher-grid-detail { margin-left:0 !important; } body #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select { margin-left:0; width:100% !important; } body #history_grid th { float:none; } body.giftvoucher-index-history .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:0; } body.giftvoucher-index-history .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { margin-top:-8px; } body #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text { margin-left:0; width:100% !important; } body #history_grid th .giftvoucher-grid-title-hidden { margin-bottom:0; } .pp_gallery ul a img { width:50px; } body #giftcard-template-left .giftcard-change-image { width:100%; clear:both; float:none; } body #giftcard-template-left .giftcard-template-content { clear:both; } body .giftcard-product-media { height:auto; } body #giftcard-template-left .giftcard-change-image { height:175px; } body .giftcard-template-content-left .giftcard-logo { top:20px; } body .giftcard-text { height:auto !important; } body .giftcard-template-content-left, body .giftcard-change-image { float:none; height:auto; background-size:cover !important; } body #giftcard-template-back .giftcard-change-image-background-popup { position:relative; } body #giftcard-template-back .giftcard-change-image-background-popup:before, body #giftcard-template-back .giftcard-change-image-background-popup:after { content:""; display:table; } body #giftcard-template-back .giftcard-change-image-background-popup:after { clear:both; } body .giftcard-note-background { float:none; height:auto; margin:10px 0; } body .title-value.giftcard-logo-background { height:auto; } body .giftcard-logo-background .giftcard-value-color { float:none; text-align:left; padding-right:0; padding-left:15px; height:auto; clear:both; width:100%; } body .name-value-top, body #giftcard-template-top .giftcard-value { height:auto !important; } body .name-value-top .value-price { line-height:100%; float:none; height:auto; padding:0 0 10px; } body .giftcard-information { width:88%; } body .name-value-top .giftcard-value .giftcard-price-change { float:none; } body .giftcard-change-image-background-popup .giftcard-logo { margin-top:20px; } .close-tip { position:absolute; right:5px; top:5px; border-radius:100%; width:33px; height:32px; background:#fbbe47 url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -367px -314px no-repeat; text-indent:-999em; } body #giftcard-template-show-images { overflow:hidden; } .cms-partner-locations .data-table table tr td, .cms-track-my-order .data-table table tr td { display:table-cell; } .cms-partner-locations .data-table table tr td.table-title, .cms-track-my-order .data-table table tr td.table-title { width:25%; } .cms-partner-locations iframe, .cms-track-my-order iframe , .cms-fitment-guarantee iframe{ width:100% !important; height:auto !important; } .galleryext-index-featured #main .wrap{ padding:0 15px 80px; } .products-grid#crosssell-products-list li { width:48%; } .products-grid#crosssell-products-list li .actions li { width:auto; } .slider-thumb, .bigimg-pc-end{display: none;} .bigimg-phone-end{display: block;} .slider-thumb ul { margin:0 0 0 -6px; } .slider-thumb li { margin:0 0 0 6px; width:60px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev { left:-20px; } .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next { right:-30px; } .slider-thumb .owl-carousel .owl-stage-outer { margin:0 3px; } .advance-gallery { position:relative; top:10px; float:none; clear:both; } .advance-gallery ul.form-list { margin: 0 0 0 -2%; } .advance-gallery ul.form-list li.fields,.advance-gallery ul.form-list li.fields:first-child { width:48%; float:left; margin:0 0 10px 2%; } .advance-gallery ul.form-list .input-box { width:auto; float:none; overflow:hidden; } .advance-gallery button { width:100%; height:auto; text-indent:0; background:#fbbe47; background-image:none !important; position:relative; display:block; text-align:center; padding:13px 20px; } .advance-gallery button:hover { background:#444; } .advance-gallery:before, .advance-gallery:after { content:""; display:table; } .advance-gallery:after { clear:both; } body .featured-image a { width:auto; height:94px; } .discount-price { right:0; } .about-ozzy { height:auto; } .catalog-category-view .finder-error { font-size:21px; margin-top:-45px; } .catalog-category-view .finder-error:before { transform:scale(0.85); top:10px; } .catalog-category-view .product-margin-top { padding-top:60px; } .catalog-category-view .innerbanner { margin:2px 0 16px; } .catalog-category-view #primary { padding-top:1px; } .galleryext-index-view .page-title h1 { font-size:26px; } .product-gallery.owl-carousel .owl-item img { max-width:99%; } .side-info { margin:57px 0 22px; } .look-listing ul li ul li { width:auto; margin:0 0 10px; float:none; } .look-listing ul li ul li:before { right:0; } #map { width:60%; } body .storeList, body .list_image { width:40%; } body.storepickup-index-index .pickup_contact { width:60% !important; } .thumbnail_image img { width:50px; height:auto; } .main_image img { width:100%; height:auto; } .main_image { width:90%; } body .store_info .data-table tr td.label, body .store_info .data-table tr td.store_desc { width:auto; } body .store_info .data-table tr td { width:auto; padding:0 0 10px; } ul.form-list li.captcha-fields .field { width:auto; float:none; } #map img { max-width:inherit; } body .thumbnail_image img { height:100%; } .pickup_contact ul.form-list .field { width:auto; float:none; margin:0 0 10px; } .pickup_contact ul.form-list { margin:0; } ul.form-list li.fields { margin:0 0 6px; } body.storepickup-index-index .tooltip { width:auto !important; } body.storepickup-index-index #store_info { width:auto; float:none; } body .store_info .data-table tr td.store_desc table tr td { display:table-cell; } /*body .order-information ol li.shipping-method { position:static; }*/ .banner-content { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); } body #one-step-checkout-form .checkout-review-load .data-table td .box-qty a { text-align:center; } } @media only screen and (min-width: 768px) and (max-width: 1000px) { .actions li { display:block; margin:0 0 10px; } .actions ul { margin:0; } } @media only screen and (min-width: 768px){ .home-search .search-info { display:block !important; } } /*==========================================================================================================*/ @media only screen and (min-width: 769px) and (max-width: 800px) { } /*==========================================================================================================*/ @media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) { .footer-nav .share-this { margin:7px 0 0 10px; } .cols3.row-data, .cols2.row-data { margin:20px 0 0; } .cols3 .col, .cols2 .col { margin-left:0; width:auto; float:none; } .col-m-4, .col-m-5,.col-m-6 {margin-left:0; width:auto; float:none;max-width: 100%;flex-basis: 100%} .footer-nav .cols .col { float:left; } .home-search .cols3 { margin-left:0; } .home-search .cols3 .col { width:auto; float:none; margin:0 0 20px; } .home-search h3 { top:0; position:relative; font-size:18px; text-align:center; cursor:pointer; } .home-search h3 a { padding:18px 0; } .home-search .cols3 .col:first-child h3 { position:absolute; width:100%; top:-59px; } .home-search { position:relative; top:0; left:0; } .footer-top { height:auto; } .footer-callout ul { margin:0 -15px; padding:0; } .footer-callout li { line-height:100%; display:block; margin:0; padding:20px 15px; border-top:1px solid #C8CBD0; } .footer-callout li:first-child { border-top:0; } .about-ozzy p { font-size:16px; font-weight:400; } .footer-nav h3 { font-size:22px; } .footer-callout { text-align:left; } .footer-callout li a { position:relative; padding:0 0 0 70px; } .footer-callout li a:before { position:absolute; left:0; top:50% !important; } .footer-callout li.free-shipping a:before { margin-top:-17px; } .footer-callout li.satisfaction a:before { margin-top:-28px; } .footer-callout li.fitment a:before { margin-top:-23px; } .home-slider.owl-carousel { height:450px; } .home-slider.owl-carousel .owl-item { height:450px; } .cms-home #main{ margin-top:450px; } /*.product-margin-top {margin-top:128px;}*/ .product-list { margin:0 0 28px; } /*Login*/ .col2-set .col-1, .col2-set .col-2 { float:none; width:auto; } .col2-set .col-2 { margin:20px 0 0; } .account-login .content { min-height:10px; } .page-title h1 { font-size:26px; } .home-search .search-info { display:none; } .home-search h3:before { content:""; width:27px; height:27px; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -364px -132px no-repeat; display:block; position:absolute; right:20px; top:50%; margin-top:-13px; -moz-transition: all 550ms ease; -webkit-transition: all 550ms ease; -ms-transition: all 550ms ease; transition: all 550ms ease; opacity:.5 } .home-search h3.rotate:before { opacity:1; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); z-index: 1000; } .data-table thead { display:none; } .data-table tr td.product-name { width:auto; } .data-table tr td { display:block; border-bottom:0; } .data-table tfoot tr td button.button.btn-small { float:none; display:block; width:50%; margin:10px 0; } #primary, #sidebar { float:none; width:auto; clear:both; } #primary { padding:0 0 30px; } ul.form-list .field { float:none; margin:0 0 10px; width:auto; } ul.form-list li.fields { margin:0; } .cms-page-view .fieldset { padding:20px 16px 0; } .cms-page-view.cms-become-a-fitting-partner .fieldset { padding:20px 16px; } #sidebar { margin:20px 0 0; } div.osc-column-left, div.osc-column-2 { width:auto; float:none; } .data-table tr td.a-center, .data-table tr td.a-right { text-align:left; } #tab-coupon .cart .discount h2 { display:block; float:none; margin:0 0 10px; } .data-table tfoot tr td { border-right:0; } #tab-coupon .cart .discount .buttons-set { padding:0 0 14px; } .checkout-cart-index .osc-block-content .form-list .widthfull li.wide { width:auto; margin:0; } .gallery-list li { width:48%; } .gallery-page .page-title h1 { width:auto; float:none; } .advance-gallery { margin:15px 0 0; width:auto; float:none; } .advance-gallery .input-box { width:65%; } .advance-gallery #adv .input-box { width:auto; } .gallery-search { float:none; } .advance-gallery a { float:none; margin:0; } .gallery-search:before, .gallery-search:after { display:table; content:""; } .gallery-search:after { clear:both; } .gallery-search { zoom:1; } .actions ul { margin:0 0 0 -2%; } .actions li { margin:0 0 10px 2%; } .product-view .product-shop, .product-img-column { width:auto; float:none; } .image-zoom img { width:100%; } .look-listing li { width:48%; float:left; margin:0 0 10px 2%; } .look-listing ul { margin:0 0 0 -2%; } .gallery-detail #primary,.gallery-detail #sidebar { width:auto; float:none; } .gallery-nav ul { position:relative; top:0; right:0; } .side-info:after { border-bottom:14px solid #0f88c3; left:50px; top:-28px; border-right:14px solid transparent; border-left:14px solid transparent; } .side-info:before { display:none; } .product-gallery.owl-carousel .owl-controls .owl-nav .owl-next, .product-gallery.owl-carousel .owl-controls .owl-nav .owl-prev { margin-top:-19px !important; } .popover .close { right:10px; top:10px; } .popover { width:100%; } .data-table tr td.image-col { width:auto; } .col2-set .col-1, .col2-set .col-2 { width:auto; float:none; } .col2-set .col-2 { margin:20px 0 0; } .customer-account-forgotpassword ul.form-list .input-box { width:auto; } .toolbar .pager { text-align:center; } .pager .amount { float:none; margin:5px 0; } .review-customer-index .pager .amount { float:left; } .toolbar .pager .pages { margin:5px 0; } .customer-account-login .col2-set .col-2, .customer-account-login .col2-set .col-1 { width:auto; float:none; } .col2-set .col-2{ margin:20px 0 0; } .data-table#checkout-review-table tfoot td { display:table-cell; } #right-sidebar, .product-gallery-box { width:auto; float:none; } #right-sidebar { margin:20px 0 0; } .galleryext-index-index .pager .amount, .galleryext-index-list .pager .amount { float:left; } .galleryext-index-index .toolbar .pager .pages, .galleryext-index-list .toolbar .pager .pages { display:block; padding:10px 0 0; clear:both; } .galleryext-index-index .toolbar .pager .pages:before, .galleryext-index-list .toolbar .pager .pages:after, .galleryext-index-index .toolbar .pager .pages:before, .galleryext-index-index .toolbar .pager .pages:after { content:""; display:table; } .galleryext-index-index .toolbar .pager .pages:after, .galleryext-index-list .toolbar .pager .pages:after { clear:both; } .galleryext-index-index .toolbar .pager .pages, .galleryext-index-list .toolbar .pager .pages { zoom:1; } .galleryext-index-index .page-title h1, .galleryext-index-list .page-title h1 { float:none; margin:0 0 10px; } .advance-gallery ul.form-list li.refine-search { float:right; margin:10px 0 0; } body .featured-image { width:30%; margin:0 15px 0 0; } body .featured-image.left { float:left !important; } .post-content { overflow:hidden; clear:none; } .post-meta-navigation { padding:6px 18px 10px; } .post-navigation { margin:0; } .delivery .popover { left:0; margin-left:0; } .delivery .popover-content:after { left:10px; margin-left:0; } .delivery-info li.fitting .popover { left:0; margin-left:0; right:auto; } .delivery-info li.fitting .popover-content:after { left:10px; right:auto; } .sales-order-history .pager .amount, .review-product-list .pager .amount { float:left; } .advance-gallery #adv { width:100%; } .pp_expand { display:none !important; } a.pp_close { top:auto; bottom:8px; } .balance .view-detail { text-align:center; } body.giftvoucher-index-history .giftvoucher-search-button { text-align:right; } body.giftvoucher-index-history .pager .amount { float:left; } .popData { padding:5% 5% 10%; width:100%; } #summaryPop { width:76%; margin:10px 12% 10% !important; left:0 !important; top:-8% !important; position:absolute; } .testimonial-index-index .pager .amount { float:left; } .testimonial-index-index .pager .pages { clear:both; } .testimonial-content-avatar img { width:120px; height:120px; } .product-options .staggeredlabel ul.options-list li .price-notice { padding-left:0; } .leftbar, .rightbar { width:auto; float:none; } .leftbar { text-align:center; } .rightbar { margin:10px 0 0; } .galleryext-index-featured #main .wrap { padding:0 15px 33px; } .home-slider.owl-carousel:hover .owl-controls .owl-nav .owl-next, .home-slider.owl-carousel:hover .owl-controls .owl-nav .owl-prev { display:none!important; } .slider-thumb ,.bigimg-pc-end{display: none;} .bigimg-phone-end{display: block;} .slider-thumb li { margin:0 0 0 5px; width:75px; } .slider-thumb .owl-carousel .owl-stage-outer { width:95%; margin:0 auto; } .catalog-category-view #primary .amfinder-vertical, .catalog-category-view #primary .amfinder-horizontal{ border:1px solid #e3e3e3; background:#fff; padding:20px; font-size:0; margin:0 0 22px; } .catalog-category-view #primary .amfinder-buttons button.button{ margin:10px 0; width:100%; display:block; position:relative; background:#444; } .catalog-category-view #primary .amfinder-buttons button.button:after{ content:""; width:44px; height:44px; position:absolute; right:0; top:0; background:url(http://bestwheelsntyres.com.au/ox/assets/img/oxwheel.png) -329px -79px no-repeat #595959; } .catalog-category-view #primary .amfinder-buttons button.button:hover:after{ background-color:#fbbe47; } .catalog-category-view #primary .amfinder-buttons button.button:hover{ background:#da9206; } .catalog-category-view .finder-error { margin-left:50px; } .catalog-category-view #primary, .catalog-category-view #sidebar { position:relative; } .catalog-category-view #primary .inner-filter { position:relative; z-index:15; width:100%; display:block; } .catalog-category-view #primary .inner-filter:after { clear:both; content:''; display:table; } .catalog-category-view #primary .amfinder-buttons button[disabled="disabled"], .catalog-category-view #primary .amfinder-buttons button[disabled="disabled"]:hover { cursor:default; opacity:0.5; } .catalog-category-view #primary .amfinder-buttons button[disabled="disabled"]:hover{background:#444;} .catalog-category-view #primary .amfinder-buttons button[disabled="disabled"]:hover:after { background-color:#595959; } .moduelbox.gallery-nav { position:relative; margin:6px 27px 0 0; right:0; } .side-info { margin:20px 0 22px; } body #map, body .storeList { width:100%; clear:both; float:none; } body .storeList { margin:0 0 20px; } body #list-storepickup ul li { width:auto; float:none; margin:0 0 6px; } body #list-storepickup ul { margin:0; } body .store-pickup-list-store-box { width:100%; } .storeList:before, .storeList:after { display:table; content:""; } .storeList:after { clear:both; } .storepickup-index-index .tooltip { display:none!important; } body .store_image img { width:176px; } body.storepickup-index-index .pickup_contact { width:auto !important; float:none !important; } body .list_image { width:auto; float:none; margin:0 0 20px; } body .list_image:before, body .list_image:after { content:""; display:table; } body .list_image:after { clear:both; } .map-popup { width:100% !important; max-width:inherit!important; min-width:inherit !important; } body.onestepcheckout-index-index #pop-up{ width:90% !important; left:0; right:0; top:0; margin:auto; height:50%!important; bottom:0; } .top-popup-bar { width:100%; } .map-popup { width:100% !important; max-width:inherit!important; } .cvv-what-is-this { display:none; } } /*==========================================================================================================*/ /* only iphone4 landscape & Potriat 300 by 480*/ @media only screen and (max-width: 300px), only screen and (max-device-width: 480px), only screen and (max-width: 567px) { .footer-nav .cols .col.ozzytyre, .footer-nav .cols .col,.footer-nav .cols .col.socialize { width:auto; float:none; margin:0 0 20px; } .footer-nav .cols3 { margin-left:0; } .footer-nav .cols .col.ozzytyre .col { float:left; width:48%; margin-left:2%; margin-top:10px; } .footer-nav .cols3 .col.ozzytyre .cols3 { margin-left:-2%; } .footer-nav .cols .col.ozzytyre, .footer-nav .cols .col, .footer-nav .cols .col.socialize { margin:0 0 10px; } .footer-nav .cols .col.ozzytyre .col.col1 { width:auto; position:absolute; right:20px; top:-80px; display:none; } .footer-nav .cols .col.ozzytyre .col { margin:0 0 0 2%; } .footer-nav { position:relative; } #footer-logo { display:inline-block; } .product-list li { width:48%; margin:0 0 10px 2%; } #tab-coupon .cart .discount input.input-text { width:100%; } .advance-gallery label { width:auto; float:none; clear:both; display:block; } .advance-gallery { position:relative; } .advance-gallery .input-box { width:auto; float:none; } .advance-gallery input[type="submit"] { position:absolute; right:0; top:44px; } .advance-gallery .customSelectInner { background-position:80% 50%; } .timertopspace .element:first-child { margin:0 0 0 2%; } .price-box .special-price { margin:0; } .price-box > div { float:none; } ul.add-to-links li a.link-compare:after { display:none; } .product-info { text-align:center; } .catalog-product-view button.button.btn-proceed-checkout { display:block; margin:10px 0; width:100%; } ul.add-to-links li a.link-compare { margin:10px 0 0; } .customer-account-forgotpassword button.button, .customer-account-create button.button { padding:10px 20px !important; } .data-table#checkout-review-table tfoot td, .data-table#checkout-review-table tbody td { display:block; } body #one-step-checkout-form .checkout-review-load .data-table tbody th { display:none; } #one-step-checkout-form .checkout-review-load .data-table td.qty-box .box-qty { width:130px !important; margin:0 10px !important; } body #one-step-checkout-form .checkout-review-load .data-table td.qty-box a, body #one-step-checkout-form .checkout-review-load .data-table td .qty { vertical-align:middle; width:32px; float:none; display:inline-block; } .product-view .box-reviews dt a { display:block; float:none; margin:0 0 10px; } .product-view .box-reviews dt { text-align:left; } .box-related-posts { margin:0 0 20px; } .advance-gallery ul.form-list { margin:0; } .advance-gallery ul.form-list li.fields, .advance-gallery ul.form-list li.fields:first-child { margin:0 0 10px; width:auto; float:none; position:static; } /*.advance-gallery button { position:absolute; right:0; top:44px; z-index:100; }*/ .advance-gallery ul.form-list li label { margin:0; } .advance-gallery ul.form-list .input-box { width:100%; } /*.advance-gallery .input-box .custom-selectbox2:before { right:50px; }*/ .advance-gallery #adv button { position:relative; top:0; } .advance-gallery #adv { top:140px; } .advance-gallery #adv .input-box .custom-selectbox2:before { right:0; } body .featured-image.left { float:none !important; } body .featured-image { margin:0 0 15px; width:auto; } .product-shop .product-options-bottom .add-to-links { display:block; text-align:center; } .add-to-cart button.button.btn-proceed-checkout { clear:both; width:100%; float:none; margin:10px 0; } .add-to-cart label, .add-to-cart .qty { float:none; display:inline-block; } .product-info .price-box .old-price, .product-info .price-box .special-price { float:none; } .delivery-info li.fitting .popover { width:300px; } .balance .amount .addredeem { margin:10px 0 0; } body .customer-account-giftcard .sub-title.balance-history-title { float:none; } .view-detail a, .giftvoucher-search-button button.button, button.button.addredeem { margin:5px 10px 5px 0; } body .giftvoucher-receiver label, body .giftvoucher-receiver { text-align:left; } .testimonial-content-avatar img { margin:0 0 10px; } .testimonial-content-avatar { float:none; } .testimonial-source { text-align:left; } .testimonial-source span.testimonial-date { display:block; } .testimonial-index-index .customer-testimonials .page-title h1, .submit-testimonial { float:none; } .testimonial-index-index .customer-testimonials .page-title { text-align:center; } .products-grid#crosssell-products-list li ul { margin:0; } .products-grid#crosssell-products-list li { width:auto; float:none; margin:0 0 10px; } .data-table tfoot tr td button.button.btn-small { width:100%; } .cart .crosssell h2 { font-size:26px; } .advance-gallery label { text-align:left; padding:0 0 0 14px; } } @media only screen and (max-width: 300px), only screen and (max-device-width: 480px), only screen and (max-width: 580px) { button.button, .data-table button.button { padding:13px 20px !important; } body .cart .discount .buttons-set button.button, body .cart .shipping .buttons-set button.button { padding:10px 16px !important; } .block .actions button.button { padding:0 0 0 25px !important; } button.button.btn-proceed-checkout { padding:13px 20px 13px 65px !important; } .wishlist-index-index .buttons-set button.button { width:100%; margin:0 0 10px; } body #onestepcheckout-login-popup button.button { line-height:100%; } .data-table tr td { padding:8px; } .view-detail a, .giftvoucher-search-button button.button, button.button.addredeem, body .balance .left { padding:5px 40px 5px 12px !important; width:auto !important; } body .balance .view-detail.button, body .balance .view-detail.button:hover { background:none !important; } body .balance .button { width:auto !important; } .submit-testimonial { margin:10px 0 0; } .products-grid li.deal-of-day h4 { font-size:22px; } body .featured-image a { width:auto; height:auto; } body #store_info, body .store_image { width:auto; float:none; clear:both; } body .store_image img { width:100%; } body.onestepcheckout-index-index #pop-up { width:100% !important; height:100% !important; right:auto; right:auto; margin:0; top:0; left:0; } .map-popup { top:-13px; height:100% !important; } body.onestepcheckout-index-index .store_selector { height:75px !important; } .top-popup-bar { background:rgba(255,255,255,0.75); } .onestepcheckout-index-index #pop-up label { float:none !important; display:block; } .onestepcheckout-index-index a.closePop, .onestepcheckout-index-index a.closemap { right:8px; top:8px; z-index:9999999 !important; } .onestepcheckout-index-index #pop-up .custom-selectbox2 { width:100% !important; } } /*==========================================================================================================*/ /* only iphone landscape 340 by 478*/ @media only screen and (min-width: 340px) and (max-width: 480px) { } /*==========================================================================================================*/ /* only iphone portrait 300 by 479*/ @media only screen and (min-width: 300px) and (max-width: 479px) { .footer-nav .cols .col.ozzytyre .col { margin:0 0 10px; width:auto; float:none; } .footer-nav .cols3 .col.ozzytyre .cols3 { margin-left:0%; } #header{ height:auto; } .header-bottom {height: 180px;} .header-right { float:none; margin:15px 0 0; } .phone, .search_box { float:none; } .phone { text-align:center; } .search_box { margin:0 0 20px; width:auto; } .header-top { height:48px; } #logo { left:0; right:0; top:50px; margin:0 auto; transform:scale(0.25); -webkit-transform:scale(0.25); -moz-transform:scale(0.25); -o-transform:scale(0.25); -ms-transform:scale(0.25); } .product-list li { width:auto; margin:0 0 10px; float:none; } .product-list ul { margin-left:0; } .logo-lists li { width:48%; } .home-search { padding:0; } .home-search .cols3 .col:first-child h3 { top:0; position:relative; } .home-search { margin:15px 0 0; } .home-slider.owl-carousel, .home-slider.owl-carousel .owl-item { height:390px; } .cms-home #main{ margin-top:350px; } /*.product-margin-top {margin-top: 128px;}*/ .checkout-cart-index .page-title h1, .checkout-types { float:none; } .checkout-cart-index .page-title h1 { margin:0 0 10px; } .checkout-cart-index .page-title { text-align:center; } .dashboard .box-reviews .box-head { text-align:left; } .dashboard .box-reviews .box-head h2 { float:none; } #tab-coupon .cart .discount .input-box { float:none; margin:0 0 10px; display:block; } #tab-coupon .cart .discount .buttons-set { display:block; float:none; } #tab-coupon .cart .discount .buttons-set button.button { width:100%; } .gallery-list li { width:auto; float:none; margin:0 0 15px; } .gallery-list li img { width:100%; height:auto; } .gallery-list ul { margin:0; } .products-grid > ul > li { width:auto; float:none; margin:0 0 20px; } .products-grid > ul { margin:0; } .products-grid li.deal-of-day .actions li { width:auto; float:none; margin:0 0 10px; display:block; } .products-grid li.deal-of-day .actions ul { margin:0; } .products-grid li.deal-of-day .actions li a { text-align:center; } .products-grid li.deal-of-day .actions li.add-compare a { padding:0; } .actions li.add-compare a:before { position:relative; top:0; margin:0 10px 0 0; display:inline-block } .products-grid li.deal-of-day .price-box > div { display:block; float:none } .products-grid li.deal-of-day .price-box .regular-price { margin:20px 0; } .stock-available { text-align:center; } .actions li.add-compare a { padding:0; } .look-listing li { width:auto; float:none; margin:0 0 10px; } .look-listing ul { margin:0; } .delivery-info li { float:none; } .timertopspace .element { width:48%; margin:0 0 5px 2%; } .timertopspace .element:before { display:none; } .timertopspace .aw_countdown_timer { margin-left:-2%; } .timertopspace .aw_countdown_timer:before, .timertopspace .aw_countdown_timer:after{ content:""; display:table; } .timertopspace .aw_countdown_timer:after { clear:both; } .timertopspace .aw_countdown_timer { zoom:1; } .toolbar .sorter { display:none; } .toolbar .pager { border-bottom:1px solid #eee; } .pager .pages li.current, .pager .pages li a { font-size:14px; } .checkout-cart-index .page-title h1, .cart .title-buttons .checkout-types { font-size:25px !important; float:none; text-align:center; } .cart .title-buttons .checkout-types li { float:none; display:inline-block; } .cart .totals .checkout-types { padding:0; } .product-view .product-shop .add-to-links li { display:block; } .product-shop .product-options-bottom .add-to-links { display:block; } ul.add-to-links li a.link-compare { padding:0 0 0 27px; } ul.add-to-links li a.link-compare:before { left:0; } .galleryext-index-index .pager .amount, .galleryext-index-list .pager .amount { float:none; text-align:center; } .galleryext-index-index .pager .limiter, .galleryext-index-list .pager .limiter { float:none; } .galleryext-index-index .pager .limiter label, .galleryext-index-list .pager .limiter label { display:inline-block; float:none; margin:-5px 0 0; } .galleryext-index-index .limiter .custom-selectbox2, .galleryext-index-list .limiter .custom-selectbox2 { float:none; display:inline-block; } .galleryext-index-index .toolbar .pager .pages li, .galleryext-index-list .toolbar .pager .pages li { margin:0 0 0 2px; } .galleryext-index-index .toolbar .pager,.galleryext-index-list .toolbar .pager { border-bottom:0; } .post-content { clear:both; overflow:visible; } .product-options table tr td { display:block; } .delivery .popover, .delivery-info .popover{ width:100%; margin-left:0; left:0; } .delivery-info li a { display:block; } .popover-content:after { left:0; margin-left:0; } .delivery-info table tr td { display:block; width:auto; } .catalog-product-compare-index .title-buttons, .catalog-product-compare-index .page-title h1 {text-align:center; } .catalog-product-compare-index .page-title h1 { margin:0 0 10px; } .catalog-product-compare-index button.button.btn-proceed-checkout.btn-print { display:inline-block; } .catalog-product-compare-index .title-buttons h1 { float:none; } .registered-users button.button { padding:13px 18px !important; } .product-review .product-img-box { margin:0 0 10px; float:none; width:auto; } .product-review .product-details { margin-left:0; } .pager .pages li a.next { position:absolute; right:5px; bottom:-35px; } .pager .pages li a.previous{ position:absolute; left:0; bottom:-35px; } .pager .pages ol { position:relative; } .toolbar .pager .pages, .pager .pages, .galleryext-index-index .toolbar .pager .pages { padding:0 0 32px; } .delivery-info li.fitting .popover { width:100%; } body.customer-account-index .dashboard .box-reviews .box-head a { margin:10px 0; } body .truncated_full_value { display:none; } .is-blog .pager .pages li { float:none; display:inline-block; margin:0 0 5px 0; } .limiter .custom-selectbox2 { vertical-align:middle; } #wishlist-table.data-table .truncated { display:none; } body .page-title h1 { font-size:26px !important; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price , body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{ width:100%; min-width:100%; display:block; clear:both; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img { width:12px; max-width:12px; height:13px; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price { width:98px !important; text-align:left; } body .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:10px; } body #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label { text-align:left; } body.giftvoucher-index-history .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range.to-date img { right:8px; } .testimonial-index-index .pager .pages { position:relative; top:5px; } body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li .price { float:none; display:block; margin:10px 0 0; } body .one-step-checkout .ez-radio .validation-advice { width:292px; } .catalog-category-view .finder-error { font-size:19px; line-height:1.4; } .catalog-category-view .finder-error:before { top:10px; } .storepickup-index-index ul.form-list li label { float:none; display:block; margin:0 0 10px; } .captcha-info { width:auto; float:none; margin:0 0 10px; } body .order-review-section .payment-method .onestepcheckout-payment-methods .sp-methods .form-list .v-fix { float:none; width:auto !important; margin:0 0 10px; } } /*==========================================================================================================*/ /* only Small tablet portrait 600 by 800*/ @media only screen and (min-width: 599px) and (max-width: 600px) { } /*==========================================================================================================*/ /* Small tablet Landscape 800 by 600*/ @media only screen and (min-width: 799px) and (max-width: 800px) { } /*==========================================================================================================*/ @media only screen and (min-width: 481px) and (max-width: 568px) { } /* Retina css */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { button.button:after, #sidebar .amfinder-buttons button.button:after, body #onestepcheckout-button-place-order:after, .block-layered-nav .actions a:before,.osc-threecolumns button.btn-checkout:after, #header-nav li a:before, .phone:before, .search_box button, .footer-callout li a:before, .sprites, .sp-after:after, .sp-after:before, .ez-checkbox, .ez-radio, body .success-msg:before , .error-msg:before, .validation-advice:before, .info-msg:before, .notice-msg:before, .note-msg:before, blockquote:before, blockquote:after, .normal-listing li:before, .data-table#shopping-cart-table tfoot tr td button.button:before, .btn-remove, .edit-link, .btn-edit, .data-table#shopping-cart-table .link-wishlist, button.button.btn-proceed-checkout:before, .cart .cart-collaterals .col2-set .shipping .page-subtitle h3:before, .discount .page-subtitle h3:before, .cart .discount h2:before, .cart .shipping h2:before,.customer-account-index .dashboard .page-title h1:before, .block.block-account .block-title:after,.block-account .block-content li a:before, .block-account .block-content li.current:before, .block-account .block-content li a:hover:before, .block-account .block-content li.current:before, .block.block-cart .block-title:after,.block.block-compare .block-title:after, .block.block-reorder .block-title:after, .block.block-cart .actions button.button:before, .block.block-compare .actions button.button:before, .block.block-reorder .actions button.button:before,.block.block-compare .actions a:after, .block.block-reorder .actions a:after, .box-account .box-head a:after, .customer-account-index .dashboard .col2-set .box .box-title a:after, .data-table#wishlist-table tr td .link-edit:after,.contact-info address:before,.contact-info .phone-no:before, .contact-info .email-us:before,.pager .pages li a.previous:before,.pager .pages li a.next:after,.advance-gallery button,.advance-gallery button:hover,.offer-nav li.save-up a:before, .offer-nav li.free-deliver a:before, ul.add-to-links li a.link-wishlist:before,ul.add-to-links li a.link-compare:before,.delivery-info li a:before,.timertopspace .element:before,.actions li a:before,.ribbon,.discount-price,.moduelbox.side-accordion h2.side-head:before, .block-layered-nav dt:before,.aside-filter-summary li .btn-remove,.visit-online a:after,.gallery-nav li a,.popover .close,a.amshopby-attr:before, div.block-layered-nav dd a.amshopby-attr:before,div.block-layered-nav dd a.amshopby-attr-selected:before,.data-table#wishlist-table tr td .button.btn-cart,body .onestepcheckout-popup-wrapper h1:before , body #onestepcheckout-toc-popup h1:before,a.closePop,.box-related-posts li a:before, .box-related-posts h2:after,.box-related-posts li a:hover:before,.block.block-blog.block-blog-search .block-title:after,.block.block-blog.block-recent-posts .block-title:after,.block.block-blog.block-blog-archives .block-title:after,.block.block-blog.block-blog-categories .block-title:after,.wp-sidebar ul li a:before ,.wp-sidebar ul li a:hover:before, .wp-sidebar ul li.item.active a:before,.more-view:after,.block.block-related .block-title:after,.back-to-main a:after,.block.block-viewed .block-title:after, .block.block-wishlist .block-title:after, .block.block-wishlist .mini-products-list .product-details a.link-cart:before, .block.block-wishlist .actions a:before,.block.block-viewed li a:before,.block.block-viewed li a:hover:before,.view-detail a:after, .giftvoucher-search-button button.button:after, button.button.addredeem:after,.action-1,.action-2,.action-3,.action-4, body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li input[type="radio"]:not(:checked) + label:before, body #one-step-checkout-form .order-review-section .payment-method .sp-methods dt input[type="radio"]:not(:checked) + label:before, body .giftvoucher input[type="checkbox"]#giftvoucher:not(:checked) + label:before, body #one-step-checkout-form .order-information ol li .onestepcheckout-shipping-method-section ul li input[type="radio"]:checked + label:before, body #one-step-checkout-form .order-review-section .payment-method .sp-methods dt input[type="radio"]:checked + label:before, body .giftvoucher input[type="checkbox"]#giftvoucher:checked + label:before, .galleryext-index-featured .next-featured a:before, .galleryext-index-featured .prev-featured a:before, .galleryext-index-featured .amfinder-vertical button.button:after, .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-prev, .slider-thumb .owl-carousel .owl-controls .owl-nav .owl-next, a.backtotop, .catalog-category-view .finder-error:before, .look-listing ul li ul li:before, body #one-step-checkout-form li input[type="radio"]:not(:checked) + label::before, body #one-step-checkout-form input[type="radio"]:not(:checked) + label::before, body #one-step-checkout-form input[type="checkbox"]:not(:checked) + label::before, .block.block-cart .actions button.button:before, .block.block-compare .actions button.button:before, .block.block-reorder .actions button.button:before, .store-view-more:before, .captcha-info a, .block.block-compared li a:before, body #one-step-checkout-form input[type="radio"]:checked + label:before, body #one-step-checkout-form input[type="radio"]:checked + label:before, body #one-step-checkout-form input[type="checkbox"]:checked + label:before, .home-search .search-info button.button:after, .home-slider.owl-carousel .owl-controls .owl-nav .owl-next, .home-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .home-search h3:before, body #one-step-checkout-form li input[type="radio"]:not(:checked) + label:before, body #one-step-checkout-form input[type="radio"]:not(:checked) + label:before, body #one-step-checkout-form input[type="checkbox"]:not(:checked) + label:before, body .one-step-checkout .vehicle_details h3:after, a.closemap { background-image:url(zzzzzz/sprites@2x.png); -moz-background-size:600px 522px; -ms-background-size:600px 522px; -o-background-size:600px 522px; -webkit-background-size:600px 522px; background-size:600px 522px; } .custom-selectbox2:before { background-image:url(zzzzzz/arrow-bg@2x.png); -moz-background-size:12px 9px; -ms-background-size:12px 9px; -o-background-size:12px 9px; -webkit-background-size:12px 9px; background-size:12px 9px;} } /** * 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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/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(zzzzzz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ @CHARSET "UTF-8"; .amfinder-vertical, .amfinder-horizontal { border: 1px solid #C4C1BC; background: #F8F7F5; padding: 8px; } .amfinder-vertical .dropdown-title, .amfinder-horizontal .dropdown-title { font-size: 12px; font-weight: bold; } .amfinder-vertical .dropdown-element { padding-bottom: 4px; } /* Responsive finder styles */ .amfinder-responsive { display: block; } .amfinder-responsive .amfinder-title { display: none; } .amfinder-responsive .amfinder-title span { position: relative; } .amfinder-responsive .amfinder-toggle { padding: 10px; display: block; } .amfinder-responsive .amfinder-buttons { display: block; width: 100%; } .amfinder-responsive li { display: inline-block; min-width: 160px; margin-bottom: 20px; } .amfinder-responsive li.last { display: block; width: 100%; } .amfinder-responsive li div select { width: 100%; } @media only screen and (max-width: 770px) { .amfinder-responsive li { display: block; width: 100%; margin-bottom: 20px; } .amfinder-responsive .amfinder-toggle { border: 1px solid #cccccc; display: none; border-top: none; } .amfinder-responsive .amfinder-title { display: block; color: #636363; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; line-height: 1.4; text-transform: uppercase; background-color: #f4f4f4; border: 1px solid #cccccc; padding-bottom: 7px; padding-left: 24px; padding-right: 10px; padding-top: 10px; } .amfinder-responsive .amfinder-title:hover { cursor: pointer; } .amfinder-responsive .amfinder-title span:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #3399cc; border-right: none; left: -15px; top: 50%; margin-top: -5px; } .amfinder-responsive.open .amfinder-title span:before { border-top: 4px solid #3399cc; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; } .amfinder-responsive.open .amfinder-toggle { display: block; } } div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background:transparent url(zzzzzz/skin/frontend/base/default/images/amshopby-cb1.gif) no-repeat left center;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(zzzzzz/skin/frontend/base/default/images/amshopby-cb2.gif) no-repeat left center;} div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(zzzzzz/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(zzzzzz/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dt { cursor:pointer; padding-left:15px; background:url(zzzzzz/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed {background:url(zzzzzz/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(zzzzzz/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(zzzzzz/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('zzzzzz/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('zzzzzz/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} /** * Giftvoucher reward template */ .dialog.giftcard-preview-template-dialog{ left: 50% !important; margin-left: -330px !important; } .input-select.validation-failed { border-color: red; } span#giftvoucher_wait{ color: #2F2F2F; } .giftvoucher-discount-code{ color: #008000; } .giftvoucher-discount-code button{ border: medium none; background: none repeat scroll 0 0 transparent; } .giftvoucher-discount-code button:hover{ cursor: pointer; } .giftvoucher-media{ border: 2px solid #F7F9F9; } .giftvoucher-media .giftmedia{ border-bottom: 2px solid #F7F9F9; padding: 7px; color: #F18200; font-size: 15px; } #giftmedia pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .giftvoucher-media .giftmedia-image{ overflow: hidden; width: 265px; position: relative; } .giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc { font-size: 0.9em; font-style: italic; color: #080; margin-top: -5px; } .giftvoucher-product-info #message{ width: 100%; height: 88px; } .giftvoucher-product-info #recipient_address{ width: 325px; height: 57px; } .giftvoucher-product-info #recipient_email, .giftvoucher-product-info #recipient_name, .giftvoucher-product-info #customer_name{ width: 100%; } #giftvoucher-result{ font-size: 15px; } #giftvoucher-result label{ width: 160px; } /* Search Grid Style */ .data-table .giftvoucher-grid-title th{ background-image: none; border-bottom: 1px solid #C2D3E0; } .data-table .giftvoucher-grid-search th{ vertical-align: top; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{ padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{ width: 97%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{ float: left; padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{ min-width: 121px; min-height: 18px; margin-bottom: 3px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{ display: block; width: 36px; float: left; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{ width: 15px; height: 15px; cursor: pointer; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{ float: right; width: 50px; padding: 1px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ width: 100%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{ min-width: 100px; } .giftvoucher-search-button { padding-bottom: 5px; text-align: right; } /* End Search */ .customer-account-giftcard .balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } .customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{ background-color: #F6B26B; } .customer-account-giftcard .account-balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } /*Hai.Tran*/ .custom-field{ width: 175px !important; } .custom-field-right{ width: 375px !important; } .giftcard-preview-template-dialog .top, .giftcard-preview-template-dialog .bot{ display: none; } .giftcard-preview-template-dialog .dialog_e, .giftcard-preview-template-dialog .dialog_w { width: 0; } .giftcard-preview-template-dialog .dialog_close{ display: none; } .giftcard-preview-template-dialog .dialog_content{ background-color: transparent !important; color: #2f2f2f !important; font: 12px/1.55 Arial, Helvetica, sans-serif; } .gift-active{ border: 2px solid rgb(228,121,17) !important; } div.egcSwatch-arrow { /* display: none;*/ position: absolute; height: 11px; top: -2px; left: 1px; width: 100%; background-position: center top; background-repeat: no-repeat; clear: both; /* z-index: 10;*/ background-image: url(zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/down-arrow.png); } #giftcard-template-show-images:hover #giftcard-template-next{ background-image: url(zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/arrow-slide-right.png); } #giftcard-template-show-images:hover #giftcard-template-prev{ background-image: url(zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/arrow-slide-left.png); } /*#giftcard-template-next:hover{ background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png); } #giftcard-template-prev:hover{ background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png); }*/ /** Media Library **/ .uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ } .uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; } .uploader .file-row .file-info { float:left; } /*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; } .uploader .file-row .file-info-size { width: 20%; }*/ .uploader .file-row-info { margin: 0 0 0 10px; } .uploader .file-row-info .file-info-name { font-weight:bold; } .uploader .file-row .progress-text { float:right; font-weight:bold; } .uploader .file-row .delete-button { float:right; } .uploader .buttons { float:left; } .uploader .flex { float:right; } .uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; } .uploader .error { border:1px solid #aa1717; background-color:#ffe6de; } .uploader .error .progress-text { padding-right:10px; } .uploader .complete { border:1px solid #90c898; background-color:#e5ffed; } #amount_range{ width: 60px; } #popup-giftcard{ position: fixed; z-index: 1000; width: 600px; left: 50%; top: 20%; margin-left: -300px; } #bg-fade{ background: #000; position: absolute; z-index: 999; width: 100%; min-height: 800px; float: left; top: 0; left: 0; opacity: 0.8; filter:alpha(opacity=80); } /* Document : reupdate.css Created on : Aug 14, 2014, 2:27:31 PM Author : Billy Description: Purpose of the stylesheet follows. */ /****************************Template 02 _ top*************************************/ #giftcard-template-top{ overflow:hidden; max-height: 550px; font-size: 14px; width: 100%; height: 365px; } #giftcard-template-top .giftcard-template-content{ margin-left:0px; padding: 0; position: relative; } #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{ height: 190px; background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } #giftcard-template-top .giftcard-template-content-temp2{ padding-top: 0px; background-repeat: repeat; background-size: 100% } .logo-title.logo-title-top { padding-left: 15px; float: left; height: 84px; } .logo-title.logo-title-top img{ float: left; border-radius: 0px 0px 5px 5px; max-height: 70px; background-position: 15px 0px !important; } .name-value-top{ float: left; width: 100%; background: url('zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/bkg-title.png') no-repeat; background-size: 103% 105%; margin-top: 55px; height: 50px; position: absolute; bottom: 0; } .name-value-top .giftcard-title{ float: left; font-size: 20px; font-family: 'Open Sans', sans-serif; margin-left: 15px; line-height: 48px; font-weight: 600; } #giftcard-template-top .giftcard-value{ float: right; width: 218px; background: url('zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/bkg-value.png') no-repeat; height: 50px; background-size: 100% 100%; } .name-value-top .giftcard-value .giftcard-text-color{ float: left; font-size: 12px; padding-top: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .name-value-top .giftcard-value .giftcard-price-change { float: right; margin-left: 15px; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: bold; } .name-value-top .value-price span { margin-right: 5px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 12px; margin-top: -3px; } .name-value-top .giftcard-value .giftcard-price-change .price { margin-right: 10px; font-size: 26px; font-family: 'Open Sans', sans-serif; } .giftcard-date-top{ width: 59%; float:left; padding-top: 10px; } .giftcard-date-top .giftcard-from-to{ float: left; font-size: 16px; color: #636363 !important; font-family: 'Open Sans', sans-serif; margin-left: 15px; } .giftcard-date-top .giftcard-from-to .giftcard-from{ float: left; max-height: 25px; } .giftcard-date-top .giftcard-from-to .giftcard-text-color, .giftcard-date-top .giftcard-from-to .giftcard-style-color{ font-family: 'Open Sans', sans-serif; font-size: 16px; } .giftcard-information { float: left; clear: both; width: 342px; margin-top: 8px; margin-left: 15px; } .giftcard-date-top .giftcard-barcode { float: right; text-align: right; padding-right: 15px; } .giftcard-date-top span.giftcard-barcode img { max-width: 100%; float: right; height: 40px; } .giftcard-date-top .giftcard-barcode { padding-right: 15px; margin-top: -10px; } .giftcard-date-top .giftcard-from-to .giftcard-style-color{ color: orange; font-size: 16px } .giftcard-date-top .giftcard-to{ margin-left:0px; max-height: 25px; float:left; clear:both; } .giftcard-date-top .giftcard-number .giftcard-style-color{ color: orange; font-weight: bold; font-family: 'Open Sans', sans-serif; font-style: italic; line-height: 30px; } .name-value-top .value-price{ float: right; line-height: 55px; } .giftcard-date-top .giftcard-message{ padding: 6px; padding-bottom: 14px; padding-top: 3px; height: 93px; vertical-align: middle; background: #fff; border-radius: 5px; border:1px solid #cecece; } .barcode-note .giftcard-code{ float: right; margin-right: 15px; } .barcode-note .barcode{ text-align: right; float: right; width: 158px; height: 40px; } .barcode-note .barcode img{ height: 40px; max-width: 100%; float: right; } .giftcard-date-top .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } .barcode-note .giftcard-note{ margin-top: 5px; float: right; width: 215px; text-align: right; overflow: hidden; height: 87px; position: absolute; bottom: 10px; } .barcode-note .giftcard-note .giftcard-text-color{ font-size: 12px; margin: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;} #giftcard-template-top .giftcard-template-content{ width:100%; background-size:100% auto !important; float: left; height: 175px; } #giftcard-template-top .giftcard-title-top{ width:100%; position: relative; } .hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important} #giftcard-template-top .title{width:60% !important;} #giftcard-template-top .barcode-note{ width: 230px; float: right; margin-top: 5px; position: relative; height: 170px; } #giftcard-template-top .giftcard-value-bottom {display: none} /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15-08-2014, 09:33:08 Author : MSI */ /*---Detail Template 3---*/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600); #giftcard-template-back .giftcard-template-content{display: none; height: 0px} .title-value.giftcard-logo-background { float: left; width: 100%; background: url('zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/bkg-title.png') no-repeat; height: 50px; background-size: 100%; } .giftcard-logo-background .giftcard-value-color { float: right; width: 194px; background: url('zzzzzz/skin/frontend/default/default/css/magestore/giftvoucher/bkg-value.png') no-repeat; height: 50px; background-size: 100% 100%; text-align: right; padding-right: 15px; line-height: 48px; } .from-to-barcode-background{ float: left; width: 100%; margin-bottom: 5px; } .giftcard-change-image-background-popup .giftcard-logo { float: left; height: 84px; margin-left: 15px; } .giftcard-change-image-background-popup .giftcard-logo img { margin-bottom: 15px; border-radius: 0px 0px 5px 5px; max-height: 70px; float: left; } .giftcard-logo-background .giftcard-text-color { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding-right: 10px; } .giftcard-logo-background .giftcard-style-color.giftcard-price-change { font-size: 26px; margin-top: 6px; } .giftcard-logo-background .giftcard-style-color.giftcard-price-change .price { font-family: 'Open Sans', sans-serif; font-weight: bold; float: right; line-height: 52px; } .giftcard-logo-background .giftcard-title { float: left; font-size: 20px; font-family: 'Open Sans', sans-serif; margin-left: 15px; padding-top: 9px; font-weight: 600; } .from-to-barcode-background .from-to { font-size: 16px; font-family: 'Open Sans', sans-serif; float: left; margin-left: 15px; } .from-to-barcode-background .from-to .giftcard-form{ float: left; text-align: left; margin-top: 10px; } .from-to-barcode-background .from-to .giftcard-to { float: left; text-align: left; clear: both; } .giftcard-text { height: 90px; } .from-to-barcode-background span img { height: 40px; max-width: 100%; } .from-to-barcode-background .from-to .giftcard-text-color { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; } .from-to-barcode-background .from-to .giftcard-style-color{ font-size: 16px; font-family: 'Open Sans', sans-serif; } .giftcard-box-background{ overflow: hidden; width: 95%; margin: 0 auto; } .giftcard-box-background .giftcard-text-box{ background: #fff; border-radius: 5px; border:1px solid #cccccc; padding: 0; padding-bottom: 16px; padding-top: 3px; display:table-cell; vertical-align: middle; } .giftcard-box-background .giftcard-text-color.giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; font-family: 'Open Sans', sans-serif; padding: 0px 5px; color: black !important; } .from-to-barcode-background .giftcard-barcode{ float: right; margin-right: 15px; } .from-to-barcode-background .giftcard-barcode .giftcard-style-color{ color: orange; font-weight: bold; font-size:15px; font-family: 'Open Sans', sans-serif; } .from-to-barcode-background .giftcard-barcode .giftcard-style-color{ font-size: 14px; line-height: 30px; color: orange; font-weight: bold; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-note-background{ // margin-top: 8px; float:left; box-sizing: content-box; overflow: hidden; text-align: center; vertical-align: middle; margin-top: 10px; height: 30px } .giftcard-note-background .form-note{ width: 100%; margin: 0 auto; } .giftcard-note-background .giftcard-text-color{ font-size: 12px; line-height: 15px; margin: 0; font-family: 'Open Sans', sans-serif; text-align: left; padding: 0 15px; font-weight: 600; } #giftcard-template-back {width: 100% ;float: left; position: relative} #giftcard-template-back .giftcard-change-image-background-popup{ width: 100%; position: absolute; top: 0%; } .giftcard-box-background .giftcard-text-box { display: inherit !important; background-size: 100% !important; width: 100% !important; height: 98px; } giftcard-box-background { width: 93% !important; height: 95px; padding: 5px 3%; margin-top: 0px !important; box-sizing: content-box; float: left; } .from-to-barcode-background .giftcard-number{ float: right; text-align: right; } .from-to-barcode-background .giftcard-barcode span.barcode { float: right; } /*****template 03 width devices*******/ .giftcard-change-image-background-popup img#img-type-background{ position: relative; top: 0; z-index: 10; left:0; } #giftcard-template-back img#img-type-background{width: 100%} #giftcard-preview-template img#img-type-background{width: 100%} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{ width: 100% !important; top: 0%; position: absolute; } .giftcard-product-media{ float:Left; width:600px; height: 365px; transform-origin: top left; -webkit-transform-origin: top left; } .product-img-box { // overflow: hidden\0; } #close-popup-giftcard { background: url('zzzzzz/skin/frontend/default/default/images/giftvoucher/close.png') no-repeat; width: 35px; height: 35px; position: absolute; top: -25px; right: -25px; } #giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;} /****************************Template 01 _ left*************************************/ .giftvoucher-product-info{overflow: hidden} #giftcard-template-left{ overflow:hidden; width: 655px; font-size: 14px; float:left; background-size: 100% 100%; } #giftcard-preview-template .giftcard_value-color .giftcard-text-color{ padding-right: 10px; margin-top: 15px; } /*#giftcard-preview-template-content {float: left;overflow: hidden;}*/ .dialog.giftcard-preview-template-dialog .dialog_e{background:none;} .giftcard-template-content-left,.giftcard-change-image{ width: 275px; height: 365px; display:block; float: left; background-position: center; background-repeat: no-repeat; background-size: 275px 400px; } .logo1 { width: 100%; height: 50px; margin-top: -7px;} #giftcard-template-left .giftcard-title { font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-top: 10px !important; margin-left: 10px !important; } .giftcard-from{ margin-right: 15px; overflow: hidden; display: table-cell; float: left; margin-bottom: 5px; } .giftcard-from-to .giftcard-style-color{ color: orange; font-size:16px; font-family: 'Open Sans', sans-serif; } .giftcard-to{max-height: 25px;} .giftcard-box{overflow: hidden;margin-top: 10px;} .giftcard-box .giftcard-text-box{ display: block; border-radius: 5px; border: 1px solid #cccccc; padding: 0 6px; height: 90px; vertical-align: middle; background:#fff; margin-top: 10px; } .giftcard_value .giftcard-text-color{ float: left; padding-right: 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{ padding-right: 10px; margin-top: 10px; } .giftcard_value .giftcard-style-color{ float: left; clear: both; } .giftcard_value .giftcard-style-color .price{ font-size: 22px; font-family: 'Open Sans', sans-serif; /* color: orange; */ font-weight: bold; } .giftcard-number{ width: 100%; float: right; text-align: right; margin-bottom: 5px; } .giftcard-number .giftcard-style-color{ color: orange; font-weight: 600; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } .giftcard-barcode .giftcard-style-color{ font-size: 14px; color: orange; font-weight: 600; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-text{ overflow: hidden; vertical-align: bottom; height: 70px; } .giftcard-text .giftcard-text-color{ font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #giftcard-template-show-images .gift-active{overflow:hidden} #giftcard-template-show-images .gift-active img{ display:inline;} /******************Detail giftcard by Crystal****************/ #giftcard-template-left .giftcard-template-content { background-position: 0; background-size: 100%; width: 350px; display: block; margin-left: 0; float: right; height: 365px; background-repeat: repeat; box-sizing: content-box; } #giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;} #giftcard-template-left .giftcard-from-to .giftcard-text-color { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; } #giftcard-template-left{width: 100% !important} #giftcard-template-left .giftcard-change-image { width:250px; background-position:inherit !important; background-size: 100% 100% !important; height:365px; padding-bottom: 0; position: relative; } .giftcard-change-image img{ height: 63px; max-width: 100%; display: inline; } .giftcard-change-image img#img-type-left{ position: relative; top: 0; z-index: 10; left:0; } .giftcard-template-content-left .giftcard-logo{ position: absolute; top: 287px; text-align: center; width: 100%; } /*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/ #giftcard-template-left .giftcard-template-content div.giftcard-style-color{ margin: 15px 10px 0 15px; } #giftcard-template-left .giftcard-template-content div.giftcard_value{ float: left; } #giftcard-template-left .giftcard-template-content div.giftcard-code{ float: right; width: 200px; margin-top: -5px; } #giftcard-template-left .giftcard-template-content .value-barcode { width: 320px; float: left; margin: 15px; margin-bottom: 10px; } #giftcard-template-left .giftcard-template-content div.giftcard-from-to, #giftcard-template-left .giftcard-template-content div.giftcard-box, #giftcard-template-left .giftcard-template-content div.giftcard-text{ width: 320px; float: left; margin:0 15px; } #giftcard-template-left .giftcard-barcode { float: right; width: 177px; text-align: right; } #giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;} #giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;} #giftcard-template-show-images {padding-top: 10px !important;} /**********add giftcard by Sally************/ #addredeem-giftvoucher-code .buttons-set {margin-bottom: 10px;} #addredeem-giftvoucher-code .buttons-set p.required{float:right; width: 40%} #addredeem-giftvoucher-code .input-box{padding-top:5px !important;} #addredeem-giftvoucher-code .button-add-list{float:left; width:55%;} #addredeem-giftvoucher-code .buttons-set button.button{float:left !important;} #addredeem-giftvoucher-code .buttons-set button.button:hover {background: #2e8ab8} #gift-voucher-code{width:55% !important;} /***************checkout cart by Sally***************/ .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} /*************shopping cart by Sally*************/ .discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: 0px;margin-left: 0px;} .giftvoucher-discount-code img{display:inline} /************my account by Sally***********/ .data-table .giftvoucher-grid-detail .input-text{width:160px;} .data-table .giftvoucher-grid-title-hidden{display:none;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{width:inherit !important; height:inherit !important; padding-top:9px; float: left} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; padding-top:9px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:65px !important; } .data-table .balance .left{color:#3091C2!important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:5px !important; margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-to{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-from{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-from{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-to{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:17px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price .label{padding-top:11px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:13px;} .data-table .pager{padding-top:10px;} .balance .view-detail{margin-bottom:10px;margin-top:10px; background:none; padding-left:0px !important;} .balance .view-detail.button:hover{background:none;} .amount .addredeem{float:right; margin-top:31px; padding:7px 17px;} /***********View giftcard*************/ #giftcard_history_table .item-hidden{display:none;} .giftvoucher-index-view .custom-field{float:left; width: 45% !important} .giftvoucher-index-email .custom-field{float:left;} .giftvoucher-index-view .form-list li{width:100%; float: left;} .giftvoucher-index-email .form-list li{width:100%; float: left;} /******History balance*******/ .customer-account-giftcard .sub-title {font-size:24px !important; text-transform:uppercase; border-bottom:1px solid silver;margin-bottom:15px;font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;} #history_grid .giftvoucher-grid-search{width:100%;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item{width:100% !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-from{margin-top:0px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-to{margin-top:0px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item #history_grid-giftcard_code{width:50%} .dialog.giftcard-preview-template-dialog .dialog_w{background: none;} /*---End Detail Popup Template 1---*/ /***********End Detail Popup Template 3*************/ /******************Send email***************/ .giftvoucher-product-info .giftcard-send-friend { float: left; clear: both; width: 190px !important; padding-bottom: 10px; } .giftvoucher-product-info .giftcard-date-box img {float: right; margin-top: 8px;margin-right: 40px;display: block;} .giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;width: 140px !important;} #giftcard-preview-button-add span {padding-left: 0 !important} .giftcard-date-box button span{padding-left: 0 !important} .add-to-box {clear: both} .giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%} .giftvoucher-product-info #giftcard-template-show-images {width: 100% !important;} .giftvoucher-product-info .validation-advice{float: left; clear: both;} .recipient_email, .message, .recipient_ship_form {float:left; clear:both;} /******************End***********************/ /***************checkout cart by Sally***************/ .fieldset .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} .fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .fieldset #giftvoucher_container{float:left;width: 100% !important;} .fieldset .sp-methods{float:left; clear:both; width: 100% !important;} .credit_input img {display:inline;} .credit_input .input-text{width:68px !important;} #giftvoucher_container dt label{display:initial !important;} .notice-msg li{font-weight:700;} .giftvoucher-index-index .pager{margin-top:7px;} /*************shopping cart by Sally*************/ .discount-form.giftvoucher #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;} .discount-form .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px; float:left} .giftvoucher-discount-code img{display:inline;} dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{float:left; clear:both; width: 100% !important} .giftcard-code-hidden{display:none;} @media (max-width:1199px){ /**********add giftcard************/ #gift-voucher-code{width:65% !important;} } @media (max-width:1099px){ #history_grid .giftvoucher-grid-search-item{width:280px !important;} #history_grid #giftvoucher_grid-gift_code{width:170px !important; margin-left:70px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px;width:170px !important; } #history_grid .giftvoucher-grid-title{display:none;} #history_grid .giftvoucher-grid-title-hidden{display:block;} #history_grid th {float:left;display:block !important; text-align:left; /* width:100%; */border:none; background:none !important;} #history_grid th .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; text-transform:initial; font-weight:bold;} #history_grid th .giftvoucher-grid-detail{ margin-left:270px; display:block; /* width:100%; */ text-align:left;} #history_grid td{display:block; float:left; border-bottom:none; /* width:100%; */} #history_grid td .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; font-weight:bold;} #history_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */} #history_grid .giftvoucher-grid-search{border-bottom:1px solid #AAA2A2;} #history_grid tr{border-bottom:1px solid #AAA2A2;} .from-price{float:left; } .to-price{float:left; } .from-date{float:left;} .to-date{float:right;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; text-align:right; padding-right:3px;} #history_grid .pager-header{display:none !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price input.range-text{margin-left:20px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width: 170px !important; margin-left: 70px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{padding-top:0px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{padding-top:0px !important;} /* ********************* */ } /**********add giftcard by Sally************/ #gift-voucher-code{width:90% !important;} #giftcard-template-left .giftcard-template-content .hidden-giftcard { height: 65px !important; } #giftcard-template-left .hidden-content {height: auto} @media (max-width:990px){ /************my account***********/ .giftvoucher-grid-search-item{width:280px !important;} #giftvoucher_grid-gift_code{ width:170px !important; margin-left:70px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px; } .giftvoucher-grid-title{display:none;} .giftvoucher-grid-title-hidden{display:block;} #giftvoucher_grid th { float:left; display:block !important; text-align:left; /* width:100%; */ border:none; background:none !important; } #giftvoucher_grid th .giftvoucher-grid-title-hidden{ float:left; display:block; text-align:left; text-transform:initial; font-weight:bold; } #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */ text-align:left; } #giftvoucher_grid td{ display:block; float:left; border-bottom:none; width:100%; } #giftvoucher_grid td .giftvoucher-grid-title-hidden{ float:left; display:block; text-align:left; font-weight:bold; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */ } .giftvoucher-grid-search{ border-bottom:1px solid #AAA2A2; } #giftvoucher_grid tr{border-bottom:1px solid #AAA2A2;} .from-price{float:left;} .to-price{float:left;} .from-date{float:left;} .to-date{float:right;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{ width:50px !important; text-align:right; padding-right:3px; } .pager-header{display:none !important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price input.range-text{margin-left:20px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;} /*view giftcard*/ #giftcard_history_table .item-hidden{ display:block !important; float:left; font-weight:700; font-size:16px; } #giftcard_history_table thead{display:none;} #giftcard_history_table .item-detail{text-align: left; display: block; padding-left: 165px; font-size:16px; } #giftcard_history_table td{ float:left; width:100%; border-bottom: none; } #giftcard_history_table tr{ border-bottom:1px solid #AAA2A2; } .giftvoucher-index-view h2{ font-size:18px; } .giftvoucher-index-view .form-list{ border-bottom:1px solid #ececec; float:left; margin-bottom:15px; } .giftvoucher-index-view .form-list .field{ margin-bottom:20px !important; /* display: block; */ } .giftvoucher-index-view .form-list li{ width:100%; float: left; } .giftvoucher-index-view .box-account.box-info { margin-bottom: 15px; } .fields .custom-field-right{width:55% !important;} /**********check giftcard************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:95% !important;} /**********check giftcard************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:95% !important;} } @media (max-width:880px){ /************my account***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:230px !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:230px !important; } .data-table th .giftvoucher-grid-detail{ margin-left:230px !important; } .data-table td .giftvoucher-grid-detail{ margin-left:230px !important; } #history_grid td{width:100% !important; } /**********add giftcard************/ #gift-voucher-code{width:100% !important;} } @media only screen and (max-width: 770px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px !important; } .data-table th .giftvoucher-grid-detail{ margin-left:300px !important; } .data-table td .giftvoucher-grid-detail{ margin-left:300px !important; } /**********add giftcard by Sally************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:365px !important;} } @media (max-width:640px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } .data-table th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } .data-table td .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } } @media (max-width:580px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto!important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } .to-price{ float:left; margin-left:0px !important; } .to-date{ float:left; margin-left:0px !important; } .button{padding:5px !important;} .giftvoucher-grid-search-item{width:auto !important;} .balance .view-detail{background:#3399cc !important; } .balance .view-detail.button:hover{background:#2e8ab8 !important;} .balance .left{ color:#fff !important; padding: 7px 15px !important; } #history_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto!important; } #history_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid td{width:100% !important;} /*end*/ } @media (max-width:533px){ /**********add giftcard by Sally************/ .buttons-set button{margin-bottom:3px;} #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;} } @media (max-width:480px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } .to-price{ float:left; margin-left:0px !important; } .to-date{ float:left; margin-left:0px !important; } .button{padding:4px !important;} .giftvoucher-grid-search-item{width:auto !important;} #history_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:10px !important;} } @media (max-width:440px){ /**********check giftcard by Sally************/ .page-title h1{font-size:18px !important;} /* My account */ .balance .button{float:none !important; width:185px !important;} .giftvoucher-search-button{text-align:left !important;} .button{padding:5px !important;} #history_grid th .giftvoucher-grid-detail{margin-left:115px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:50px !important;} /*my account*/ #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;} } @media (max-width:420px){ /***************checkout cart by Sally***************/ .giftcard{display:block;} } @media only screen and (max-width: 380px){ /*My Account*/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; } /************my account***********/ #giftvoucher_grid th .giftvoucher-grid-detail{margin-left:115px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width:50px !important;} .data-table .balance .button{float:none !important; width:185px !important;} .data-table .giftvoucher-search-button{text-align:left !important;} .data-table th .giftvoucher-grid-detail{margin-left:115px !important;} .data-table .button{padding:5px !important;} } @media (max-width:400px){ /**********add giftcard by Sally************/ #addredeem-giftvoucher-code .buttons-set button.button{width:100%;} #addredeem-giftvoucher-code .button-add-list{width:100% !important;} input#full_gift_card_code{max-width:100% !important; width:100% !important;} .giftvoucher-index-view.customer-account .wrapper{min-width:100%} } #zipmoney-widget-general-addtocart, #zipmoney-widget-specific-addtocart { clear: left; margin: 0; text-align: left; padding-top: 10px; } .zipmoney-express-cart-product { padding-top: 10px; } #zipmoney-express-product .zipmoney-express-cart-product-learn-more { float: none; } .zip-order-success-message { border: 1px solid #3d6611; background-color: #eff5ea; background-image: url(zzzzzz/skin/frontend/base/default/zipmoney/images/i_msg-success.gif); color: #3d6611; padding: 10px; } .zip-hover:hover{ cursor: pointer; } .zm-landing-container { width: 900px !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) */ .dialog { border:1px solid #555; } .dialog .bot { display:none !important; } .overlay_magento { background-color:#000; filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; -webkit-opacity:.6; } .top.table_window { border-bottom:1px solid #e6e6e6; background:#6a838b url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/top_bg.gif) 0 100% repeat-x; } .magento_nw { width:6px; height:28px; } .magento_n { height:28px; } .magento_ne { width:6px; height:28px; } .magento_w { width:6px; } .magento_e { width:6px; } .magento_w, .magento_e, .magento_content { background: #fafafa url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/content_bg.gif) 0 0 repeat-x; } .magento_sw { background:#deebf0; width:5px; height:3px; } .magento_s { background:#deebf0; height:3px; } .magento_se, .magento_sizer { background:#deebf0; width:5px; height:3px; } .magento_sizer { cursor:se-resize; } .magento_close { width:16px; height:16px; background:url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/window_close.png) no-repeat 0 0; position:absolute; top:5px; right:7px; cursor:pointer; z-index:1000; } .magento_minimize { width:16px; height:16px; background:url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/window_minimize.png) 0 0 no-repeat; position:absolute; top:5px; right:28px; cursor:pointer; z-index:1000; } .magento_maximize { width:16px; height:16px; background:url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/window_maximize.png)0 0 no-repeat; position:absolute; top:5px; right:49px; cursor:pointer; z-index:1000; } .magento_title { float:left; width:100%; font:bold 12px/28px Arial, Helvetica, sans-serif; color:#fff; text-align:left; } .magento_content { overflow:auto; font-size:12px; } .magento_content, .magento_content label { color:#333; font-family:Arial, sans-serif; } .magento_buttons { padding:10px; text-align:right; } .magento_buttons input.button { border-width:1px; border-style:solid; border-color:#ed6502 #a04300 #a04300 #ed6502; background:#ffac47 url(zzzzzz/skin/frontend/base/default/lib/prototype/windows/themes/magento/btn_bg.gif) 0 100% repeat-x; padding:0 7px 1px 7px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; text-align:center; white-space:nowrap; } .magento_buttons button.button span span span { display:inline; background:none; padding:0; height:auto; } /* FOR IE */ * html .magento_close { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/window_maximize.png", sizingMethod="crop"); } * html .magento_minimize { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/window_close.png", sizingMethod="crop");} * html .magento_maximize { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/window_minimize.png", sizingMethod="crop"); } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: 'revicons'; src: url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.eot?5510888'); src: url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.woff?5510888') format('woff'), url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.ttf?5510888') format('truetype'), url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-layer-inner-rotation { position: relative !important;} /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - WRAPPER STYLES - ******************************/ .rev_slider_wrapper{ position:relative; } .rev_slider_wrapper >ul { visibility:hidden; } .rev_slider{ position:relative; overflow:visible; } .rev_slider img{ max-width:none !important; -moz-transition: none 0; -webkit-transition: none 0; -o-transition: none 0; transition: none 0; margin:0px; padding:0px; border-width:0px; border:none; } .rev_slider .no-slides-text{ font-weight:bold; text-align:center; padding-top:80px; } .rev_slider >ul{ margin:0px; padding:0px; list-style: none !important; list-style-type: none; background-position:0px 0px; } .rev_slider >ul >li, .rev_slider >ul >li:before{ display: block; list-style:none !important; position:absolute; visibility:hidden; margin:0px !important; padding:0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image:none; background-position:0px 0px; text-indent: 0em; } .tp-revslider-slidesli, .tp-revslider-mainul { padding:0 !important; margin:0 !important; list-style:none !important;} .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul li{ list-style:none; position:absolute; visibility:hidden; } .rev_slider .tp-caption, .rev_slider .caption { position:absolute; visibility:hidden; white-space: nowrap} .tp-simpleresponsive img { max-width:none} /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index:1} .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {max-width: none !important} /****************************** - WRAPPER STYLES END - ******************************/ /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - IE8 HACKS ENDS - *******************************/ /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .tp-caption:hover .tp-video-play-button { opacity: 1;} .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3} .tp-dottedoverlay.twoxtwo { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthabanner{ width:100%; position:relative; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { /*-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;*/ } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute; -webkit-font-smoothing: antialiased !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:30px; bottom:-30px} .tp-bannershadow.tp-shadow2 { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /****************************** - BUTTONS - *******************************/ .tp-button{ padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none; } .tp-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(zzzzzz/skin/frontend/base/default/css/nwdthemes/revslider/images/gradient/g40.png) repeat-x top} .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position:bottom, 15px 11px} /*@media only screen and (min-width: 480px) and (max-width: 767px) { .tp-button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } }*/ /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-button.darkgrey,.tp-button.grey, .tp-button:hover.darkgrey,.tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullet.png) no-repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets.png) no-repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/bullet_boxed.png) no-repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/navigdots.png) no-repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(1000px); -webkit-transform-style: preserve-3d; } .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_left.png) no-repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_right.png) no-repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_left.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_right.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_left_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/small_right_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrowleft.png) no-repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrowright.png) no-repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_left.png) no-repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/large_right.png) no-repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; vertical-align: top; } .tp-bullets.tp-thumbs img { vertical-align: top} .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width:100%; height:5px; /*background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px} .tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa; } .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px; } .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px; } .tp-leftarrow.preview2:after { content: '\e81f'; left:18px; } .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px; } .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px; } .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat; } .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000; } .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px; } .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px; } } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px; } .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } @media only screen and (min-width: 320px) and (max-width: 1280px) { .product-item .productdetail-click,.product-item:hover .productdetail-click,.product-item:active .productdetail-click{display:none;} } /***********carwizard**********/ #searchsize-animated-img { width:100px; height:100px; position:relative; padding:10px; animation:searchsize-animated-img 3s 1; -moz-animation:searchsize-animated-img 3s 1; -webkit-animation:searchsize-animated-img 3s 1; -o-animation:searchsize-animated-img 3s 1; border-radius:5px; -webkit-border-radius:5px; } #searchsize-animated-p { position:relative; animation:searchsize-animated-p 3s 1; -moz-animation:searchsize-animated-p 3s 1; -webkit-animation:searchsize-animated-p 3s 1; -o-animation:searchsize-animated-p 3s 1; border-radius:5px; -webkit-border-radius:5px; } @keyframes searchsize-animated-img { 0% {transform: rotate(0deg);left:700%;} 100% {transform: rotate(-360deg);left:0%;} } @keyframes searchsize-animated-p { from {left:140%;} to {left:0px;} } .text-content .each-line{width: 0;overflow: hidden;white-space: nowrap; line-height: 26px;animation:textShow 3s forwards;} @keyframes textShow { from {width:0px;} to {width:100%;} } /******************progress********************/ .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/coloredbg.png) repeat} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(zzzzzz/skin/frontend/base/default/images/nwdthemes/revslider/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-caption.medium_grey{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;padding:2px 4px;margin:0px;border-width:0px;border-style:none;background-color:#888;white-space:nowrap;}.tp-caption.small_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:14px;line-height:20px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.medium_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.large_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:40px;line-height:40px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.very_large_text{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;letter-spacing:-2px;}.tp-caption.very_big_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;padding:0px 4px;padding-top:1px;background-color:#000;}.tp-caption.very_big_black{position:absolute;color:#000;text-shadow:none;font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;padding:0px 4px;padding-top:1px;background-color:#fff;}.tp-caption.modern_medium_fat{position:absolute;color:#000;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_medium_fat_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_medium_light{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.modern_big_bluebg{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;margin:0px;border-width:0px;border-style:none;background-color:#4e5b6c;letter-spacing:0;}.tp-caption.modern_big_redbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;padding-top:1px;margin:0px;border-width:0px;border-style:none;background-color:#de543e;letter-spacing:0;}.tp-caption.modern_small_text_dark{position:absolute;color:#555;text-shadow:none;font-size:14px;line-height:22px;font-family:Arial;margin:0px;border-width:0px;border-style:none;white-space:nowrap;}.tp-caption.boxshadow{-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}.tp-caption.black{color:#000;text-shadow:none;}.tp-caption.noshadow{text-shadow:none;}.tp-caption.thinheadline_dark{position:absolute;color:rgba(0,0,0,0.85);text-shadow:none;font-weight:300;font-size:30px;line-height:30px;font-family:"Open Sans";background-color:transparent;}.tp-caption.thintext_dark{position:absolute;color:rgba(0,0,0,0.85);text-shadow:none;font-weight:300;font-size:16px;line-height:26px;font-family:"Open Sans";background-color:transparent;}.tp-caption.largeblackbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#000;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largepinkbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#db4360;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largewhitebg{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#fff;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.largegreenbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#67ae73;padding:0px 20px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.tp-caption.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#ffffff;text-decoration:none;background-color:rgba(0, 0, 0, 1);text-shadow:none;margin:0px;letter-spacing:-1.5px;padding:1px 4px 0px 4px;width:150px;white-space:normal !important;height:auto;border-width:0px;border-color:rgb(255, 255, 255);border-style:none;}.tp-caption.large_bold_grey{font-size:60px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(102, 102, 102);text-decoration:none;background-color:transparent;text-shadow:none;margin:0px;padding:1px 4px 0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_thin_grey{font-size:34px;line-height:30px;font-weight:300;font-family:"Open Sans";color:rgb(102, 102, 102);text-decoration:none;background-color:transparent;padding:1px 4px 0px;text-shadow:none;margin:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.small_thin_grey{font-size:18px;line-height:26px;font-weight:300;font-family:"Open Sans";color:rgb(117, 117, 117);text-decoration:none;background-color:transparent;padding:1px 4px 0px;text-shadow:none;margin:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.lightgrey_divider{text-decoration:none;background-color:rgba(235, 235, 235, 1);width:370px;height:3px;background-position:initial initial;background-repeat:initial initial;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bold_darkblue{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(52, 73, 94);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_darkblue{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(52, 73, 94);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bold_red{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:rgb(227, 58, 12);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_red{font-size:21px;line-height:26px;font-weight:300;font-family:"Open Sans";color:rgb(227, 58, 12);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_red{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(227, 58, 12);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bold_orange{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:rgb(243, 156, 18);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_orange{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(243, 156, 18);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.grassfloor{text-decoration:none;background-color:rgba(160, 179, 151, 1);width:4000px;height:150px;border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bold_white{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_white{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_white{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_white_center{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:#ffffff;text-decoration:none;background-color:transparent;padding:0px 0px 0px 0px;text-align:center;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_bg_asbestos{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(127, 140, 141);padding:10px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.medium_light_black{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.large_bold_black{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumlarge_light_darkblue{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:rgb(52, 73, 94);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.small_light_white{font-size:17px;line-height:28px;font-weight:300;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.roundedimage{border-width:0px;border-color:rgb(34, 34, 34);border-style:none;}.tp-caption.large_bg_black{font-size:40px;line-height:40px;font-weight:800;font-family:"Open Sans";color:rgb(255, 255, 255);text-decoration:none;background-color:rgb(0, 0, 0);padding:10px 20px 15px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;}.tp-caption.mediumwhitebg{font-size:30px;line-height:30px;font-weight:300;font-family:"Open Sans";color:rgb(0, 0, 0);text-decoration:none;background-color:rgb(255, 255, 255);padding:5px 15px 10px;text-shadow:none;border-width:0px;border-color:rgb(0, 0, 0);border-style:none;} @import url(http://fonts.googleapis.com/css?family=Oswald); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800); .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.big_caption_3, .tp-caption.big_caption_2, .tp-caption.big_caption_4, .tp-caption.big_caption_5, .tp-caption.big_caption_6, .tp-caption.big_caption_7, .tp-caption.big_caption_8, .tp-caption.big_caption_9, .tp-caption.big_caption_10, .tp-caption.big_caption_11, .tp-caption.big_caption_12, .tp-caption.big_caption_13, .tp-caption.big_caption_3_white, .tp-caption.big_caption_2_white, .tp-caption.big_caption_4_white{ position: absolute; color: #e14f4f; text-shadow: none; font-size: 80px; line-height: 80px; font-family: "Oswald"; border-width: 0px; border-style: none; } .tp-caption.big_caption_2, .tp-caption.big_caption_2_white {font-size:48px;} .tp-caption.big_caption_4, .tp-caption.big_caption_4_white {font-size:124px; color:#fff;} .tp-caption.big_caption_5 {font-size:120px;color:#94BB54;font-weight:800;} .tp-caption.big_caption_6 {font-size:84px;color:#94BB54;font-weight:800;} .tp-caption.big_caption_7 {font-size:50px;color:#333;font-weight:800;} .tp-caption.big_caption_8 {font-size:24px;color:#fff;font-family: "Open Sans";} .tp-caption.big_caption_9 {font-size:100px;color:#fff !important;} .tp-caption.big_caption_10 {font-size:55px;color:#2a2b2c;font-weight:bold;} .tp-caption.big_caption_11 {font-size:100px;color:#fff;} .tp-caption.big_caption_12 {font-size:200px;color:#94BB54;font-weight:800;} .tp-caption.big_caption_13 {font-size:24px;color:#aaa;font-family: "Open Sans";} .tp-caption.handwriting, .tp-caption.handwriting_white{ position: absolute; color: #fff; text-shadow: none; font-size: 144px; line-height: 44px; font-family: "Dancing Script"; padding:15px 40px 15px 40px; margin: 0px; border-width: 0px; border-style: none; } .tp-caption.store_button a { position: absolute; color: #fff; text-shadow: none; font-size: 18px; line-height: 18px; font-weight:bold; font-family: "Open Sans"; padding:20px 35px 20px 35px !important; margin: 0px; cursor:pointer; background:#1ABC9C; border-radius:5px; border-bottom:4px solid #16A085; } .tp-caption.store_button_white a{position: absolute; color: #fff; text-shadow: none; font-size:14px; font-weight:normal; padding:10px 20px !important; background:#da9206; border-bottom:4px solid #e1a30e; border-radius:5px ; } .tp-caption.store_button_white a:hover{ background:#da9206; border-bottom:4px solid #e1a30e; } .tp-caption.store_button a, .tp-caption.store_button_white a { color: #fff !important; } .tp-caption.store_button_white a {color:#fff !important;} .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.big_caption_3_white, .tp-caption.big_caption_2_white, .tp-caption.big_caption_4_white, .tp-caption.handwriting_white{ color:#fff; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } /** product-table **/ .layui-table{width: 100%; margin: 10px 0; background-color: #fff;} .layui-table tr{transition: all .3s; -webkit-transition: all .3s;} .layui-table thead tr{background-color: #f2f2f2;} .layui-table th{text-align: left;} .layui-table th, .layui-table td{padding: 9px 15px; min-height: 20px; line-height: 20px; border: 1px solid #e2e2e2; font-size: 14px;} .layui-table[lay-even] tr:nth-child(even), .layui-table tr:hover{background-color: #f8f8f8;} .layui-table[lay-skin="line"], .layui-table[lay-skin="row"]{border: 1px solid #e2e2e2;} .layui-table[lay-skin="line"] th, .layui-table[lay-skin="line"] td{border: none; border-bottom: 1px solid #e2e2e2} .layui-table[lay-skin="row"] th, .layui-table[lay-skin="row"] td{border: none; border-right: 1px solid #e2e2e2} .layui-table[lay-skin="nob"] th, .layui-table[lay-skin="nob"] td{border: none;} /**/ .layui-elem-quote { margin-bottom: 10px; padding: 15px; line-height: 22px; border-left: 5px solid #fbbe47; border-radius: 0 2px 2px 0; background-color: #f2f2f2; } .layui-elem-quote:hover {border-left: 15px solid #fbbe47;}