/** * 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_blank * @copyright Copyright (c) 2012 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:#fff; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } 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 */ strong { font-weight:bold; } address { font-style:normal; } 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 {} .page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 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:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .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 Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; 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 { float:left; height:21px; background:transparent url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { background-position:100% 0; padding:0 12px 0 4px; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; 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; } /* 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 .name-middlename { width:70px; } .form-list .name-middlename 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 { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .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-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; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; 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:10px; line-height:13px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* 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:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .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(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .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; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_collapse.gif) 100% 4px 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% -53px; } /* 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 { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/btn_remove.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(https://www.skinsentials.com.au/skin/frontend/argento/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(https://www.skinsentials.com.au/skin/frontend/argento/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; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; 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; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* 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 #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .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 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .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 .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* 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 #ddd; 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 { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .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 #ddd; 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; } .products-list .product-name a {} .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(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/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:0 0 7px; } .availability-only a { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .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 {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* 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 { border:1px solid #ddd; } .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 { 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(https://www.skinsentials.com.au/skin/frontend/argento/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(https://www.skinsentials.com.au/skin/frontend/argento/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 ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .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 { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name {} .product-view .short-description {} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .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:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px 0 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px 0 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* 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 {} .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 {} /* RSS */ .rss-title h1 { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align: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; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .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:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; 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 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/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 {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .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; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding: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; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { 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:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .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:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .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:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .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 {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* 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 Reviews */ .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 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul {} .footer ul li { display:inline; } .footer-container .bottom-container { text-align:center; } /* ======================================================================================= */ /* 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, .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 .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add: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; } /* ======================================================================================= */ /** * 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) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.skinsentials.com.au/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /** * We tried to list as many classes in this sheet as we could * but it's more than likely we missed a bunch. **/ .rewards-special-review-summary { margin-top: 12px; font-size: 8pt; } .rewards-customer-sidebar { } .rewards-customer-sidebar .block-content { padding-left: 9px; font-size: 11px; padding-bottom: 6px; padding-top: 7px; padding-right: 9px; } .rewards-checkout-cart-before_total-head { } .rewards-checkout-cart-points-head { width: 80px; } .item-points-header-redeemed, .item-points-header-earned { color: rgb(30, 126, 200); font-weight: bold; cursor: pointer; } .item-points-list-redeemed, .item-points-list-earned { } .item-points-block { font-size: 8pt; } .item-no-points-caption { font-style: italic; } .points-checkout-onepage-sidebox { } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header { } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header { background-color: #D0DCE1; } .points-checkout-onepage-sidebox { background-color: #EEEEEE; border: 1px solid #B7B7B7; margin-bottom: 11px; padding-left: 0px; } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-content { padding: 6px; } .points-checkout-onepage-sidebox H4.points-checkout-onepage-sidebox-header { list-style: none; } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header { background-color: #D0DCE1; } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header H4 { float: left; color: #5E8AB4; font-size: 13px; margin-top: 2px; } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header { background-color: #D0DCE1; float: left; width: 184px; } .points-checkout-onepage-sidebox .points-checkout-onepage-sidebox-header { background-color: #D0DCE1; padding: 2px 0px 0px 9px; border-bottom: 1px solid #AFAFAF; font-size: 10pt; } .points-checkout-onepage-sidebox .onepage-sidebox-header { } .points-checkout-onepage-sidebox .onepage-sidebox-content { } .mypoints-page-head { } .mypoints-sendfriend { float: left; width: 45%; height: 260px; } .shopping-cart-collaterals .rewards-cart-box H4 { min-height: 16px; color: #E26703; background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 21px; text-transform: uppercase; padding-left: 23px; } .rewards-customer-index .mypoints-sendfriend TD { padding: 2px 2px 4px 0; } .shopping-cart-collaterals .rewards-cart-box { padding: 12px 15px 15px; } .rewards-cart-box .applied-redemptions { margin-bottom: 10px; } .rewards-cart-box .applied-redemptions { margin-bottom: 10px; } .rewards-cart-box .distributions { margin-bottom: 10px; } .rewards-cart-box .no_extra_points { font-style: italic; } .rewards-cart-box { margin-top: 0px; margin-bottom: 20px; float: left; text-align: left; width: 100%; } .mypoints-redeemcatalog { vertical-align: middle; float: right; width: 45%; height: 260px; } /*@nelkaake Thursday May 27, 2010 : Added*/ .mypoints-redeemcatalog .head { text-align: left; } .mypoints-redeemcatalog .listing { font-size: 8pt; height: 230px; overflow-x: hidden; overflow-y: auto; } .mypoints-redeemcatalog .noproducts { /*font-size:8pt;*/ font-style: italic; margin-top: 30px; text-align: center; } .mypoints-transfers { } .mypoints-transfers .content TABLE TBODY { height: 200px; overflow-x: hidden; } .mypoints-transfers H2 { margin-top: 12px; } .mypoints-summary { padding-bottom: 20px; padding-top: 2px; } .mypoints-summary .usable-points { margin-bottom: 6px; } .mypoints-summary .pendingapproval-points { } .mypoints-summary .pendingevent-points { } .mypoints-summary .pendingtime-points { } .mypoints-summary .pending-points { margin-bottom: 12px; } .mypoints-summary .msg { } .points-summary-emphasize { font-weight: bold; } .cart-points-total_spent { } .cart-points-total_spent .warning { color: #FF0000; font-size: 8pt; } .cart-points-total_spent .caption, .cart-points-total_earned .caption { font-weight: bold; } .cart-points-total_item_discounts .rendering_area { font-weight: bold; } .rewards-customer-sidebar .warning { color: #FF0000; font-size: 8pt; } .rewards-customer-sidebar .to_spend { } .rewards-customer-sidebar .remaining { } .rewards-customer-sidebar .balance { } .rewards-customer-sidebar .notice { color: #444444; } .mypoints-transfers { width: 100%; } .mypoints-transfers .data-table { } .mypoints-transfers .content { padding: 0; } .points-prediction { margin-top: 12px; font-size: 8pt; width: 100%; } .points-prediction .as_low_as { width: 100%; } .points-prediction .earnable { } .order-points-earned .caption { } .order-points-earned .amount, .order-points-spent .amount, .order-print-points-earned .amount, .order-print-points-spent .amount { font-size: 7pt; } .product-view-points { } .product-view-points .redeem_section { } .product-view-points .distri_section { } .product-view-points .distri_section .you_will_earn { } .product-view-points .distri_section .points_image { } .product-view-points { } .points-special-header { color: #FFFFFF; } .points-multishipping-warning { } .points-checkout-onepage-sidebox .change-points-usage { float: left; margin-right: 7px; margin-left: 10px; border-left: 1px solid #A7A7A7; padding-left: 8px; font-weight: bold; } .cart-points-total_spent .points-amount { min-width: 100px; } .cart-points-spending_warnings .notice { font-size: 8pt; } .rewards-checkout-onepage-guestwarn { top: -6px; position: relative; font-style: italic; } /* This will be used on the catalog pages */ .rewards-mini-icon-holder { padding-right: 6px; width: 16px; /* //@nelkaake Thursday March 11, 2010 09:41:44 PM : changed to px */ vertical-align: bottom; } .points-prediction .free_with_points { } /*@nelkaake Added to catalog listing page 3/12/2010 2:13:43 PM */ .col-main .facebook-like-rewards-notification { font-size: 11px; font-family: arial, sans-serif; } .main-container.col2-right-layout .col-main .facebook-like-rewards-notification { float: right; top: -28px; position: relative; left: 0px; } .main-container.col3-layout .col-main .facebook-like-rewards-notification { float: left; top: -4px; position: relative; left: 2px; } .facebook-like-rewards-notification .ajax-loading { background-image: url('https://www.skinsentials.com.au/skin/frontend/base/default/images/rewardssocial/facebook/ajax-loader.gif'); background-repeat: no-repeat; line-height: 11px; height: 11px; width: 16px; padding: 0; margin: 0; } .soldtogether-block h2 { } .soldtogether-block .select-all { float: right; font-size: 12px; font-weight: normal; } .soldtogether-block .subtitle { color: #555; padding: 0; font-size: 12px; margin-top: -10px; } .soldtogether-block .products-grid { width:100%; } .soldtogether-block .products-grid li.item { } .addtocart-checkboxes .products-grid li.item { padding-bottom: 50px; } .addtocart-checkboxes .product-image-wrapper { position: relative; } .addtocart-checkboxes .product-image-wrapper .checkbox { position: absolute; right: 0; bottom: 0; } .soldtogether-block .amazonstyle-images { margin: 10px 0; } .soldtogether-block .amazonstyle-images li { padding-left: 25px; display: inline; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/images/tm/soldtogether/plus.png) no-repeat 5px 50%; float: left; } .soldtogether-block .amazonstyle-images .first { background: none; padding-left: 0; } .soldtogether-block .amazonstyle-checkboxes { clear: both; } .soldtogether-block .amazonstyle-checkboxes .price-box { display: inline; margin: 10px 0; } .soldtogether-block .amazonstyle-checkboxes .price-box .minimal-price-link, .soldtogether-block .amazonstyle-checkboxes .price-box p { display: inline; } .soldtogether-block .amazonstyle-checkboxes .minimal-price .price-label { font-weight: normal; } .soldtogether-block .amazonstyle-checkboxes li { margin: 0; padding: 2px 5px; } .soldtogether-block .totalprice { font-weight: bold; } .soldtogether-block .totalprice h5 { display: inline; margin: 5px; } .soldtogether-block .button-cart { margin: 5px; } .soldtogether-block .amazonstyle-images { zoom: 1; } .soldtogether-block .amazonstyle-images:after { content: '.'; display: block; visibility: hidden; clear: both; font-size: 0; height: 0; } .suggestpage-index-index .col-main { border: none; } .suggestpage-activity { padding: 0 0 7px; margin: 0 0 7px; border-bottom: 1px solid #ddd; } .suggestpage-activity .col-1 { width: 30%; } .suggestpage-activity .col-2 { width: 70%; } .suggestpage-activity .col-wide { width: 100%; } .suggestpage-activity .mini-products-list {} .suggestpage-activity .mini-products-list li.item { padding: 0 10px; } .suggestpage-activity .mini-products-list .btn-remove, .suggestpage-activity .mini-products-list .btn-edit { display: none; } .suggestpage-activity .cartinfo { padding: 10px; background: #D7E2E6; border: 1px solid #C6D7DE; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #404040; border-radius: 4px; } .suggestpage-activity .cartinfo .totals { float: left; } .suggestpage-activity .cartinfo .subtotal { margin: 0 0 5px; } .suggestpage-activity .cartinfo .subtotal .label { font-weight: bold; } .suggestpage-activity .cartinfo .amount { margin: 0; } .suggestpage-activity .cartinfo .actions { float: right; } button.btn-suggest-page::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.btn-suggest-page { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.btn-suggest-page { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.btn-suggest-page span { display:block; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; } button.btn-suggest-page span span { border:0; padding:0; } .suggestpage-activity .btn-suggest-page span { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0; font: bold 15px/40px Arial,Helvetica,sans-serif; height: 40px; border: none; padding: 0 0 0 8px; color: #fff; } .suggestpage-activity .btn-suggest-page span span { padding: 0 25px 0 16px; } .suggestpage-activity .btn-suggest-checkout span { background-position: 0 0; color: #fff; } .suggestpage-activity .btn-suggest-checkout span span { background-position: 100% 0; } .suggestpage-activity .btn-suggest-cart span { background-position: 0 100%; color: #4a4a4a; } .suggestpage-activity .btn-suggest-cart span span { background-position: 100% 100%; } .suggestpage-activity, .suggestpage-activity .cartinfo, .suggestpage-activity .mini-products-list li { zoom: 1; } .suggestpage-activity:after, .suggestpage-activity .cartinfo:after, .suggestpage-activity .mini-products-list li:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0em; } @media (max-width: 480px) { .suggestpage-activity .col-1, .suggestpage-activity .col-2 { float: none; width: auto; display: block; margin: 0 0 5px; clear: both; } .suggestpage-activity .mini-products-list { display: none; } .suggestpage-activity .cartinfo .actions { margin: 10px auto 0; float: left; } } .product-view .tabs { margin: 15px 0px; overflow:hidden; border-bottom:1px solid #496778; zoom: 1;} .product-view .tabs li { float:left; border-right:1px solid #ffffff; border-left: 1px solid #fff; font-size:0.9em; line-height:1em; background: #f2f2f2; } .product-view .tabs li.first { border-left:0; } .product-view .tabs li.last { border-right:0; } .product-view .tabs a { display:block; padding:6px 10px; color:#444; text-decoration: none;} .product-view .tabs a:hover { background-color:#ddd; text-decoration:none; color:#444; text-decoration: none;} .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background:#496778; color:#fff; } #product_tabs_tags_tabbed_contents.input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin-right: 10px;} #product_tabs_related_tabbed_contents li { float:left; margin-right: 10px;} #product_tabs_related_tabbed_contents ol { clear: both;} .product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom: 1} @media (max-width: 979px) { .product-view .tabs { float: left; width: 23%; overflow: visible; height: auto; background: none; margin: 0 0 15px; border: none; } .product-view .tabs li { margin: 0; float: none; height: auto; padding: 0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #fff; } .product-view .tabs li a { white-space: normal; padding: 10px 0 10px 3px; letter-spacing: 0; min-width: 0; float: none; display: block; height: auto; } .product-view .tabs li.active { border-right: none; } .product-view .padder { float: right; padding: 10px 1%; width: 75%; border: none; } .product-view .padder, .product-view .tabs { border-top: 1px solid #e3e3e3; } } .easyslideslider-id { position: relative; z-index: 5; margin-bottom: 10px; } .easyslideslider-id .scroller { overflow: hidden; position: relative; } .easyslideslider-id .content { padding: 0px;position: relative; } .easyslideslider-id .section { overflow:hidden; position: absolute; top: 0; } /*.easyslideslider-id img { border: none; }*/ .easyslidedescription { padding: 0px 10px; position:relative; font: 11px bold Helvetica, sans-serif; } .easyslidedescription a { text-decoration: none; color: #5a5a5a; } .easyslidedescription a:hover { text-decoration: underline; } .easyslidedescription p { line-height: 20px; text-align: center; } .easyslidecontrolwr { } /*.easyslidecontrolwr.disabled { opacity:0.2; filter:alpha(opacity=20); }*/ .easyslidercontrol { } /* .easyslidercontrol a { float: left; width: 15px; height: 17px; margin: 0px 2px; text-decoration: none; font-weight: bold; overflow: hidden; text-align:center; } */ /* .easyslidedirect { background: #f3f3f3; color: #000; padding: 0px 2px; width: auto; height: auto; } */ .easyslidedirect { } .easyslidercontrol a.easyslideprev { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/control.png) no-repeat 2px 3px; } .easyslidercontrol a.easyslidenext { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/control.png) no-repeat -15px 3px; } .easyslidercontrol a.easyslidestop { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/control.png) no-repeat 0 -12px; } .easyslidercontrol a.easyslideplay { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/control.png) no-repeat -10px -12px; } .easyslidecontrolwr { max-height: 277px; left: 0; overflow: hidden; position: absolute; width: 194px; z-index: 2; } .easyslidecontrolwr a.easyslidedirect{ background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/tab_normal.png) no-repeat scroll 0 0 transparent; height: 40px; padding: 8px 45px 8px 8px; margin: 0; color: #686868; display: block; text-decoration: none; } /* .easyslidecontrolwr a.easyslidedirect:hover, .easyslidecontrolwr a.easyslidedirect.active { background: url("https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/tab_hover.png") no-repeat scroll 0 0 transparent; text-decoration: none; } */ /* .easyslidecontrolwr ul#featurelist li:highlight { background: url("https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/tab_hover.png") no-repeat scroll 0 0 transparent; } */ .easyslidecontrolwr a.easyslidedirect { /* padding: 0px 50px 8px 13px; */ } .easyslidecontrolwr a.easyslidedirect:hover { color: #e9882d; text-decoration: none; } .easyslidecontrolwr a.easyslidedirect.active { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslide/tab_hover.png) no-repeat scroll 0 0 transparent; color: #e9882d; text-decoration: none; } .easyslidecontrolwr .easyslidedirect strong { font-size: 1em; margin: 0px; padding: 0px; } .easyslidecontrolwr span.subtitle { color: #999999; display: block; line-height: 1em; font-size: 0.9em; font-weight:normal; margin: 0px; padding: 0px; } div#featureContent { border-color: #CCCCCC; border-style: solid; border-width: 0 1px; left: 169px; position: relative; /* width: 758px; */ } div.scroller { border-color: #CCCCCC; border-style: solid; border-width: 0 1px; /* left: 169px; */ float: left; /* height: 278px; */ overflow: hidden; position: relative; } img, div#featureContent { outline: 0; max-width: 100%; height: auto; } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Bar Theme Skin URI: http://nivo.dev7studios.com Description: The bottom bar skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: false */ .theme-bar.slider-wrapper { position: relative; border: 1px solid #333; overflow: hidden; } .theme-bar .nivoSlider { position:relative; background:#fff url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/bar/loading.gif) no-repeat 50% 50%; } .theme-bar .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-bar .nivoSlider a { border:0; display:block; } .theme-bar .nivo-controlNav { position: absolute; left: 0; bottom: -41px; z-index: 10; width: 100%; height: 30px; text-align: center; padding: 5px 0; border-top: 1px solid #333; background: #333; background: -moz-linear-gradient(top, #565656 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-controlNav { bottom: 0; opacity: 1; } .theme-bar .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/bar/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 5px 2px 0 2px; } .theme-bar .nivo-controlNav a.active { background-position:0 -22px; } .theme-bar .nivo-directionNav a { display:block; border:0; color: #fff; text-transform: uppercase; top: auto; bottom: 10px; z-index: 11; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; text-decoration: none; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar a.nivo-nextNav { right: -50px; } .theme-bar a.nivo-prevNav { left: -50px; } .theme-bar:hover a.nivo-nextNav { right: 15px; opacity: 1; } .theme-bar:hover a.nivo-prevNav { left: 15px; opacity: 1; } .theme-bar .nivo-directionNav a:hover { color: #ddd; } .theme-bar .nivo-caption { font-family: Helvetica, Arial, sans-serif; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-caption { bottom: 41px; } .theme-bar .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-bar .nivo-caption a:hover { color:#fff; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Dark Theme Skin URI: http://nivo.dev7studios.com Description: A dark skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-dark.slider-wrapper { background: #222; padding: 10px; } .theme-dark .nivoSlider { position:relative; background:#fff url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/dark/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-dark .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-dark .nivoSlider a { border:0; display:block; } .theme-dark .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-dark .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/dark/bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px; } .theme-dark .nivo-controlNav a.active { background-position:0 100%; } .theme-dark .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/dark/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-dark .nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-dark a.nivo-nextNav { background-position:-16px 50%; right:0px; } .theme-dark a.nivo-prevNav { background-position:11px 50%; left: auto; right: 35px; } .theme-dark .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-dark .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-dark .nivo-caption a:hover { color:#fff; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/default/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/default/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/default/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Light Theme Skin URI: http://nivo.dev7studios.com Description: A light skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-light.slider-wrapper { background: #fff; padding: 10px; } .theme-light .nivoSlider { position:relative; background:#fff url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/light/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-light .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-light .nivoSlider a { border:0; display:block; } .theme-light .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-light .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/light/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-light .nivo-controlNav a.active { background-position:0 100%; } .theme-light .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nivo/light/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-light .nivo-directionNav a:hover { background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-light a.nivo-nextNav { background-position:160% 50%; right:0px; } .theme-light a.nivo-prevNav { background-position:-60% 50%; left: auto; right: 35px; } .theme-light .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-light .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-light .nivo-caption a:hover { color:#fff; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* reset cms page std styles */ .std .block-highlight ul, .std .block-highlight ol { margin: 0; padding: 0; list-style: none; } .std .block-highlight .add-to-links { margin: 5px 0 0; } .block-highlight {} .block-highlight .block-title { color: #0A263C; font-size: 14px; font-weight: bold; } .col-main .block-highlight { margin: 0 0 0.7em; } /* Reviews list mode */ .highlight-review .products-list .product-price-block { float: right; text-align: right; } .highlight-review .products-list .desc { float: left; width: 315px; } .highlight-review .products-list .author { font-weight: bold; } .highlight-review .products-list .price-box { float: none; margin: 3px 0 5px; } /* Wide grid for product reviews */ .block-highlight .grid-wide { background: none; border: none; margin: 10px auto; } .block-highlight .grid-wide li.item { padding: 12px 10px; border: 1px solid #eaeaea; border-radius: 7px; margin: 0 10px 0 0; min-height: 100px; background: #f8f8f8; position: relative; } .block-highlight .cols-1 .grid-wide li.item { width: 100%; min-height: 80px; } .block-highlight .cols-2 .grid-wide li.item { width: 44%; } .block-highlight .cols-3 .grid-wide li.item { width: 28%; } .block-highlight .cols-4 .grid-wide li.item { width: 20%; } .block-highlight .grid-wide li.last { margin: 0; } .block-highlight .grid-wide .product-image { width: auto; height: auto; float: left; margin: 0; } .block-highlight .grid-wide .product-shop { margin-left: 87px; } .block-highlight .grid-wide .product-name { font-size: 1em; } .block-highlight .grid-wide .desc { font-size: 0.9em; } .block-highlight .grid-wide .link-learn { font-size: 11px; position: absolute; right: 0; bottom: 0; padding: 1px 8px; background: #e3e3e3; border-radius: 7px 0 7px 0; text-decoration: none; color: #777; } .block-highlight .grid-wide .link-learn:hover { background: #dadada; } .side-col .block-highlight .products-grid, .sidebar .block-highlight .products-grid { background: none; width: 100%; } .side-col .block-highlight .products-grid li.item, .sidebar .block-highlight .products-grid li.item { padding: 5px 3px; width: 40px; } .side-col .block-highlight .products-grid .product-image, .sidebar .block-highlight .products-grid .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list li.item, .sidebar .block-highlight .products-list li.item { padding: 5px 10px; } .side-col .block-highlight .products-list .product-image, .sidebar .block-highlight .products-list .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list .product-shop, .sidebar .block-highlight .products-list .product-shop { margin-left: 55px; } .side-col .block-highlight .product-name, .sidebar .block-highlight .product-name { font-size: 1em; } .side-col .highlight-review .products-list .desc, .sidebar .highlight-review .products-list .desc { width: 100%; float: none; } .highlight-index-index .toolbar .sort-by { display: none; } /** * @file: highslide.css * @version: 4.1.13 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { /*position: absolute;*/ background: black; } a.highslide-full-expand { background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; padding: 0; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .mobile .highslide-html { border: 1px solid silver; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; direction: ltr; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(https://www.skinsentials.com.au/skin/frontend/base/default/js/tm/lightboxpro/highslide/graphics/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { width: 60px; /* t=5481 */ } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; } .navpro { font-size: 13px; text-align: left; } .navpro a.level-top, .navpro div.level-top a { color: #2b3c4a; font-weight: bold; padding: 5px 12px 6px 8px; display: block; line-height: 1.3em; text-decoration: none; } /*Top menu style*/ .nav-container .navpro { margin: 0 auto; padding: 0 16px; width: 918px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #a7c6dd; } .navpro a.level-top:hover, .navpro a.level-top.over, .navpro div.level-top a:hover, .navpro div.level-top a.over { color: #d96708; } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #d96708; } .navpro .nav-ul .active > .nav-a { color: #d96708 } /* dropdown styles */ .navpro .nav-li { position: relative; float: left; } .navpro li.over { z-index:998; } .navpro .nav-dropdown { position: absolute; display: none; background: #fff; border: 1px solid #ccc; } .navpro .nav-style-accordion > .nav-dropdown { position: static; border: none; display: block; background: none; overflow: hidden; } .navpro .nav-dropdown .nav-dropdown { } .navpro .shown-sub { z-index: 999; display: block; } .navpro .nav-dropdown .shown-sub { display: block; } .navpro .nav-ul .nav-li { float: none; } .navpro .nav-ul .nav-li-column { float: left; } .navpro .nav-ul li.over > a, .navpro .nav-ul li.over > .nav-sibling-title { background-color: #eee; } .navpro .nav-ul .nav-a:hover, .navpro .nav-ul .nav-sibling-title:hover { background-color: #eee; } .navpro .nav-ul .nav-a, .navpro .nav-ul .nav-sibling-title a { text-decoration: none; display: block; } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { display: block; padding: 3px 15px 4px; } .navpro .nav-row { clear: left; } .nav-toggler { position: absolute; width: 20px; height: 20px; top: 4px; right: 0px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/navigationpro_arrows.gif) no-repeat 0 -22px; text-indent: -9999px; } .nav-accordion-toggler.nav-toggler-level1 { right: 5px; } .nav-accordion-toggler.nav-toggler-level2 { right: 8px; } .nav-accordion-toggler.nav-toggler-level3 { right: 11px; } .nav-accordion-toggler.nav-toggler-level4 { right: 14px; } .nav-accordion-toggler.nav-toggler-level5 { right: 17px; } .nav-accordion-toggler { cursor: pointer; background-position: -49px -2px; opacity: 0.6; } .nav-accordion-toggler:hover { opacity: 1; } .nav-accordion-toggler-active { background-position: 0 0; } .navpro-inline .nav-toggler-level0 { background-position: -21px 0; } .nav-a-with-toggler, .nav-sibling-title-with-toggler a { padding-right: 23px !important; } .navpro .relative-level1 { text-indent: 0px; } .navpro .relative-level2 { text-indent: 10px; } .navpro .relative-level3 { text-indent: 20px; } .navpro .relative-level4 { text-indent: 30px; } .navpro .relative-level5 { text-indent: 40px; } .navpro .relative-level6 { text-indent: 50px; } .navpro .relative-level7 { text-indent: 60px; } .navpro .nav-style-accordion .nav-a-level1 { text-indent: 0px; } .navpro .nav-style-accordion .nav-a-level2 { text-indent: 10px; } .navpro .nav-style-accordion .nav-a-level3 { text-indent: 20px; } .navpro .nav-style-accordion .nav-a-level4 { text-indent: 30px; } .navpro .nav-style-accordion .nav-a-level5 { text-indent: 40px; } .navpro .nav-style-accordion .nav-a-level6 { text-indent: 50px; } .navpro .nav-style-accordion .nav-a-level7 { text-indent: 60px; } .navpro .nav-style-accordion .nav-a-level8 { text-indent: 70px; } .navpro .nav-style-accordion .nav-a-level9 { text-indent: 80px; } .navpro .nav-column { float: left; } .navpro .nav-column .nav-column-title { color: #0A263C; font-size: 14px; font-weight: bold; padding: 10px 0 5px 10px; } /* sidebar fixes */ /*.block-navpro .block-content { padding: 5px; }*/ .sidebar .navpro .level-top { float: none; clear: left; } .sidebar .navpro a.level-top, .sidebar .navpro div.level-top a { padding: 5px 12px 6px 12px; } /* Clearer */ .navpro, .nav-li, .nav-ul, .nav-dropdown, .nav-column-wrapper, .nav-column { zoom: 1; } .navpro:after, .nav-li:after, .nav-ul:after, .nav-dropdown:after, .nav-column-wrapper:after, .nav-column:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; font-size: 0; } /* -------------------------------*/ /* Other extensions compatibility */ /* -------------------------------*/ /* Highlight */ .navpro .block-highlight { padding: 10px; } .navpro .block-highlight .block-title { background: none; border: none; } .navpro .block-highlight .block-content { background: none; border: none; } .navpro .products-grid { background: none; } .side-col .navpro .block-highlight .products-list .product-shop, .sidebar .navpro .block-highlight .products-list .product-shop { margin-left: 150px; } /* Clear Magento odd and even styles */ .navpro .block-highlight li.odd, .navpro .block-highlight li.even { background: none; } .prolabel-wrapper { position: relative; } .prolabel-wrapper .productlabeltext { line-height: 11px; font-size: 0.9em; font-weight: bold; display: block; letter-spacing:0.01px; text-decoration: none; color: #fff; } .prolabel-wrapper a { text-decoration: none; position: relative; } .products-list .prolabel-wrapper { float:left; } .prolabel { position: absolute; z-index: 10; } .prolabel td { vertical-align: middle; text-align: center; } .top-center { top: 0; left: 50%; } .middle-left { left: 0; top: 50%; } .middle-right { right: 0; top: 50%; } .bottom-center { bottom: 0; right: 50%; } .middle-center { top: 50%; right: 50%; } .top-left { top: 0; left: 0; } .top-right { top: 0; right: 0; } .bottom-left { bottom: 0; left: 0; } .bottom-right { bottom: 0; right: 0; } /*IE6 fix*/ * html .prolabel-wrapper { float: left; } * html .prolabel-wrapper a { position: relative; } @media (max-width: 480px) { .prolabel td { background-size: 62%; } } /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); box-shadow : 0 4px 5px rgba(0,0,0,.15); z-index: 1010; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius : 5px; border-radius : 5px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; border: 1px solid #aaaaaa; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #444444; text-decoration: none; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: right top; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 0 0; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { background: #fff url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px; background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius : 0 0 4px 4px; border-radius : 0 0 4px 4px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; } /* @end */ .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow : none; box-shadow : none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; border: 1px solid #cccccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -22px -3px; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { cursor: default; opacity:0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: #fff url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px; background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.skinsentials.com.au/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; } /* @end */ ul.add-row, .form-list li.add-row { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; padding-top: 5px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:0; margin:0; text-align:right; float: right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } p.value { clear: both; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider p { margin: 0 0 0.1em; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; padding: 0; margin: 0; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top: 5px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left: 5px; } .events-slider .forward { right: 5px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; background:#f5f5f5 url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 0 10px; } .catalog-product-view .giftcard-send-form { border-bottom-width: 0; margin:0 0 -22px; } .giftcard-send-form label { text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } .giftcardaccount .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Restricted ================================================================================ */ .restriction-index-stub { background: none; } .restriction-index-stub .page { padding-bottom:3px; } .restriction-index-stub .main { padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#847f7f; min-height:230px; height:230px; font-size:16px; padding: 0; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { padding:15px 0 0; margin:0; } .restriction-index-stub .private-sales-index { padding: 0; margin: 10px auto; } /* Old private sales index ================================================================================ */ .private-sales-index { margin:10px auto 20px; padding:40px 0; max-width: 656px; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_ps.gif) no-repeat 50% 0; padding:50px 13px 0; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } /* Block: Checkout Progress */ .opc-wrapper .opc { float: left; width: 75%; } .opc-wrapper .fieldset { padding: 0; margin: 0; border: none; } .opc-progress-container { float:right; width:24%; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .checkout-reward label, .checkout-onepage-payment-additional-customerbalance label { color: #000 !important; } #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .bundle-summary .product:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } @media (max-width: 767px) { .private-sales-index .box .content { padding: 0 15px 10px; } .private-sales-index .box .content .description { padding: 20px 10px; margin-top: 25px; } } @media (max-width: 480px) { .private-sales-index { padding: 0; } .private-sales-index .box { padding: 0; } .private-sales-index .box .content { padding: 10px; } .private-sales-index .box .content h1 { background: none; padding-top: 0; font-size: 21px; } .private-sales-index .box .content .description { margin: 20px auto 0; padding: 12px; font-size: 16px; } .opc-progress-container { display: none; } .opc-wrapper .opc { float: none; width: auto; } } body { background: #444; font: normal 12px/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif; } .page-popup { background: #fff; } /* Headings */ h1, .h1 { font-size:24px; font-weight:normal; line-height:1.15; } h2, .h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3, .h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4, .h4 { font-size:14px; font-weight:bold; } h5, .h5 { font-size:12px; font-weight:bold; } h6, .h6 { font-size:11px; font-weight:bold; } h2, .h2 { margin-bottom: .2em; } p { margin-bottom: .4em; line-height: 1.4em; } p.note { font-size: .9em; color: #444; } a { color: #023761; } small { font-size: .8em; } button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; text-transform: lowercase; font-family: Tahoma, Arial, Helvetica, sans-serif; } button.button span span { padding-left: 1px; } button.button:hover span {} button.button:hover span span {} button.button:active span {} button.button:active span span {} button.btn-alt span { background:transparent url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.btn-alt span span { background-position: 100% -340px; padding:0 12px 0 4px; } .strong { font-weight: bold; } .std ul.add-to-links { padding: 0; list-style: none; } .std .products-grid { padding: 0; list-style: none; } .price-box p { margin: 0; } .buttons-set { border: none; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } .data-table th, .data-table td { padding: 9px 5px; } .data-table tr.odd { background: #fff; } tr.summary-details td { background: #e0e0e0; } textarea { width: 250px; } .fieldset { background: #f4f4f4; } .fieldset .legend { background: #fff; border-color: #ddd; padding: 1px 8px; font-weight: normal; font-size: 15px; } .form-list label { margin: 0 0 3px; font-weight: normal; font-size: 15px; } .form-list li.wide .input-box { width: auto; } .form-list textarea { width: 98%; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 100%; max-width: 525px; } .form-list .input-box { width: auto; } .form-list input.input-text, .form-list select, .form-list textarea { font-size: 15px; padding: 7px 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; border-color: #aaa #ccc #ccc #ccc; padding: 6px 4px; } .form-list input.input-text:focus, .form-list select:focus, .form-list textarea:focus { background-color: #fafafa; } .form-list label.required em { right: -10px; } .page-title {padding: 7px 0 8px;} .page-title h1, .page-title h2 { font-size:2em; } .page-head-alt { padding: 7px 0 8px; margin: 0 0 7px; } .page-head-alt h3, .page-head-alt h2 { font-size:24px; font-weight: normal; } /* layout */ .page { width: auto; padding: 0; } .col3-layout .col-wrapper { width: 75%; } .col3-layout .col-right { width: 24%; } .col3-layout .col-left { width: 30%; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 24%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 75%; } .col3-layout .col-main { margin-left: 7px; width: 68%; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { padding: 0 5px; width: 960px; margin: 0 auto; border: none; } /* header */ .top-toolbar .links li, .footer .links li { float: left; } .links a { padding: 0 5px 0 6px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/links_div.gif) no-repeat 0 50% !important; white-space: nowrap; } .links li.first a { background: none !important; padding-left: 0; } /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea; } .top-toolbar { color: #7f7f7f; font: normal .9em Tahoma, Verdana, Arial, Helvetica, sans-serif; } /* cms links */ .header-links { margin-right: 80px; float: left; } .top-toolbar .welcome-msg { float: left; margin: 0 10px 0 0; } .top-toolbar { padding: 9px 5px; } .top-toolbar .quick-links { float: right; text-align: right; } .top-toolbar .quick-links .links { float: right; } .top-toolbar .links a { color: #7f7f7f; text-decoration: none; } .top-toolbar .links a:hover { text-decoration: underline; } .top-toolbar input, .top-toolbar select, .top-toolbar textarea, .top-toolbar button { font-size: .9em; } .top-toolbar select { text-indent: 0; background: #fff; } .form-language { float: left; } .form-language label { text-transform: lowercase; } .form-language select { margin-top: -1px; } /* >>> top toolbar */ .header-container { background: #fff; } .header { padding: 20px 5px; } .header-callout { float: left; } .header-container .mobile-togglers { display: none; } #search_mini_form { float: right; } .header-container .form-search { float: right; margin: 15px 0 0 15px; position: relative; text-align: left; } .header-container .form-search label { display: none; } .header-container .form-search input { background: #f6f6f6; width: 250px; padding: 10px 0; height: 15px; color: #757578; text-indent: 7px; } .header-container .form-search button { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -307px 0; width: 37px; height: 37px; overflow: hidden; margin-left: -5px; } .header-container .form-search button span { background: none !important; padding: 0 !important; display: none; } .header-container .form-search .search-autocomplete { margin-top: -1px; } .header-container .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#f9f5f0; } .header-container .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #ddd; padding: 7px 8px 8px 8px; cursor:pointer; } .header-container .form-search .search-autocomplete li.last { border-bottom: none; } .header-container .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header-container .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header-container .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .autocomplete { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .headerajaxsearchwindow { background: none; text-align: left; padding: 3px 6px 4px; } .headerajaxsearchwindow:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } p.headercategorysearch { display: none; font-style: normal; text-align: left; padding: 2px 5px; } .autocomplete div { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } select.ajaxsearch-category-select { padding: 9px 1px 9px 3px; width: 60px; background: #f6f6f6; color: #757578; } .header-container .form-search .chzn-container { text-align: left; float: left; margin-right: 1px; font-size: 12px; min-width: 70px; z-index: 980; } .header-container .form-search .chzn-container-single .chzn-single { padding: 6px 0 6px 3px; height: 23px; border-radius: 0; border-color: #ddd; box-shadow: none; color: #757578; font-size: 10px; background-image: none; background-color: #f6f6f6; filter: none; } .header-container .form-search .chzn-container-single .chzn-single div { top: 6px; height: 23px; } .header-container .form-search .chzn-container .chzn-drop { border-color: #ddd; min-width: 180px; } .header-container .form-search .chzn-container-single .chzn-search input { min-width: 145px; padding: 4px 20px 4px 5px; text-indent: 0; } .header-container .form-search .chzn-container-single .chzn-single abbr { top: 12px; right: 20px; } .header-container .header-cart { float: right; margin: 12px 0 0 20px; background: #f6f6f6; border: 1px dashed #cbcbcb; padding: 6px 5px; position: relative; z-index: 990; } .header-cart .button { margin-top: 3px; } .header-cart .summary { width: 120px; float: left; width: 70px; margin: 0 3px 0 0; font-size: .9em; cursor: pointer; } .header-cart .summary-qty { font-size: 2.1em; float: left; margin: 0 4px 0 0; padding: 0 0 0 10px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -578px -43px; line-height: 30px; } .header-cart .summary-items { } .header-cart .mini-products-list { padding: 0; right: 0; left: auto; } .header-cart .mini-products-list li { padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 250px; } .header-cart .mini-products-list li.last { border: none; } .header-cart .mini-products-list a { text-decoration: none; } .header-cart .mini-products-list a:hover { text-decoration: underline; } .header-cart .mini-products-list .product-details { margin-left: 58px; } .header-cart .mini-products-list .product-image { padding: 2px; border: none; } .header-cart .mini-products-list .truncated .show .item-options { left: -260px; top: 5px; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit { float: right; margin-left: 2px; } /* <<< navigation */ .nav-container { background: #eaeaea; } #nav { margin: 0 auto; width: 960px; border: none; font-family: Arial, Helvetica, sans-serif; } #nav li a { padding: 11px 13px 10px; color: #272e3d; } #nav ul, #nav div { top: 42px; background: #fff; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #nav ul li { border-color: #f1f1f1; } #nav ul li a { padding: 5px 9px; } #nav li.level-top {} #nav li.first { background: none; padding: 0; } #nav li.parent a { } #nav li.parent a.level-top { padding-right: 19px; } #nav li.parent a.level-top { background-image: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nav_leveltop_parent.gif); background-repeat: no-repeat; background-position: 100% 50%; } #nav li.parent > a { background-image: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nav_parent.gif); background-repeat: no-repeat; background-position: 100% 60%; } /* navigation for touchable devices width screen width less than 480px */ #nav-top-toggle { display: none; } #nav .toggle { display: none; } /* navigationpro */ .nav-container { zoom: 1; } .nav-container .navpro { margin: 0 auto; width: 960px; border: none; font-family: Arial, Helvetica, sans-serif; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #272e3d; font-size: 1.1em; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #d96708; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 17px 13px 13px; color: #272e3d; font-weight: normal;} .nav-container .navpro ul.nav-ul { top: 42px; background: #fff; } .nav-container .navpro ul li a.nav-a { padding: 3px 0; } .nav-container .navpro li.level-top { } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro-inline .nav-toggler-level0 { background-position: -1px 0; } .nav-container .navpro .nav-toggler { top: 16px; right: 1px; } .nav-container .navpro ul .nav-toggler { top: 2px; } .nav-container .nav-a-with-toggler, .nav-container .nav-sibling-title-with-toggler a { padding-right: 21px !important; } .nav-container .navpro .nav-dropdown { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* >>> navigation */ /* middle */ .main-container { background: #fff; } .main { padding: 10px 5px; min-height: 400px; } .breadcrumbs { border: none; font-size: .9em; padding: 6px 10px; } .col-main, .col-left, .col-right { border: none; padding: 0; } /* blocks */ .block { border: none; font-size: 1.0em; } .block .block-title { border: 1px solid #ddd; padding: 8px 8px 8px; color: #033862; border-width: 0 0 1px; font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif; } .block .block-title strong, .block .block-title span { font-weight: normal; color: #000; font-size: 1.1em;} .block .block-subtitle { font-size: 12px; } .block .block-content li.item { padding: 3px 0; } .block li.even { background: none; } .block .actions { padding: 5px 0; } .sidebar .block-subscribe .input-text { width: 100%; } /* <<< layered navigation */ .block-layered-nav .block-subtitle { display: none; } .block-layered-nav .currently .block-subtitle { display: block; color: #555; font-size: 1em; } .block-layered-nav .currently ol { margin: 5px 0; padding-left: 5px; } .block-layered-nav .currently li { } .block-layered-nav .actions { text-align: right; padding: 5px; background: #eaeaea; margin-bottom: 7px; font-size: .9em; } .block-layered-nav .actions a { float: none; } #narrow-by-list { margin: 0; } #narrow-by-list dt { color: #000; } #narrow-by-list dd { padding-left: 7px; margin: 3px 0 9px; color: #757578; line-height: 1.7em; } #narrow-by-list dd li { padding-left: 14px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; } #narrow-by-list a { color: #023761; text-decoration: none; } #narrow-by-list a:hover { text-decoration: underline; } /* >>> layered navigation */ /* product listing */ .toolbar-bottom { margin-top: 15px; } .pager, .sorter { border: none; margin: 0; font-size: .9em; padding: 7px 5px; } .pager .amount { margin: 0; line-height: 25px; } .pager select, .sorter select { padding: 3px 3px; } .pager .pages li { margin-right: 1px; padding: 1px 5px; } .pager .pages .current { background: #ebebeb; } .sorter { border: 1px solid #E6E6E7; padding: 0; } .sorter .view-mode { margin: 0; background: #f6f6f6; padding: 12px 5px; height: 15px; border-right: 1px solid #E6E6E7; } .sorter .view-mode .list, .sorter .view-mode .grid { padding: 3px 3px 3px 22px; text-decoration: none; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat 0 0; } .sorter .view-mode .list { background-position: -550px -73px; } .sorter .view-mode .grid { background-position: -533px -92px; } .sorter .view-mode a { color: #023761; } .sorter .view-mode a:hover { text-decoration: underline; } .sorter .view-mode label { display: none; } .sorter .sort-by { padding: 7px 5px; } .i-previous, .i-next { text-decoration: none; } .link-wishlist, .link-compare { font-weight: normal; } .products-grid .link-wishlist, .category-products .link-wishlist, .product-shop .link-wishlist { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -582px -335px; } .products-grid .link-compare, .category-products .link-compare, .product-shop .link-compare { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -582px -310px; } .products-grid .link-wishlist:hover, .category-products .link-wishlist:hover, .product-shop .link-wishlist:hover { text-decoration: underline; } .products-grid .link-compare:hover, .category-products .link-compare:hover, .product-shop .link-compare:hover { text-decoration: underline; } .col1-layout .products-grid { width: auto; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: auto; } .product-name a { text-decoration: none; } .product-name a:hover { text-decoration: underline; } .products-grid { padding: 5px 0; } .products-grid li.item { width: 31.3%; padding: 10px 1% 10px; } /* 3 products per row */ .col1-layout .products-grid { margin: 0 0 10px; } .col1-layout ul.last { margin: 0; } .products-grid .product-name { font-weight: normal; font-size: 1.2em; min-height: 40px; } .products-grid .product-image, .products-list .product-image { width: auto; height: auto; max-width: 100%; } .products-list .product-image { max-width: 135px; } .products-grid .product-image img, .products-list .product-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .products-list .product-name { margin:0 0 5px; font-weight:normal; font-size: 1.3em; } .products-list .add-to-links { font-size: .9em; margin: 0 0 5px; } .products-grid .price-box { float: left; } .products-grid .actions { position: static; float: right; } .products-grid .add-to-links { /*position: absolute; bottom: 15px;*/ float: left; margin: 9px 0 5px; font-size: .9em; clear: both; } .products-grid .add-to-links li { float: left; margin-right: 10px; line-height: 18px; } .products-grid .add-to-links li.li-wishlist {} .products-grid .add-to-links li.li-compare { margin-right: 0; } .products-grid .add-to-links a, .products-list .add-to-links a { color: #757578; text-decoration: none; } .products-grid .add-to-links a:hover, .products-list .add-to-links a:hover { text-decoration: underline; } .col1-layout .products-grid li.item { width: 23%; } /* 4 products per row */ .col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item { width: 31.3%; } /* 3 products per row */ .col3-layout .products-grid li.item { width: 31.3%; /*padding-bottom: 45px;*/ } /* 3 products per row */ .col3-layout .products-grid .actions { float: none; } .col3-layout .products-grid .add-to-links { /*position: static;*/ } .col3-layout .products-grid .add-to-links li { float: none; } .products-list .product-shop {} .price-box { font-size: 1em; } .price-box .price, .regular-price .price, .price-from .price-label, .price-to .price-label { font-weight: normal; } /* product view */ .product-view .product-img-box { float: left; width: 370px; margin-left: -100%; } .product-view .product-img-box .more-views { clear: both; } .product-view .product-img-box .highslide-gallery .more-views a { margin-right: 5px; } .product-view .product-img-box .more-views a { width: 56px; float: left; } .product-view .product-shop, .col1-layout .product-view .product-shop { width: 100%; float: left; } .product-view .product-shop .product-shop-inner { margin-left: 385px; } .product-view .product-img-box .product-image-zoom img { max-width: 900px; width: auto; } .highslide img { border: 1px solid #ddd; width: auto; max-width: 100%; } .highslide img:hover { border: 1px solid #ccc; } .product-view .product-shop .product-name { margin: 0 0 17px; } .product-view .product-shop .email-friend, .product-view .product-shop .no-rating { float: left; font-size: 11px; margin: 0 12px 12px 0; } .product-view .product-shop .email-friend a, .product-view .product-shop .no-rating a, .product-view .product-shop .rating-links a { color: #777; } .product-view .product-shop .rating-links .separator { color: #999; } .product-view .product-shop .ratings { line-height: 1.4em; font-size: 11px; } .product-view .product-shop .short-description { clear: both; margin: 12px 0; } .product-view .product-shop .availability { font-size: .9em; margin: 7px 0; } .product-view .product-shop .price-box { float: left; margin: 0 20px 7px 0; font-size: 1.5em; } .product-view .product-shop .price-box .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .price-from .price-label, .product-view .product-shop .price-to .price-label { font-weight: bold; } .product-view .product-shop .tier-prices { clear: both; margin: 7px 0; padding: 7px 12px; background: #ffffff; border: 1px dotted #ddd; font-size: .9em; } .product-view .product-shop .tier-prices li { line-height: 1.7em; } .product-view .product-shop .price-box { display: none; } .product-view .add-to-cart-wrapper { padding: 17px 10px; background: #f4f4f4; border: 1px solid #eee; position: relative; margin-top: 25px; } .product-view .add-to-cart-wrapper .availability { position: absolute; top: -20px; left: 0; margin: 0; } .product-view .add-to-cart-wrapper .add-to-box { float: right; } .product-view .add-to-cart-wrapper .price-box { margin: 0; display: block; line-height: .9em; } .product-view .product-shop .add-to-cart .qty { padding: 8px 3px; } .product-view .product-shop .add-to-cart label { line-height: 29px; } .product-view .product-shop .add-to-links { margin: 7px 0; font-size: .9em; text-align: right; } .product-view .product-shop .add-to-links li { display: inline; margin: 0 10px 0 0; } .product-view .product-shop .add-to-links a { color: #777; } .product-view .product-shop .product-options { clear: both; } /* Product Options */ .product-options { margin:10px 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: 0 2px 0 0; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options .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; padding: 0; } .product-options-bottom { background-color:#f4f4f4; 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-view .product-options-bottom .price-box { float:left; margin:0 !important; padding:0; display: block; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; margin-bottom: 0 !important; font-size: .9em; } .product-view .product-shop .product-options-bottom .add-to-links li { margin: 0 0 0 10px; } .product-options-bottom .add-to-links a { color: #777; } .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-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 .price-as-configured .price-label { display: none; } /* ee compatibility */ .product-shop .product-options-bottom { position: relative; } .product-shop .product-options-bottom p.required { position: absolute; right: 33px; top: -20px; } /* Grouped Product */ .product-view .add-to-cart-wrapper .grouped-items-table { margin: -5px 0 10px 0; } .product-view .grouped-items-table .price-box { margin:0; padding:0; font-size: 1.1em; line-height: 1.3em; } .product-view .grouped-items-table td, .product-view .grouped-items-table th { padding: 5px; } .product-view .product-shop .price-box-bundle .price-box { display: block; font-size: 1.1em; } /* product tabs */ .product-view .tabs { overflow: hidden; zoom: 1; padding: 0; margin: 0; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; height: auto; border: none; } .product-view .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin: 5px 10px 0 0; border: none; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; height: 34px; } .product-view .tabs li a { background: transparent url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; color: #023761; border: none; margin: 0; float: left; text-align: center; font: normal 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 0.05em; text-transform: capitalize; white-space:nowrap; padding: 9px 14px 9px 15px; height: 34px; } .product-view .tabs li a:hover { background-position: 0 -40px; background-color: transparent; } .product-view .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background: transparent url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) no-repeat 0 -80px; color: #ef6e00; cursor: default; } .product-view .padder { padding: 10px 10px; border: 1px solid #b7d3ea; border-top: none; margin: 0 0 15px; } .product-view .padder .products-grid li.item { padding-bottom: 10px; } .product-view .padder .products-grid .add-to-links { display: none; } .product-view .padder .box-collateral { margin: 0; } .product-view .box-collateral .h2 { margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; padding: 0 0 5px; display: block; } .product-view .box-collateral .padder .h2 { margin: 0; } .product-view .padder .box-up-sell > h2, .product-view .padder .box-up-sell > .h2 { display: none; } .product-view .padder .block-related .block-title { display: none; } .product-view .padder .block-related .block-content { padding: 0; } .product-view .padder .mini-products-list li { width: 45%; margin-right: 5%; float: left; } .product-view .padder .mini-products-list li:nth-child(odd) { clear: left; } #product_tabs_tags_tabbed_contents .input-box { width: auto; max-width: 260px; float: none; margin: 0 10px 7px 0; } .product-view .box-tags .form-add input.input-text { width: 100%; } .product-collateral .box-collateral { clear: both; } .product-collateral .soldtogether-block { margin: 0; padding-bottom: 15px; } .product-collateral .soldtogether-block .subtitle { color: #555; } .product-collateral .soldtogether-block .images li { width: 150px; } .soldtogether-block .check li { padding: 5px; } /*********************/ .product-view .product-collateral { padding: 10px 0; } .product-view .product-collateral h2 { } .product-view .product-collateral .box-up-sell { } /* setup 4 columns layout */ .col2-right-layout .product-view .product-collateral .box-up-sell .products-grid li.item, .col2-left-layout .product-view .product-collateral .box-up-sell .products-grid li.item { width: 23%; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3, .product-view .box-tags .h3 { font-size:12px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/links_div.gif) no-repeat 100% 50%; 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 .product-tags a { color: #333; } .product-view .box-tags .form-add label { display:none;} .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 0 0; } /* Block: Reviews */ .product-view .padder .box-reviews > h2, .product-view .padder .box-reviews > .h2 { display: none; } .product-view .box-reviews dl { margin:0 0 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, .product-view .box-reviews .form-add .h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span, .product-view .box-reviews .form-add .h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4, .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; } .review-product-list .price-as-configured { display: none; } /* Block: Additional */ #product-attribute-specs-table th { white-space: normal; } /* 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; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* <<< customer */ .block-account li { padding: 3px 0; } /* Remember Me Popup ===================================================================== */ .window-overlay { 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; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999px; text-align: left; } .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 ===================================================================== */ .account-login .new-users, .account-login .registered-users { width: 47%; padding: 1% 1% 0; float: left; } .account-login .new-users h2, .account-login .registered-users h2 { border-bottom: 1px solid #e6e6e6; padding-bottom: 3px; } .account-login .new-users .buttons-set, .account-login .registered-users .buttons-set { } .account-login .registered-users { float: right; } .login-only .registered-users { float: none; margin: 0 auto; } .box-account { margin-bottom: 25px !important; } .box-account .box-head { margin: 0 0 5px; } .box-account .box-head h2, .box-account .box-title h3, .box-account .box-head .h2, .box-account .box-title .h3 { float: left; } .box-account .box-head a, .box-account .box-title a { float: right; } .my-account .box { padding: 10px; } .my-account .box .box-title { margin: 0 0 3px; } .my-account .box .box-content { font-size: .9em; } /* General Box */ .box-account { background: #fff; 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; color:#e65505; } .dashboard .box .box-title { 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; } .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Address Book */ .addresses-list h2, .addresses-list .h2 { font-weight:bold; font-size:13px; text-transform:uppercase; } .addresses-list h3, .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: #f4f4f4; 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; } /* Block: Recent Orders */ #my-orders-table .order-info, #my-downloadable-products-table .order-info { border: none; background: none; padding: 0; } #my-orders-table .order-info dt, #my-downloadable-products-table .order-info dt { clear: left; float: left; margin-right: 3px; font-size: .9em; } #my-orders-table .order-info dt:after, #my-downloadable-products-table .order-info dt:after { content: ':'; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { display: block; font-weight: bold; font-size: .9em; } /* 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 { 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, .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 { 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 .product-image { width: 90px; } .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; } .my-wishlist .wishlist-short-info { float: left; width: 60%; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: left; width: 25%; margin-left: 10px; display: inline; } .my-wishlist .truncated { float: left; margin: 10px 10px 10px 0; } /* My Tags */ .tags li { display: inline; } .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_recent_tags li.item { margin-bottom: 3px; } .my-account #products-tag-list .product-image { width: 90px; } .my-account #products-tag-list .product-shop { margin-left: 100px; } /* My Reviews */ #my_recent_reviews li { margin: 0 0 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, .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; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999px; text-align: left; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* >>> customer */ /* Cart */ .cart { margin:0; } .cart #products-cart-list { margin: 0 0 15px; } .cart #products-cart-list li { padding: 7px 0; } .cart #products-cart-list li.even { background: #f6f6f6; } .cart .page-title .btn-continue { float: left; clear: left; margin-top: 3px; } .cart .cart-collaterals .col-2 { width:100%; } .cart .product-image { width: 90px; } .cart .product-shop, .cart-headers .col-shop { margin-left: 100px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .cart-qty, .cart .col-total-price, .cart .col-delete-item { float: left; } .cart .col-description { width: 45%; } .cart .col-wishlist { width: 10%; } .cart .col-unit-price, .cart .col-total-price { width: 15%; padding: 0 5px; } .cart .cart-qty { width: 10%; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart-headers { border-bottom: 1px solid #eee; padding: 7px 0 7px; font-weight: bold; background: #eaeaea; } .cart-header-item { display: none; } .cart .cart-price-list li { padding-top: 0 !important; } .cart .shipping-crosssell { width: 72%; } .cart .shipping-crosssell .col-1 { float: right; } .cart .shipping-crosssell .col-2 { float: left; } .cart .shipping { font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .shipping h2 { font-size:15px; font-weight: bold; } .cart .shipping select { width:100%; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping .form-list .input-text { width: 100%; } .cart .shipping .buttons-set { margin-top:5px; text-align:right; } .cart .totals { font-size:12px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 10px; width: 23%; } .cart .totals #shopping-cart-totals-table { float: right; } .cart .totals .checkout-types { margin: 10px 0 0; } .cart .totals strong { font-size:14px; } .cart .checkout-types { float: right; } .cart .totals .checkout-types { clear: both; display: block; } .cart .checkout-types li:last-child { } .cart .checkout-types li { text-align:center; margin: 0 0 5px; } .cart .checkout-types .paypal-or { clear:both; display:block; } .cart .checkout-types .btn-checkout span { } .cart .shopping-continue {float:left; padding-top:4px; font-size:12px; } .cart .totals .btn-remove, #checkout-review-table .btn-remove { float: right; margin: 3px 0 0 5px; } button.btn-checkout::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.btn-checkout { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.btn-checkout { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.btn-checkout span, button.btn-checkout span:hover, button.btn-checkout span:active { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0 !important; display: block; font: bold 15px/38px Arial, Helvetica, sans-serif !important; height: 40px !important; text-align: center; white-space: nowrap; text-transform: none !important; border: none; color: #fff; padding: 0 0 0 8px; } button.btn-checkout span span, button.btn-checkout span span:hover, button.btn-checkout span span:active { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 100% 0 !important; border: none; padding: 0 20px 0 12px !important; } .discount, .giftcard { margin-bottom:15px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 15px 5px 7px; } .discount h2, .giftcard h2 { font-size:14px; font-weight: bold; } .discount label, .giftcard label { clear:both; display:block; margin-bottom:5px; } .discount .input-box { } .discount .input-text, .giftcard .input-text { width: 100%; background: #fff; padding: 6px 0 5px; } .discount .buttons-set {} .discount .button, .giftcard .button { margin: 0 5px 10px; } .cart .crosssell { margin: 0; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .price-box { margin: 4px 0; } .cart .crosssell .product-image { width: 90px; height: 90px; } #crosssell-products-list h3, #crosssell-products-list .h3 { font-size: 13px; } #crosssell-products-list .item { padding: 5px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; } #crosssell-products-list .last { border: none; padding-bottom: 0; } #crosssell-products-list .product-image { float: left; } #crosssell-products-list .product-details { margin-left: 100px; } #crosssell-products-list .product-name, #crosssell-products-list .price-box { margin-bottom: 3px; } #crosssell-products-list .add-to-links { font-size: 11px; margin: 3px 0; } .wishlist-list .item-options, .cart-list .item-options, .multiship-list .item-options, .multiple-checkout .item-options { font-size: 11px; } .wishlist-list .item-options dt, .cart-list .item-options dt, .multiship-list .item-options dt, .multiple-checkout .item-options dt { float: left; font-weight: bold; margin-right: 3px; } .wishlist-list .item-options dt:after, .cart-list .item-options dt:after, .multiship-list .item-options dt:after, .multiple-checkout .item-options dt:after { content: ':'; } .wishlist-list .item-options dd, .cart-list .item-options dd, .multiship-list .item-options dd, .multiple-checkout .item-options dd { } /* <<< onepage checkout */ /* 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(https://www.skinsentials.com.au/skin/frontend/argento/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 { padding: 10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:11px; 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:45%; } .gift-messages-form .item .details .form-list .input-box { width:100%; } .gift-messages-form .item .details .form-list input.input-text { width:97%; } .gift-messages-form .item .details .form-list li.wide .input-box { width: auto; } .gift-messages-form .item .details .form-list li.wide textarea { width: 97%; } .gift-message-link { font-size:11px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/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; } /* 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 { } .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:#fff; margin:0 0 25px; padding:10px 5px 0 5px; } .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:#000; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { padding:5px 10px; background:#eaeaea; margin: -10px -5px 5px -5px; 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:normal !important; color:#023761 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } .info-set .form-list .field { width: 49%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index .page-title { border-bottom: 0 none;} .checkout-onepage-index .main { padding-bottom: 40px;} .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:12px; font-weight:bold; line-height:1.35; border:1px solid #a3aeb3; margin:0 0 6px; padding:6px 8px; color:#999; } .block-progress dt a { font-size: 11px; } .block-progress dd { padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#eee; color:#303030; } .block-progress dd.complete {background: none;} .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; } .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(https://www.skinsentials.com.au/skin/frontend/argento/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 .step-title { } .opc h2 { font-size: 15px; font-weight: normal; line-height: 35px; margin-bottom: 0; } .opc .step-title .number { font-size: 13px; background: #fff; padding: 4px 6px; line-height: normal; margin: 6px 10px 0 3px; } .opc .active .step-title .number {background: #666; color: #fff;} .opc .active .step-title { background-color: #e6e6e6; } .opc .allow .step-title a { display: block; line-height: 29px; font-size: 11px; padding-right: 15px; color: #777;} .opc .active .step-title a { display: none; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; margin-bottom: 5px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-login .form-list { margin: 10px 0; } #checkout-shipping-method-load { margin: 10px 0; } .gift-messages h3 { font-size: 13px; } /* >>> onepage checkout */ /* Multiple Addresses Checkout */ .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; border:1px solid #bbb6a5; margin:0 0 25px; padding:10px; } .multiple-checkout .col2-set h2.legend { margin:-10px -10px 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:7px -10px; 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(https://www.skinsentials.com.au/skin/frontend/argento/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(https://www.skinsentials.com.au/skin/frontend/argento/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 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display: none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* footer */ .footer-container {} .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; font-size: .9em; } .footer address { float: left; } .footer .store-switcher { float: left; display: inline; margin-left: 25px; } .footer .store-switcher select { margin-top: -2px; } .footer .links { float: right; } #scroll-up { position: fixed; top: 50%; right: 30px; } #scroll-up a { text-indent: -9999px; width: 60px; height: 60px; display: block; background: #eee url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -296px -106px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #scroll-up a:hover { background-color: #ddd; } /* >>> footer */ /* <<< homepage */ .cms-index-index .easycatalogimg { margin: 10px 0; padding: 15px 0; } .cms-index-index .easycatalogimg .parent-category { text-align: center; } .cms-index-index .easycatalogimg .products-grid li.item { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/easycatalogimg.gif) repeat-y 0 0; padding: 0 1% !important; } .cms-index-index .easycatalogimg .products-grid li.item:first-child { background: none; } .cms-index-index .easycatalogimg .list-subcategories { padding-left: 20px; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; padding: 2px 0 2px 11px !important; } .easycatalogimg .list-subcategories li a { text-decoration: none; } .easycatalogimg .list-subcategories li a:hover { text-decoration: underline; } /* homepage tabs */ .tab-container { margin: 0 0 10px 0; } .tab-container .tabs { overflow: hidden; zoom: 1; margin: 0; padding: 0; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; } .tab-container .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin-right: 25px; background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; } .tab-container .tabs li .block-title { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; border:none; margin:0; float:left; text-align: center; min-width: 100px; font: normal 1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } .tab-container .tabs, .tab-container .tabs li, .tab-container .tabs li .block-title { height: 34px; } .tab-container .tabs li.over { background-position: 100% -40px; } .tab-container .tabs li.over .block-title { background-position: 0 -40px; } .tab-container .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .tab-container .tabs li.active .block-title { background-position: 0 -80px; } .tab-container .tabs li span { padding: 9px 14px 9px 15px; white-space:nowrap; float:none; text-align:center; text-transform:capitalize; font-weight:bold; display: block; font-size: 12px; letter-spacing: 0.05em; } .tab-container .tabs li.over span {} .tab-container .tabs li.active span {} .tab-container .content {padding:7px 0 0} .tab .col3-set {padding:0 5px} /* >>> homepage */ /* <<< EE Edition */ .event-container { margin-bottom: 0; } .event-container .event { margin-bottom: 0; position: static; } .rewards { margin: 0; } .reward-message { margin: 5px 0; } /* >>> EE Edition */ /* expandable lists */ .expandable-wrapper { border: none !important; margin: 0 0 5px; padding: 0 !important; } .expandable-list { border:1px solid #116bb7; padding: 0; border-radius: 5px; font-size: 15px !important; line-height: 21px; color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded { border:1px solid #ccc; color: #777; background: none; } .expandable-list a, .expandable-list strong { display: block; color: #fff; padding: 8px 9px; text-decoration: none; } .expandable-list.expanded a, .expandable-list.expanded strong { color: #777; border-top: 1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded .current strong { color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list li { padding: 0; } .expandable-list.expanded li:first-child a, .expandable-list.expanded li:first-child strong { border-top: none; border-radius: 5px 5px 0 0; } .expandable-list.expanded li:last-child a, .expandable-list.expanded li:last-child strong { border-radius: 0 0 5px 5px; } .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .add-askit-box { border-color: #ddd; } .ajaxpro-form, #ajaxpro-spinner { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } button.ajaxpro-continue-button span { background:transparent url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.ajaxpro-continue-button span span { background-position: 100% -340px; padding:0 12px 0 4px; } #ajaxpro-addcustomproduct-view { margin-bottom: 7px; } #ajaxpro-addcustomproduct-form { width: 550px; margin-left: -275px; } #ajaxpro-addcustomproduct-form .product-view { padding: 0; width: auto; text-align: left; } #firecheckout-form .form-list label { font-size: 13px; } .firecheckout-section .block-title { font-size: 11px; } .firecheckout-set input.input-text { text-indent: 0; } /* <<< responsive styles */ @media (max-width: 979px) { .notice-cookie .notice-inner { width: auto; padding-right: 12px; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto; } .nav-container .navpro { width: auto; } /* Make product tabs vertical */ .product-view .tabs { float: left; width: 23%; overflow: visible; height: auto; background: none; margin: 0 0 15px; } .product-view .tabs li { margin: 0; float: none; height: auto; padding: 0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #fff; background: none; } .product-view .tabs li a { white-space: normal; padding: 10px 0; letter-spacing: 0; min-width: 0; float: none; display: block; background: #efefef; height: auto; } .product-view .tabs li a:hover { background-position: 100% 100%; background-color: #eaeaea; } .product-view .tabs li.active { border-right: none; } .product-view .tabs li.active, .product-view .tabs li.active a:hover, .product-view .tabs li.active a { background: #fff; } .product-view .padder { float: right; padding: 10px 1%; width: 75%; border: none; } .product-view .padder, .product-view .tabs { border-top: 1px solid #e3e3e3; } .footer-cms .footer-links li { width: 125px; margin-right: 10px; } } @media (max-width: 767px) { /* <<< accordion navigation */ #nav-top-toggle { background: #fff; margin: 0; display: block; padding: 0 5px; } .nav-toggle-wrapper { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -560px -355px #eaeaea; margin: 0; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd;} .nav-toggle-wrapper a { color: #555; font-weight: bold; text-shadow: 1px 1px 1px #fff; display: block; padding: 8px 10px 8px 45px; text-transform: uppercase; text-decoration: none; } .nav-container { background: #fff; display: none; } .nav-container.shown { display: block; } #nav { font-weight: normal; margin: 2px 5px 0; padding: 0; border: 1px solid #caccd2; border-radius: 5px; } #nav ul, #nav div { position: static; left: auto; right: auto; top: auto; bottom: auto; width: auto; border: none; background: none; display: none; box-shadow: none; } #nav ul.shown, #nav div.shown { display: block; } #nav li { position: relative; float: none; } #nav li.level-top { background: none; padding: 0; } #nav li a { float: none; } #nav .toggle, #nav li.parent > .toggle { position: absolute; right: 0; top: 3px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } #nav a.level-top, #nav li.parent a.level-top { background-color: rgb(255,255,255); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } #nav ul li.parent > a { background-image: none; } #nav .first a.level-top { border-radius: 5px 5px 0 0; border: none; } #nav .last a.level-top { border-radius: 0 0 5px 5px; } #nav .toggle:active { } #nav .toggle:hover { border: none; } #nav .toggle.active { background-position: 3px 4px !important; } #nav li.parent > .toggle.active { background-position: 3px 4px !important; } #nav ul li { font-weight:normal; border: none; } #nav li a, #nav ul li a { display:block; text-decoration:none; border-top:1px solid #caccd2; padding:12px 12px 10px 8px; color:#555; } #nav li a:hover { color: #000; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span { white-space:normal; } #nav .level0 li a { padding-left:15px; } #nav .level1 li a { padding-left:25px; } #nav .level3 li a { padding-left:35px; } #nav .level4 li a { padding-left:45px; } #nav .level5 li a { padding-left:55px; } /* navigationpro */ .nav-container { padding: 2px 0 0; } .nav-container .navpro { padding: 0; margin: 0; border: 1px solid #caccd2 !important; border-radius: 5px; width: auto; } .nav-container .navpro li { float: none; } .nav-container .navpro li.level-top { background: none; padding: 0; border-bottom: 1px solid #e7e7e7; } .nav-container .navpro li.last { border: none; } .nav-container .navpro li a { padding: 10px 13px 9px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } .nav-container .navpro .first a.level-top, .nav-container .navpro .first div.level-top, .nav-container .navpro .first div.level-top .nav-a { border-radius: 5px 5px 0 0; border: none; } .nav-container .navpro .last a.level-top, .nav-container .navpro .last div.level-top, .nav-container .navpro .last div.level-top .nav-a { border-radius: 0 0 5px 5px; } .nav-container .navpro .nav-dropdown-toggler { display: none; } .nav-container .navpro .nav-dropdown { position: static; background: none; border: none; display: none; } .nav-container .navpro ul.shown, .nav-container .navpro div.shown { display: block; } .nav-container .navpro .toggle { position: absolute; right: 0; top: 3px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } /* >>> accordion navigation */ } @media (max-width: 767px) { .form-list input.input-text { width: 90%; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 90%; } .welcome-msg { display: none; } .header-links { margin-right: 10px; } .header { padding: 5px 5px; } .header-container .header-cart { margin-top: 5px; } .header-container .form-search { margin-top: 9px; } .header-container .form-search input { width: 200px; } .autocomplete { max-width: 280px; } .main { padding: 5px 5px; } .col3-layout .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .pager { text-align: right; } .pager .limiter { display: none; } .pager .pages { margin-right: 0; } .products-list .product-image, .products-list .product-image img, .products-grid .product-image, .products-grid .product-image img { width: 100px; height: auto; } .products-list .product-shop { margin-left: 105px; } .products-grid .product-name { min-height: 50px; } .products-grid .actions, .products-grid .price-box { float: none; } .products-grid li.item { /*padding-bottom: 45px;*/ } .col1-layout .products-grid li.item { /*padding-bottom: 45px;*/ } .products-grid .add-to-links li { float: none !important; } #product_tabs_related_tabbed_contents li { width: auto; margin-right: 0; float: none; } .cart .col-unit-price, .cart .col-total-price { width: 10%; padding: 0 5px; } .cart .shipping-crosssell { width: 60%; float: left; } .cart .shipping-crosssell .col-1, .cart .shipping-crosssell .col-2 { float: none; width: auto; } .cart .shipping { margin-bottom: 5px; } .cart .totals { width: 35%; } /* multiship checkout */ #multiship-addresses-table select { width: 250px; } /* My Wishlist */ .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; clear: both; } .my-wishlist .wishlist-short-info { float: none; width: auto; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: none; width: auto; margin: 10px 0; display: block; clear: both; } .footer { text-align: center; } .footer, .footer-cms { } .footer-toolbar .block-subscribe .input-text { width: 130px; } .footer-social .label { display: none; } .footer-cms .footer-links { float: left; width: 60%; } .footer-cms .footer-links .h6 { margin-bottom: 4px; } .footer-cms .footer-links li { width: 49%; margin: 0;} .footer-cms .footer-links li ul { margin-bottom: 10px; } .footer-cms .footer-contacts { float: right; width: 39%; } .footer-cms .footer-contacts img { max-width: 100%; width: auto; height: auto; } .footer address { float: none; text-align: center; margin-bottom: 5px; } .footer .store-switcher { float: none; display: block; margin: 0 0 5px 0; } .footer .links, .footer .links li { float: none; } .event-container .status, .event-container .event-dates { font-size: 14px } } @media (max-width: 480px) { img { max-width: 100%; width: auto; height: auto; } .notice-cookie .notice-inner { padding: 5px; background-image: none; } .fieldset { padding-left: 15px; padding-right: 15px; } .fieldset .legend { margin-left: 0px; } .form-list .field { float: none; width: auto; } select, .form-list select { background:url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/i_dropdown.png) no-repeat right #fefefe !important; padding:6px 30px 6px 5px !important; } .form-list textarea, .form-list select, select { -webkit-appearance:none; -webkit-box-sizing:border-box; } .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; } /* make top toolbar really small */ .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-toolbar .quick-links { float: right; text-align: left; margin-top: 7px; } .top-link-wishlist, .top-link-checkout { display: none; } .header { text-align: center; } .header .logo { width: 140px; margin: 5px 0 7px; float: none; display: inline-block; } .header .logo img { max-width: 100%; width: auto; } .header-container .header-cart { float: right; clear: left; text-align: left; margin: 0; background: none; border: none; } .header-container .mobile-togglers { display: block; margin: 5px 0 0 0; } .header-container #mobile-navigation-toggle { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -566px -353px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #mobile-search-toggle { background: url(https://www.skinsentials.com.au/skin/frontend/argento/default/images/common.gif) no-repeat -305px -37px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #search_mini_form {display: none; float: left; clear: both; width: 100%; min-width: 310px; } .header-container #search_mini_form.visible { display: block; } .header-container .form-search { float: none; margin: 10px 0 5px 0 !important; } .header-container .form-search input { width: 220px; } .autocomplete { max-width: 240px; } #nav-top-toggle { display: none; } .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } .cms-index-index .easycatalogimg .products-grid li.item { float: left; width: 48% !important; padding: 0; background: none !important; border: none; margin: 0 0 10px; } .cms-index-index .easycatalogimg .products-grid .parent-category { text-align: left; text-indent: 5px; } .col1-layout .easycatalogimg .products-grid li.item { padding: 0; } .easycatalogimg .products-grid .product-image { float: none; } .tab-container .tabs li { margin-right: 10px; } .tab-container .tabs li .block-title { min-width: 0; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 32%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 67%; } .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .col2-right-layout .col-main { width: auto; float: none; } .toolbar { display: none; } .toolbar-bottom .toolbar { display: block; } .pager { text-align: right; } .pager .limiter { display: none; } .pager .pages { margin: 0; font-size: 16px; } .pager .pages li { margin: 0 3px; } .pager .amount { display: none; } .sorter { display: none; } .products-grid { border-bottom: none; position: static; } .products-grid li.item { float: none; width: auto !important; border-bottom: 1px solid #c9deef; padding: 7px 5px; } .col1-layout .products-grid li.item { padding: 7px 5px; } .products-grid.last li.last, .products-grid.last li:last-child { border: none; } .products-grid .product-image, .prolabel-wrapper { float: left; } .prolabel-wrapper { max-width: 100%; } .products-grid .product-image, .products-grid .product-image img { width: 80px; height: auto; } .easycatalogimg .products-grid img { width: 110px; } .products-grid .product-name { min-height: 0; } .products-grid .ratings:after { clear: none; content: ''; display: inline; } .products-grid .ratings, .products-grid .price-box, .products-grid .actions, .products-grid .add-to-links { margin-left: 84px; position: static; font-size: 1em; float: none !important; clear: none; } .products-grid .actions .add-to-links { margin-left: 0; } /*.col3-layout .products-grid .product-image, .col3-layout .products-grid .product-image img { width: 70px; height: auto; } .col3-layout .products-grid .product-name, .col3-layout .products-grid .price-box, .col3-layout .products-grid .actions { margin-left: 74px; position: static; } .col3-layout .products-grid .add-to-links { display: none; }*/ /* product view */ .product-view .product-shop, .col1-layout .product-view .product-shop { float: none; } .product-view .product-shop .product-shop-inner { margin: 0; } .product-view .product-img-box { float: none; margin: 0; width: 100%; } .product-view .product-img-box .zoom-notice { display: none; } .product-view .product-img-box .zoom { display: none; } .product-view .tabs li a { font-size: .9em; } .product-view .padder .products-grid .add-to-links { display: block; } .product-collateral .soldtogether-block .images li { width: 80px; background-size: 8px; background-position: 3px 50%; padding-left: 15px; } /* cart */ .cart-headers { display: none; } .cart-header-item { display: inline; } .cart .product-image { width: 55px; } .cart .product-shop { margin-left: 60px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .col-total-price, .cart .cart-qty { float: none; width: auto; padding: 0; } .cart .col-wishlist { margin: 0 0 4px; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart .col-delete-item { background: none; display: inline; font-size: 1em; line-height: normal; text-indent: 0; width: auto; height: auto; margin-top: 4px; } .cart .cart-price-list li { padding: 0 !important; } .cart .shipping-crosssell { width: auto; float: none; } .cart .totals { width: auto; float: none; margin-bottom: 5px; } .cart .totals #shopping-cart-totals-table { float: none; } .discount { margin-bottom:5px; clear: both; } .cart .crosssell { } .gift-messages-form .item .details .form-list .field { width:97%; } .info-set .form-list .field { width: 100%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /* onepage checkout */ #opc-login .col-1, #opc-login .col-2 { float: none; width: auto; } #opc-login .buttons-set { padding: 5px; } /* multiship checkout */ .checkout-progress { padding: 0; font-size: .9em; } #multiship-addresses-table select { width: 110px; } #multiship-addresses-table .qty { width: 1.7em !important; } .checkout-multishipping-shipping .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-shipping .multiple-checkout .col2-set .col-wide, .checkout-multishipping-billing .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-billing .multiple-checkout .col2-set .col-wide, .checkout-multishipping-overview .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-overview .multiple-checkout .col2-set .col-wide { width: auto; float: none; } .multiple-checkout .place-order .grand-total big { margin: 0 0 10px; display: block; } .account-login .new-users, .account-login .registered-users { width: auto; float: none; margin-bottom: 10px; border-width: 0 0 1px; min-height: 0; } .remember-me-popup { width: 300px; margin-left: -150px; } /* General Box */ .box-account { background: #fff; margin: 0 0 20px; padding: 0; border: none; } .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; color:#e65505; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { clear: left; } .box-account .col-1 { margin-bottom: 7px; } .box-account .col-1, .box-account .col-2 { float: none; width: auto; } .addresses-list .col-1, .addresses-list .col-2 { float: none; width: auto; } /* My Wishlist */ .my-wishlist .product-image { width: 50px; height: auto; } .my-wishlist .product-shop { margin-left: 55px; } .my-wishlist textarea { width: 170px; margin-bottom: 5px; } .order-info-box { padding: 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer-social { float: none; width: 120px; margin: 0 auto; } /* EE styles */ .event { height: auto; } .event-container { height: auto; } .event-container .event { height: auto; line-height: 30px; padding-bottom: 6px; } .event-container .status { margin: 0 5px 0 0; font-weight: bold; } .container-open .open, .container-upcoming .upcoming { background-image: none; } /* EE styles */ .ajaxpro-form, #ajaxpro-addcustomproduct-form { width: 280px; margin-left: -150px; } #ajaxpro-addcustomproduct-form .product-view { width: 270px; } .prolabel-wrapper .prolabel { display: none; } } /* >>> responsive styles */ /* fix for third-party extensions thet removed spaces and newlines from html output */ .tags li:after, .tags-list li:after, .footer ul li:after, .links li:after { content: ' '; } /* clears */ .top-toolbar-container, .top-toolbar, .header-cart .mini-products-list li, .products-grid li.item, .tab-container, .add-to-links, .product-view .add-to-cart-wrapper, .box-account, .box-account .box, .cart-headers, .cart .totals, .discount-form, .footer-toolbar-container, .footer-toolbar, .footer-cms-container, .footer-cms { zoom: 1; } .top-toolbar-container:after, .top-toolbar:after, .header-cart .mini-products-list li:after, .products-grid li.item:after, .tab-container:after, .add-to-links:after, .product-view .add-to-cart-wrapper:after, .box-account:after, .box-account .box:after, .cart-headers:after, .cart .totals:after, .discount-form:after, .footer-toolbar-container:after, .footer-toolbar:after, .footer-cms-container:after, .footer-cms:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* twitter bootstrap */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { font-weight: normal; color: #333333; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } body { background: #fff; font: normal 12px/1.35em Arial, Helvetica, sans-serif; } .fieldset { background: #F6F6F6; } .form-list input.input-text, .form-list select, .form-list textarea { background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/form_field.gif) repeat-x 0 0; } button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; text-transform: lowercase; font-family: Tahoma, Arial, Helvetica, sans-serif; } button.button span span { padding-left: 1px; } button.button:hover span { background-position: 0 -29px; } button.button:hover span span { background-position: 100% -29px; } button.button:active span { background-position: 0 -58px; } button.button:active span span { background-position: 100% -58px; } /* buttons with arrow */ button.btn-cart span span, .header-cart button span span { background-position: 100% -170px; padding-right: 25px; } button.btn-cart:hover span span, .header-cart button:hover span span { background-position: 100% -199px; } button.btn-cart:active span span, .header-cart button:active span span { background-position: 100% -228px; } .top-toolbar { padding: 7px 5px 6px; } /* header */ /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/top_toolbar_container.gif) repeat-x 0 100%; } .top-toolbar { color: #7f7f7f; font: normal .9em Arial, Helvetica, sans-serif; } /* cms links */ .header-links { margin-right: 80px; float: left; } /* >>> top toolbar */ .header-container { background: transparent; padding-top: 10px; } .header { padding: 10px 5px 20px; background: #fff; } .quick-links { *width: 450px; } .header-callout { float: left; } .header-container .form-search label {} .header-container .form-search input {} .header-container .form-search button {} .header-container .header-cart {} .header-cart .button {} .header-cart .summary {} .header-cart .summary-qty {} /* <<< navigation */ .nav-container { background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/nav_container.gif) no-repeat 50% 100%; } #nav { width: 960px; } #nav li.level-top { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -511px -164px; padding: 0 0 0 2px; } #nav li.first { background: none; padding: 0; } #nav li a { padding: 17px 13px 13px; } #nav li.parent a.level-top { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 100% -220px; } #nav li.parent > a { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 100% -232px; } /* navigationpro */ .nav-container .navpro { width: 960px; padding: 0 5px 5px; } .nav-container .navpro ul.nav-ul { top: 42px; } .nav-container .navpro li.level-top { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -511px -164px; padding: 0 0 0 2px; } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #272e3d; } /* >>> navigation */ /* middle */ .main-container { padding-bottom: 5px; } .main { padding: 5px 5px 0; background: #fff; } /* blocks */ .block .block-title { border-color: #c9deef; text-transform: uppercase; } .promo-home-content .products-grid .item:hover, .box-collateral .products-grid .item:hover, .category-products .products-grid .item:hover { z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .navpro .category-products .products-grid .item:hover { box-shadow: none; } /* product view */ .product-view .product-shop .add-to-cart button.button span { background: none; height: auto; line-height: normal; font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif; float: none; padding: 0; } .product-view .product-shop .add-to-cart button.button { -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5; -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5; box-shadow:inset 0px 1px 0px 0px #ffe0b5; background-color:#f78708; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #f86706; display:inline-block; height: 33px; color:#ffffff; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #8f7f24; } .product-view .product-shop .add-to-cart button.button:hover { background-color:#f86706; } .product-view .product-shop .add-to-cart button.button:active { position:relative; top:1px; } /* <<< customer */ .account-login .new-users, .account-login .registered-users {} .addresses-list li.item { background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/light_gradient.gif) 0 100% repeat-x; } /* >>> customer */ /* Cart */ .discount .input-text {background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/form_field.gif) repeat-x 0 0; } /* ======================================================================================= */ /* footer */ .footer-toolbar-container { background: #dfdfdf url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/footer_toolbar_container.gif) repeat-x 0 100%; border-top: 1px solid #fff; } .footer-toolbar { color: #747474; padding: 5px; } .footer-toolbar label { font: bold 1em Arial, Helvetica, sans-serif; } .footer-toolbar .input-text { border: 1px solid #9e9e9e; padding: 3px 0; } .footer-toolbar button.button span { background-position: 0 -87px; } .footer-toolbar button.button span span { background-position: 100% -87px; } .footer-toolbar button.button:hover span { background-position: 0 -115px; } .footer-toolbar button.button:hover span span { background-position: 100% -115px; } .footer-toolbar button.button:active span { background-position: 0 -142px; } .footer-toolbar button.button:active span span { background-position: 100% -142px; } .footer-toolbar .block { border: none; margin: 0; } .footer-toolbar .block-subscribe { float: left; } .footer-toolbar .block-subscribe .block-title { display: none; } .footer-toolbar .block-subscribe .block-content { padding: 0; border: none; } .footer-toolbar .block-subscribe .input-text { width: 170px; color: #747474; } .footer-toolbar .block-subscribe button.button span span { background-position: 100% -257px; padding-right: 25px; } .footer-toolbar .block-subscribe button:hover span span { background-position: 100% -285px; } .footer-toolbar .block-subscribe button:active span span { background-position: 100% -312px; } .footer-toolbar .form-subscribe-header, .footer-toolbar .input-box, .footer-toolbar .actions { float: left; } .footer-toolbar .input-box, .footer-toolbar .actions { margin: 0 0 0 10px; padding: 0; display: inline; } .footer-toolbar .form-subscribe-header { margin: 3px 0 0 0; } .footer-social { float: right; line-height: 24px; font-weight: bold; *width: 300px; } .footer-social .label { float: left; } .footer-social .icons { float: right; font-weight: normal; } .footer-social .icons li a { display: block; } .footer-social .icons li { float: left; width: 25px; height: 24px; margin-left: 5px; display: inline; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 0; text-indent: -9999px; } .footer-social .icons .facebook { background-position: -222px -77px; } .footer-social .icons .twitter { background-position: -254px -77px; } .footer-social .icons .youtube { background-position: -287px -77px; } .footer-social .icons .rss { background-position: -319px -77px; } .footer-social .icons .google { background-position: -351px -104px; } .footer-social .icons .facebook:hover { background-position: -222px -104px; } .footer-social .icons .twitter:hover { background-position: -254px -104px; } .footer-social .icons .youtube:hover { background-position: -287px -104px; } .footer-social .icons .rss:hover { background-position: -319px -104px; } .footer-social .icons .google:hover { background-position: -351px -104px; } .footer-cms-container { background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/footer_cms_container.gif) repeat-x 0 0; border-bottom: 1px solid #adadad; } .footer-cms { padding: 20px 5px; color: #747474; font-family: Arial, Helvetica, sans-serif; } .footer-cms a { color: #747474; } .footer-cms .footer-links a { text-decoration: none; } .footer-cms .footer-links a:hover { text-decoration: underline; } .footer-cms .footer-links li { float: left; width: 145px; margin-right: 15px; } .footer-cms .footer-links li.last { margin: 0; } .footer-cms .footer-links li li { float: none; width: auto; margin: 0; line-height: 24px; } .footer-cms .footer-links .h6 { color: #3172a3; font: normal 1.3em Arial, Helvetica, sans-serif; margin-bottom: 7px; } .footer-cms .footer-contacts { float: right; width: 200px; } .footer-cms .footer-contacts { line-height: 21px; } .footer-cms .footer-contacts .h6 { color: #3172a3; font: normal 1.3em Arial, Helvetica, sans-serif; margin-bottom: 4px; } .footer-container { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/body.gif) 0 0; } .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; } .footer address { float: right; } .footer .links { float: right; } #scroll-up { top: 40%; } /* >>> footer */ /* <<< homepage */ .cms-index-index .product-name { font-weight: bold; } .cms-index-index .products-grid .product-name { font-size: 1.1em; } .callout-home-top .col-1 { width: 69.3%; /*665px;*/ } .callout-home-top .col-2 { width: 29.2%; /*280px;*/ } .callout-home-top .easybanner-banner { margin: 0 0 10px; } .callout-home-top .easyslideslider-id .scroller, .callout-home-top .easyslideslider-id { padding-bottom: 50px; } .easyslideslider-id .section { padding-bottom: 50px; } .callout-home-top .easyslideslider-id { margin: 0 auto; background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/easyslider_bg.gif) no-repeat 50% 100%; background-size: contain; } .callout-home-top .easyslidedescription { font: normal 1.2em Arial, Helvetica, sans-serif; color: #7a7a7a; top: 10px; line-height: 20px; } .callout-home-top .easyslidecontrolwr { bottom: 20px; background: #fff; } .callout-home-top .easyslidedirect { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -313px -10px; text-indent: -9999px; width: 10px; margin: 0; } .callout-home-top a:hover, .callout-home-top a.active { background-position: -327px -10px; } .cms-index-index .easycatalogimg { border: 1px solid #cfe2f1; } .promo-home-content { margin-top: 15px; } .promo-home-content .tab {padding: 5px;} .promo-home-content .col-1 { width: 62.5%; } .promo-home-content .col-2 { width: 36.5%; } .col1-layout .promo-home-content .products-grid { width: auto; list-style: none; padding: 0; border: none; } .col1-layout .promo-home-content .products-grid li.item { padding-bottom: 10px; width: 31.3%; } .promo-home-content .actions { display: none; } .promo-home-content .add-to-links { display: none; } .promo-home-content .tab-container .content { border: 1px solid #b7d3ea; border-width: 0 1px 1px; } .promo-home-content .bottom-links { padding: 15px 12px; border-top: 1px dashed #b7d3ea; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; } .promo-home-content .bottom-links a { text-decoration: none; } .promo-home-content .bottom-links a:hover { text-decoration: underline; } .promo-home-content .block { border: 3px solid #c9deef; } .promo-home-content .block .block-title { border: none; padding: 8px 8px 4px; color: #033862; background: none; text-transform: none; } .promo-home-content .block .block-title strong, .promo-home-content .block .block-title span { font-weight: normal; font-size: 16px; color: #023761; } .promo-home-content .block .block-content { padding-bottom: 0; } .promo-home-content .mini-products-list { padding: 0 !important; list-style: none !important; margin: 0; } .promo-home-content .mini-products-list li { border-bottom: 1px solid #c9deef; padding: 8px 0 !important; } .promo-home-content .mini-products-list li.odd, .promo-home-content .mini-products-list li.even { background: none; } .promo-home-content .mini-products-list li.last { border: none; } .promo-home-content .mini-products-list .product-image { border: none; } .promo-home-content .mini-products-list .product-details { margin-left: 90px; } .promo-home-content .block .number { float: left; font-size: 1.3em; font-weight: bold; color: #7a7a7a; margin-right: 10px; } .promo-home-content .block .number:after { content: '.' } .brands-home { border: 3px solid #e6e6e7; } .brands-home .block-title { background: #fff url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) repeat-x 0 100%; border: none; padding: 12px 10px; color: #ef6e00; font: normal 1.3em Arial, Helvetica, sans-serif; text-transform: none; } .brands-home .block-title span { color: #ef6e00 !important; font: normal 16px Arial, Helvetica, sans-serif !important; } .brands-home .list-brands { padding: 0; list-style: none; } .brands-home .list-brands li { float: left; margin-right: 10px; } .brands-home .block-content { position: relative; padding: 10px 37px !important; background: #fff; } #slider-brands-container { clear: both; width: 100%; overflow: hidden; position: relative; } .slider-brands { width: 10000px; height: 73px; padding: 0; overflow: hidden; clear: both; position: relative; } .brands-home #left, .brands-home #right { position: absolute; top: 34px; right: -3px; width: 39px; height: 35px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -261px 0; text-indent: -9999px; } .brands-home #right { background-position: -222px 0; left: -3px; right: auto; } .brands-home #left:hover { background-position: -261px -37px; } .brands-home #right:hover { background-position: -222px -37px; } .brands-home #left:active { background-position: -261px -36px; } .brands-home #right:active { background-position: -222px -36px; } .brands-home #left.disabled, .brands-home #right.disabled { display: none; } /* >>> homepage */ .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .ajaxpro-form, #ajaxpro-spinner { border-radius: 5px; } .col-right { width: auto; } /* <<< responsive styles */ @media (max-width: 979px) { .top-toolbar, .header, .nav-bottom, .easyslidercontrol, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto!important; } .nav-container .navpro { width: auto; } .callout-home-top .col-1 { width: 100%; } .callout-home-top .col-2 { display: none; } .header-links { margin-right: 30px; } .col-right { display: none; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 100%!important; } .col3-layout .col-wrapper { width: 100%!important; } #featureContent { max-width: 100%; height: auto; } .product-view .tabs { float: left; width: 20%; overflow: visible; height: auto; background: none; margin: 0 0 5px; } .product-view .tabs li, .product-view .tabs li.active { border-radius: 0!important; } } @media (max-width: 767px) { .promo-home-content .col-1, .promo-home-content .col-2 { width: 100%; float: none; } .promo-home-content .col-2 .block { width: 48.5%; } .promo-home-content .col-2 .highlight-bestsellers { float: left; } .promo-home-content .col-2 .highlight-popular { float: right; } .welcome-msg { display: none; } .header-links { margin-right: 10px; } .header { padding: 5px; } .header-container .header-cart { margin-top: 5px; } .header-container .form-search { margin-top: 9px; } .header-container .form-search input { width: 200px; } .nav-container { background: #fff; padding: 2px 5px 0; } .nav-container .navpro { padding: 0; } #nav li.level-top { background: none; padding: 0; } .nav-container .navpro li.level-top { background: none; padding: 0; /*border-bottom: 1px solid #e7e7e7;*/ } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { color: #444!important; } .nav-bottom { width: auto!important; } .product-view .tabs { float: left; width: 19%; overflow: visible; height: auto; background: none; margin: 0 0 5px; } .easyslidecontrolwr {display: none;} #easyslideslider-10060 { display: none;} div .scroller {left: 0!important;} .footer { text-align: center; } .footer, .footer-cms { } .footer-toolbar .block-subscribe .input-text { width: 130px; } .footer-social .label { display: none; } .footer-cms .footer-links { float: left; width: 100%; } .footer-cms .footer-links .h6 { margin-bottom: 4px; } .footer-cms .footer-links li { width: 32%; margin: 0;} .footer-cms .footer-links li ul { margin-bottom: 10px; } .footer-cms .footer-contacts { float: right; width: 39%; } .footer-cms .footer-contacts img { max-width: 100%; width: auto; height: auto; } .footer address { float: none; text-align: center; margin-bottom: 5px; } .footer .links, .footer .links li { float: none; } } @media (max-width: 480px) { .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-link-wishlist, .top-link-checkout { display: none; } .header-container .form-search { margin-left: 0; } .header-container .form-search input { width: 220px; } .header-container .mobile-togglers { margin: 8px 0 0; } .autocomplete { max-width: 240px; } .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .product-view .tabs { float: left; width: 90%; overflow: visible; height: auto; background: none; margin: 0 0 5px; } .product-view .padder { width: 90%; } .product-view .product-shop .product-shop-inner { margin-left: 0!important; } .easyslidecontrolwr { display: none; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer-social { float: none; width: 120px; margin: 0 auto; } .footer-cms .footer-links { float: none; width: 100%; text-align: center; } .footer-cms .footer-links li { width: 100%; margin: 0; float: none; } .footer-cms .footer-contacts { float: none; width: 100%; text-align: center; } } /* >>> responsive styles */ /* <<< google fonts */ h1, h2, .h2, h5.category-name, .nav-container .navpro a.level-top, .navpro div.level-top a, .footer-cms-container .footer-cms .h6, .products-grid .product-name a, .products-list .product-name a, .block .block-title span { font-family: 'Source Sans Pro', sans-serif; } /* >>> google fonts */ /* Skinsentials Specific */ /* Header modifications */ .header { padding: 0 5px 10px; } .header-container { padding-top: 0; } .header-container .header-cart { padding: 2px 5px; margin: 20px 0 0 20px; } .header-container .form-search { margin: 20px 0 0 15px; } .header-cart .summary { width: 110px; } .header-container .header-cart .summary .summary-items { line-height: 30px!important; } .top-toolbar { color: #444; font-size: 12px; font-weight: bold; padding: 7px 5px 0; } .top-toolbar .links a { color: #444; font-size: 12px; font-weight: normal; } .nav-container { background-image: none!important; } #navigationpro-top { background-color: #444; border-bottom: 3px solid #D96708; } .nav-container .navpro .nav-toggler { top: 9px; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { color: #f0f0f0; } /* .nav-container { border-bottom: 3px solid #D96708; } */ .nav-container .navpro { padding-bottom: 0; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 9px 13px 6px; } #nav li.level-top { background: none; padding: 0 0 0 0px; } .nav-container .navpro li.level-top { background: none; } .nav-bottom { background-color: #E0E0E0; background-image: -moz-linear-gradient(center bottom , #EEEEEE 26%, #E0E0E0 76%); border-radius: 0 0 5px 5px; color: #FFFFFF; height: 27px; margin: 0 auto; padding: 7px 8px; position: relative; width: 954px; z-index: 7; } .nav-bottom-list { float: left; } .nav-bottom .callout { float: right; padding: 0; color: #D96708; width: 425px; } .nav-bottom .callout ul { display: inline; } .nav-bottom .callout ul li {padding-top: 8px;} .nav-bottom .callout .icon { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 0; text-indent: -9999px; width: 44px; height: 20px; padding: 6px 5px 0 0; margin-top: 10px; float: left; } /* Footer modifications */ .footer-callout { float: right; line-height: 64px; font-weight: bold; *width: 300px; } .footer-callout .label { float: left; } .footer-callout { float: right; font-weight: normal; } .footer-callout li a { display: block; } .footer-callout li { float: left; margin-left: 5px; display: inline; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 0; text-indent: -9999px; } .footer-callout .secure li { width: 56px; height: 56px; } .footer-callout .secure { width: 450px; height: 64px;} .footer-callout .secure .shipping { background-position: -192px -144px;} .footer-callout .secure .label { background:none; width: 200px; line-height: 16px; height: 40px; text-indent: 0; padding-top: 10px; } .footer-callout .secure .label a { text-decoration: none; } .footer-callout .secure .eway { background-position: -128px -144px; } .footer-callout .secure .paypal { background-position: -64px -144px; } .footer-callout .secure .ssl { background-position: 0 -144px; } .footer-callout .secure .shipping:hover { background-position: -192px -144px; } .footer-callout .secure .label a:hover { color: #FF0000;} .footer-callout .secure .eway:hover { background-position: -128px -144px; } .footer-callout .secure .paypal:hover { background-position: -64px -144px; } .footer-callout .secure .ssl:hover { background-position: 0 -144px; } .footer-callout .payment { width: 450px; height: 44px; padding-top: 30px;} .footer-callout .payment li { width: 56px; height: 32px;} .footer-callout .payment .label { background: none; width: 195px; line-height: 16px; height: 40px; text-indent: 0; padding-top: 10px; text-align: right; padding-right: 5px;} .footer-callout .payment .paypal { background-position: 0px -272px;} .footer-callout .payment .mastercard { background-position: -64px -272px; } .footer-callout .payment .visa { background-position: -128px -272px; } .footer-callout .payment .amex { background-position: -192px -272px; } .footer-callout .payment .paypal:hover { background-position: 0 -272px; } .footer-callout .payment .mastercard:hover { background-position: -64px -272px; } .footer-callout .payment .visa:hover { background-position: -128px -272px; } .footer-callout .payment .amex:hover { background-position: -192px -272px; } .footer-callout .partners { width: 450px; height: 64px;} .footer-callout .partners li a { width: 80px; text-indent: 0;} .footer-callout .partners .tf_upfront_badge { width: 120px; } /* Colours the social buttons. Remove if you want it b&w */ .footer-social .icons .facebook { background-position: -222px -104px; } .footer-social .icons .twitter { background-position: -254px -104px; } .footer-social .icons .youtube { background-position: -287px -104px; } .footer-social .icons .rss { background-position: -319px -104px; } /* Why buy from us block */ /* .sidebar .whyuswr { height: 278px; right: 0; overflow: hidden; position: relative; width: 190px; z-index: 1; border: 1px solid green; margin-bottom: 10px; } */ .sidebar .whyuswr { border: 1px solid #CCCCCC; height: 278px; right: 0; overflow: hidden; position: relative; width: 190px; z-index: 1; margin-bottom: 10px; } .sidebar .whyuswr .header {color: white; background-color: #779a28; text-align: center; font-size: 14px; width: 190px; padding: 10px 0; font-weight: bold; margin-bottom: 10px;} /* .sidebar .whyuswr a.whyus { background: url("https://www.skinsentials.com.au/skin/frontend/argento/argento/images/tab_right.png") no-repeat scroll 0 0 transparent; color: #686868; display: block; height: 56px; margin: 0; padding: 7px 10px; } .sidebar .whyuswr a.whyus img { float: left; } .sidebar .whyuswr a.whyus .msg { float: left; width: 100px; padding: 6px 0 0 10px;} .sidebar .whyuswr a.whyus .msg strong { color: #686868; margin: 0; padding-top: 8px; } .sidebar .whyuswr span.subtitle { color: #999999; display: block; font-size: 0.9em; font-weight: normal; line-height: 1em; margin: 0; padding: 0; } .sidebar .whyuswr a.whyus:hover { background: url("https://www.skinsentials.com.au/skin/frontend/argento/argento/images/tab_right_hover.gif") no-repeat scroll 0 0 transparent; text-decoration: none; cursor: pointer; } */ .sidebar .whyuswr ul li { float: left; margin-left: 5px; display: inline; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 -30px;} .sidebar .whyuswr ul li a.whyus { float: left; width: 150px; padding: 3px 0 8px 40px; text-decoration: none;} .sidebar .whyuswr ul li a.whyus strong { color: #686868; margin: 0; padding-top: 8px; text-decoration: none; } .sidebar .whyuswr ul li span.subtitle { color: #999999; display: block; font-size: 0.9em; font-weight: normal; line-height: 1em; margin: 0; padding: 0; } /* Tab controller */ .product-view .padder, .product-view .tabs, .tab-container .tabs { background: none; padding-left: 10px; border-top: none; } .product-view .tabs li, .tab-container .tabs li { margin-right: 2px; background: none; background-color: #f0f0f0; border-radius: 0 30px 0 0; } .product-view .tabs li .block-title, .tab-container .tabs li .block-title { background: none; } .product-view .tabs li a, .tab-container .tabs li a { background: none; } .product-view .tabs li.active, .tab-container .tabs li.active { background-color: #E9882D; border-radius: 0 30px 0 0; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover, .tab-container .tabs li.active span { color: white; margin-right: 10px; background: none; } .product-view .padder, .tab-container .content { border: 1px solid #E9882D; border-radius: 6px; margin-bottom: 10px; padding: 10px; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 79%; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 20%; } .top-link-wishlist, .top-link-checkout { display: none; } .col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item { width: 23%; } .products-grid .product-name { margin: 8px 0 5px; max-height: 55px; min-height: 55px; overflow: hidden; text-align: center; } .products-grid .price-box { margin: 0 0 5px 0; min-height: 68px; text-align: center; float:none; } .products-grid .actions { margin: 0; min-height: 55px; text-align: center; float:none; } .products-grid .add-to-links, .products-grid .add-to-links li { float:none; } .product-view .product-img-box { width: 265px; } /* Adblocks */ .block-content .large { font-size: 16px; font-weight: bold; } .sidebar .green-adblock { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/green-box-ad.gif) no-repeat scroll 100% 100% rgba(0, 0, 0, 0);cursor: default; margin-bottom: 8px; padding: 0 0 4px;} .sidebar .green-adblock .block-title {background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/green-box-ad.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);margin: 0;padding: 8px;text-align: center;} .sidebar .green-adblock .block-title span {color: #FFFFFF;font-size: 13px;margin: 0 auto;width: 172px;} .sidebar .green-adblock .ad-content {background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/green-box-ad.gif) repeat-y scroll -192px 0 rgba(0, 0, 0, 0);color: #FFFFFF;padding: 0 9px 5px;text-align: center;} .sidebar .red-adblock { background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/red-box-ad.gif) no-repeat scroll 100% 100% rgba(0, 0, 0, 0);cursor: default; margin-bottom: 8px; padding: 0 0 4px;} .sidebar .red-adblock .block-title {background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/red-box-ad.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);margin: 0;padding: 8px;text-align: center;} .sidebar .red-adblock .block-title span {color: #FFFFFF;font-size: 13px;margin: 0 auto;width: 172px;} .sidebar .red-adblock .ad-content {background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/red-box-ad.gif) repeat-y scroll -192px 0 rgba(0, 0, 0, 0);color: #FFFFFF;padding: 0 9px 5px;text-align: center;} .sidebar .sticker-adblock { width: 192px; height: 210px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/sticker-ad.jpg) no-repeat scroll 100% 100% rgba(0, 0, 0, 0);cursor: default; margin-bottom: 8px; padding: 0 0 4px;} .sidebar .sticker-adblock .block-title {margin: 0;padding: 40px 0 10px 0;text-align: center;} .sidebar .sticker-adblock .block-title span {color: #444;font-size: 13px;margin: 0 auto;width: 172px;} .sidebar .sticker-adblock .ad-content {color: #444;padding: 0 10px 5px 18px;text-align: center;} .sidebar .sticker-adblock-green { width: 192px; height: 210px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/sticker-ad-green.jpg) no-repeat scroll 100% 100% rgba(0, 0, 0, 0);cursor: default; margin-bottom: 8px; padding: 0 0 4px;} .sidebar .sticker-adblock-green .block-title {margin: 0;padding: 40px 0 10px 0;text-align: center;} .sidebar .sticker-adblock-green .block-title span {color: #444;font-size: 13px;margin: 0 auto;width: 172px;} .sidebar .sticker-adblock-green .ad-content {color: #444;padding: 0 10px 5px 18px;text-align: center;} .sidebar .sticker-adblock-pink { width: 192px; height: 210px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/sticker-ad-pink.jpg) no-repeat scroll 100% 100% rgba(0, 0, 0, 0);cursor: default; margin-bottom: 8px; padding: 0 0 4px;} .sidebar .sticker-adblock-pink .block-title {margin: 0;padding: 40px 0 10px 0;text-align: center;} .sidebar .sticker-adblock-pink .block-title span {color: #444;font-size: 13px;margin: 0 auto;width: 172px;} .sidebar .sticker-adblock-pink .ad-content {color: #444;padding: 0 10px 5px 18px;text-align: center;} .col3-layout .col-right {width: 20%;} .col3-layout .col-wrapper {width: 79%;} .col3-layout .col-left {width: 25%;} .col3-layout .col-main {width: 73%;} .product-view .product-shop .product-shop-inner {margin-left: 300px;} a {color:#666666;} #narrow-by-list a {color: #666666;} #narrow-by-list dd {color: #aaaaaa;} .products-list .product-name a, .products-grid .product-name a { color: #777777!important; font-size: 12px; font-weight: normal; margin: 8px 0 5px; max-height: 35px; min-height: 35px; overflow: hidden; text-align: center; } .products-grid .actions { min-height: 27px; } .products-grid .add-to-links { text-align: center; } .ratings .rating-box { margin-left:15px; } .products-list .product-name a { font-size: 1.3em!important; } /* Price Block CSS */ .price-box p { color: #777777; } .special-price .price { color: #666666; font-size: 15px; font-weight: bold; } .regular-price .price { color: #666666; font-size: 15px; font-weight: bold; } .save-price { color: #CD0505; display: block; } .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .price-from .price-label, .product-view .product-shop .price-to .price-label { font-size: 24px; } .product-view .product-options-bottom .price-box { font-size: 11px; line-height: 18px; margin: 0; } .product-view .price-box .old-price { font-size: 11px; line-height: 18px; margin: 0; } .products-grid .add-to-links { margin: 5px 0 0 0; } /* Related Products List */ .block .block-title span strong, .block .block-title span span, .block .block-title strong, .block .block-title span { color: #666666!important; } .block-related .product { margin-left: 0; padding-bottom: 15px; } .mini-products-list .product-image { border: none; width: 60px; } .block-related .product .product-details { margin-left: 70px; } /* ToolTip */ #deltooltip { background-color: #CD0505; border-radius: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; color: #FFFFFF; font-size: 14px; line-height: 18px; padding: 10px; position: absolute; visibility: hidden; width: 270px; z-index: 2000; } body { color:#666666; } /* Product Page */ .availability.in-stock span {color: #29813F;} .product-label {font-weight: bold;} .product-view .product-shop .product-name { margin-bottom: 10px; } .ratings { height: 30px;} .ratings .rating-box { margin: 0 10px 0 0; } .product-view .box-collateral .h2 { background-color: #F0F0F0; padding: 10px 0 10px 10px;} .product-view .review-add {background-color: #FCF8E3; margin-bottom: 10px; padding: 10px;} #review-form .data-table th { border:none;} #review-form .data-table thead { background-color: transparent;} #review-form .data-table tbody { border: 1px solid #CCCCCC; border-color: #AAAAAA #CCCCCC #CCCCCC;} #review-form .h3 {padding-bottom: 10px;} .highslide img {border:none;} /* Review Page */ .product-review .product-user-box {width:150px;float:left;} .product-review .product-image { min-height: 150px;} .product-review-right{margin-left: 150px;padding-bottom:20px;} .product-review .product-review-head { min-height: 150px;} .product-review .product-review-head h1 { padding-bottom: 10px;} .product-review .review-user {text-align: center; } .product-review .review-user .image {width: 40px; height: 40px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -40px -352px; margin: 0 auto; padding-bottom: 12px;} .product-review .review-title { padding-bottom: 2px;} .product-review .review-title a { font-size: 16px; font-weight: normal; text-decoration:none;} .product-review .buttons-set .back-link {float: right;} .product-review .comments {border: 1px solid #EEEEEE; background-color: #fcf8e3; padding:10px; } .product-review .beauty-expert { float: left; width: 40px; height:40px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 -352px;} .product-review .reply {padding-left:50px;} .product-review .comments .label {background-color: #E9882D; padding:2px 5px 2px 5px; color: white; margin-bottom: 10px; font-weight: bold;} .product-review .comments ul li { list-style-position: outside; padding: 5px 0 0 15px!important; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -587px -16px; padding: 0 0 0 2px;} .product-review .user-rating {padding-bottom: 10px;} .product-review .rating-box {float: left;} .product-review .rating-text {margin-left: 80px;} #customer-reviews ol li .product-review { border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; padding-bottom: 5px;} .easyslideslider-id .section {padding-bottom: 0px;} /* Shop Review .why-us-horizontal { float:left; width: 321px; height: 500px; width: 30px; height: 30px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 -15px; } .why-us-horizontal ul { padding: 190px 5px 5px 70px; font-size: 14px; line-height: 36px; list-style: none;} */ /* #easyslideslider-10060 { margin-left:0; float:left; width: 760px; height: 130px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/paper-notebook.gif) no-repeat;} */ #easyslideslider-10060 { margin-left:0; float:left; width: 760px; height: 130px; background: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/media/torn-paper.jpg) no-repeat;} #easyslideslider-10060 div.scroller {border:none; cursor: default;} .shop-review { padding: 5px 5px 0 0; } .shop-review .title {font-size: 12px; float:right;} .shop-review .published-on {font-size: 12px; padding-left: 60px;} .shop-review .rating {text-indent: -999em; overflow: hidden;} .shop-review .review {padding-left: 60px; font-size: 14px; font-style: italic; color: #020EBA;} .shop-review .author {padding-left: 60px; font-size: 14px; font-style: italic; color: #020EBA;} .clear { clear: both;} /* Shopping Cart */ .points-special-header{color: green;float: left;margin-right: 10px;} .top-toolbar .welcome-msg {line-height:1em; font-weight: normal;} .cart .col-description .product-name a {font-size:0.8em!important;} .cart .col-description .product-name small a {color:#E9882D!important;} .cart #products-cart-list li.even {background-color: transparent;} .cart .crosssell {background-color: transparent;} .cart .crosssell .product-image {border:none;} #crosssell-products-list .add-to-links li {float: left;padding-right: 10px;} .cart .col-unit-price, .cart .col-total-price {width: 10%;} .cart .col-wishlist {width:14%;} .cart .col-description {width: 51%;} .cart .page-title .btn-continue {padding-top:13px;} .discount label, .giftcard label {display: inline;} input, select, textarea, button {color:#666666;} .cart .totals {width:31%;} .cart .shipping-crosssell {width:65%;} .col2-set .col-1 {width:45%;} .col2-set .col-2 {width:52%;} /* Payment */ .firecheckout-section .block-title .num {background-color:#E9882D!important;color:white; border-color: #e9882d!important;} /* sidebar blocks */ .block .block-title {background: #E9882D; border:none; text-transform: none; padding:4px; text-align: center; color: #ffffff;} .block .block-title span span, .block .block-title span {color:#FFFFFF!important; font-weight: normal!important; font-size:13px!important;} .block-content {border: 1px solid #CCCCCC;} .block-reviews li.item {padding-bottom:15px!important;} .block-reviews li a {text-decoration: none;} .block-reviews li a:hover {text-decoration: underline;} .block-reviews .rating-box {margin-top:5px;} /* .block-reviews .block-title {background-color: #E9882D;} */ #recently-compared-items .product-name a, #cart-sidebar-reorder .product-name a, #compare-items .product-name a, #recently-viewed-items .product-name a {font-weight: normal;text-decoration:none;} .rewards-special-review-summary { background-color: #FBF6CC; background-image: url(https://www.skinsentials.com.au/skin/frontend/argento/argento/images/earn-cashback.png); background-position: 15px center; background-repeat: no-repeat; border: 1px solid #D7C452; border-radius: 5px; margin-bottom: 8px; margin-top: 5px !important; padding: 7px 8px 7px 85px; } .product-options {background-color: #FFFFFF;} .product-options ul.options-list input.checkbox {margin:0;} .product-options ul.options-list a {text-decoration:none; padding-left: 20px;} .product-options ul.options-list .label {display: inline; margin-left: 20px;} /* Login Page */ .login-reason { padding-bottom: 10px;} .login-reason ul li { background: url("https://www.skinsentials.com.au/skin/frontend/argento/argento/images/common_theme.gif") no-repeat -587px -16px; padding-left: 14px; padding-top: 5px; } .login-faq-wrapper {clear: both;} .login-reminder{width:100%;} .login-reminder img {float: right} .login-faq { clear: both; background-color: #f1f7e5; border-radius: 10px 10px 10px 10px; text-align: left; width: 100%; margin: 0 auto; padding-bottom: 10px;} .login-faq .block-title { background: none; padding: 7px 10px 3px 10px; text-transform: uppercase; color: #777; } .login-faq .block-title span { color:#444444!important; text-align: left; border-bottom: 1px solid #ddd; display: block; padding-bottom: 3px; } .login-faq .block-content { border:none; padding: 0 0px 5px; } .login-faq .block-content { color: #777; width: 100%; } .login-faq .block-content span { color: #DD7800; cursor: default; display: block; font-size: 1em; font-weight: bold; padding-top: 8px; } .login-faq .block-content a { color: #777777; } .login-faq .block-content ul { display:inline; } .login-faq .block-content li { float: left; width: 31%; padding: 0 0 0 10px;} .login-faq .block-content ul li a { float: none; width: 100%; padding: 0; margin: 0; line-height: 18px; display:block } .login-faq .block-content li.last { margin-right:0; } .fieldset {padding-left:0; background-color: transparent; border: none;} .fieldset .legend {border:none;} .form-list li {margin-bottom: 16px;} /* Left Hand Menu */ .footer-cms .footer-links .h6 {color: #DD7800;} .widget-static-block .footer-links .h6 {color: #DD7800;font: 1.3em Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;margin-bottom: 7px;} .widget-static-block .footer-links li li {float: none;line-height: 24px;margin: 0;padding-left: 9px;width: auto;} .widget-static-block .footer-links a {text-decoration: none;color: #777;} .widget-static-block .footer-links a:hover {text-decoration: underline;} /** * MageWorx * * NOTICE OF LICENSE * * This source file is subject to the MageWorx EULA that is bundled with * this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.mageworx.com/LICENSE-1.0.html * * 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@mageworx.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade the extension * to newer versions in the future. If you wish to customize the extension * for your needs please refer to http://www.mageworx.com/ for more information * or send an email to sales@mageworx.com * * @category skin_default * @package MageWorx_XSitemap * @copyright Copyright (c) 2009 MageWorx (http://www.mageworx.com/) * @license http://www.mageworx.com/LICENSE-1.0.html */ .xsitemap h3 { font-size: 1.7em; font-weight: normal; } .xsitemap-stores { margin-bottom: 10px; } .xsitemap ul.stores { height: 20px; } .xsitemap ul.stores li { float: left; margin-right: 20px; font-size: 1.2em; font-weight: bold; } .xsitemap-categories { float: left; width: 58%; } .xsitemap-pages { float: left; width: 38%; } .xsitemap li li { padding-left: 15px; } .xsitemap ul.categories { } .xsitemap ul.products { margin-bottom: 5px; } .xsitemap li.category { font-size: 1em; } .xsitemap li.product { font-size: 0.8em; } .xsitemap li.level-0 { font-weight: bold; font-size: 1.1em; } .xsitemap li.level-1 { font-weight: normal; font-size: 1em; } .xsitemap li.page-url, .xsitemap li.link { font-size: 1em; font-weight: bold; }