/** * 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) 2011 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; padding:5px 5px 0; } .col-main { float:left; width:736px; padding:5px; } .col-right { float:right; width:230px; 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; } 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.handbagheaven.com/skin/frontend/shopper/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; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { 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(../../skin/frontend/shopper/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(../../skin/frontend/shopper/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../../skin/frontend/shopper/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../../skin/frontend/shopper/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .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 { 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 { 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; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; } .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(../../skin/frontend/shopper/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(../../skin/frontend/shopper/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(../../skin/frontend/shopper/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(../../skin/frontend/shopper/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(../../skin/frontend/shopper/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.handbagheaven.com/skin/frontend/shopper/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(../../skin/frontend/shopper/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.handbagheaven.com/skin/frontend/shopper/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; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; } .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 { 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 { 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; left:-10000px; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } #nav menu-dropdown /* 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 { 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; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* 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; 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; margin:0; } .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.handbagheaven.com/skin/frontend/shopper/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.handbagheaven.com/skin/frontend/shopper/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(../../skin/frontend/shopper/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 { } .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(../../skin/frontend/shopper/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(../../skin/frontend/shopper/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; 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 -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 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-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(../../skin/frontend/shopper/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; } .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; 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 { 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(../../skin/frontend/shopper/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 { 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(../../skin/frontend/shopper/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 { background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { 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-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 ============================================================ */ /* Remember Me Popup ===================================================================== */ .window-overlay { background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:10111; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:11000; } .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(../../skin/frontend/shopper/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .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 { 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; } /* ======================================================================================= */ /* 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(../../skin/frontend/shopper/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(../../skin/frontend/shopper/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; 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; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { 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) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .ambanners { clear: both; overflow: auto; } .ambanners ul.products li { list-style: none; float: left; width: 144px; padding: 10px; height: 260px; margin: 3px; } .ambanners ul.products li p.product-name { min-height: 60px; } /* Block hints */ .amfpc-block-info { position:relative; border:1px dotted #008080; margin:6px 2px; padding:18px 2px 2px 2px; zoom: 1; } .amfpc-block-info:hover { border-color: orange !important; } .amfpc-block-info>.amfpc-block-handle, .amfpc-block-info>.amfpc-template-info { position:absolute; top:0; padding:2px 5px; background:#008080; color:white; font:normal 11px Arial; text-align:left !important; z-index:998; text-transform: none; } .amfpc-block-info>.amfpc-block-handle:hover, .amfpc-block-info>.amfpc-template-info:hover { z-index:999; } .amfpc-block-info>.amfpc-block-handle { cursor: default; left:0; white-space: nowrap; } .amfpc-block-info>.amfpc-template-info { right:0; } .amfpc-block-info>.amfpc-block-handle:hover { background-color: orange !important; } .amfpc-block-info.active { -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate; animation: amfpc-blocks 1s linear .5s infinite alternate; } @-webkit-keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } @keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } /* Updated blocks */ .amfpc-block-info.updated { border-color: red; } .amfpc-block-info.updated>.amfpc-block-handle { top:0; background:red; } /* Status popup */ .amfpc-info { width: 350px; min-height: 95px; position: fixed; bottom: 10px; left: 10px; background: #008080; color: #fff; z-index: 99999; font-size: 32px; } .amfpc-info h1 { background: rgba(255, 255, 255, 0.1); color: #fff; padding: 2px 5px; font-size: 14px; font-weight: bold; } .amfpc-info h2 { margin-top: 12px; text-align: center; font-size: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .help-box .content { padding: 2px 5px 10px 5px; } .amfpc-info .content { line-height: 48px; } #esns_background_layer { position: absolute; z-index: 10030; background: url(../../skin/frontend/shopper/default/images/newsletterpopup/esns_dark2.png); width: 100%; height: 100%; overflow: hidden; text-align: center; top: 0; left: 0; display: none; } #esns_box_layer { z-index: 10040; background-color: #ffffff; width: 470px; height: auto; overflow: hidden; top: 0; text-align: center; display: inline-block; padding: 10px; } #esns_box_title { width: 440px; height: auto; overflow: hidden; background: url(../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_block1.png) no-repeat right top; } #esns_box_block_1 { width: 350px; font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; text-align: left; } #esns_box_block_2 { font: 29px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; height: auto; text-align: left; margin: 0 0 10px 0 ; width: 350px; } #esns_box_block_3 { text-align: justify; } #esns_box_close { height: 22px; width: 22px; background: url(../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_close.png) no-repeat; cursor: pointer; float: right; } .esns_box_lines { background: url("../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_lines.png") no-repeat scroll 0 0 transparent; display: block; height: 1px; width: 100%; clear: both; margin: 5px 0; } #esns_box_subscribe { width: 100%; height: auto; overflow: hidden; margin: 0 0 20px 0; } #esns_box_subscribe_input { width: 320px; float: left; clear: both; } #esns_box_subscribe_input input { width: 290px; margin: 5px 0 0 20px; border: 1px solid #acacac; height: 25px; padding-left: 10px; } #esns_box_subscribe_submit { width: 80px; float: left; } #esns_box_subscribe_submit a { background-image: url('../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_button.png'); width: 117px; height: 34px; display: block; line-height: 34px; font-size: 12px; color: #000000; margin: 1px 0 0 0; } #esns_box_subscribe_response { text-align: left; margin: 10px 0 0 30px; height: 15px; } #esns_box_subscribe_response_success { display: none; } #esns_box_subscribe_response_error { color: #ea6868; text-align: left; margin: 0 0 0 30px; height: auto; overflow: hidden; } #esns_box_subscribe_response_success { color: #35ea49; font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; } /*** LABEL THEME ***/ .tl#esns_box_layer { height: 263px; width: 504px; background: url('../../skin/frontend/shopper/default/images/newsletterpopup/esns_label.png') no-repeat transparent; position: relative; } .tl #esns_box_block_1, .tl #esns_box_block_2 { color: #ffffff; text-align: right; float: right; line-height: normal; } .tl #esns_box_block_1 { margin: 20px 55px 0 0 ; } .tl #esns_box_block_2 { margin: 0px 55px 0 0 ; } .tl #esns_box_block_3 { color: #000000; clear: both; text-align: justify; float: right; margin: 10px 55px 0px 0 ; width: 340px; height: 70px; overflow: hidden; } .tl #esns_box_close { position: absolute; } .tl #esns_box_subscribe_input { width: 340px; } .tl #esns_box_subscribe_response_error { height: 22px; line-height: 15px; color: #ffffff; float: right; text-align: left; width: 325px; margin: 0 50px 0 0; overflow: hidden; } .tl #esns_box_subscribe_input input { margin: 0 0 0 132px; background: none; height: 29px; width: 216px; border: 0; } .tl #esns_box_subscribe_submit a { color: #ffffff; height: 29px; line-height: 25px; background: url('../../skin/frontend/shopper/default/images/newsletterpopup/esns_input.png') no-repeat -212px 0px; } .tl #esns_box_subscribe_response_success { color: #FFFFFF; float: right; margin: 0 50px 0 0; width: 340px; } .tl #esns_box_subscribe_input { background: url('../../skin/frontend/shopper/default/images/newsletterpopup/esns_input.png') no-repeat 125px 0px; } .tl #esns_box_close { height: 36px; width: 36px; background: url(../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_close2.png) no-repeat; right: 10px; top:-5px; } .t2#esns_box_layer { background-color: #fff; display: inline-block; height: auto; overflow: visible; padding: 0; position: fixed; text-align: center; top: 0; left: 50%; margin: 0 0 0 -222px; width: 445px; z-index: 9999; border: 12px double black; } .t2 .esns_box_icon { background: url(../../skin/frontend/shopper/default/images/newsletterpopup/esns_mail_icon.png) no-repeat top center; margin: 60px 0 0; overflow: hidden; text-align: center; width: auto; height: 73px; } .t2 #esns_box_block_1 { font-family: Arial,sans-serif; font-size: 30px; font-weight: bold; padding: 18px 0 0; text-align: center; text-transform: uppercase; width: 100%; word-spacing: -2px; } .t2 #esns_box_block_2 { font-family: Arial,sans-serif; clear: both; color: #666668; height: auto; margin: 0 70px; overflow: hidden; text-align: center; width: auto; font-size: 18px; line-height: 18px; } .t2 #esns_box_subscribe { height: auto; margin: 40px 70px 60px; overflow: hidden; text-align: center; width: auto; } .t2 #esns_box_subscribe_form { display: inline; overflow: visible; width: auto; text-align: center; } .t2 #esns_box_subscribe_submit a { background: none repeat scroll 0 0 #333; border: 1px solid #565656; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; padding: 0 9px; width: auto; } .t2 #esns_box_subscribe_input { border: 1px dotted #a2a2a2; float: none; display: inline-block; width: 198px; } .t2 #esns_box_subscribe_input input { border: 0 none; color: #505050; height: 19px; line-height: 19px; margin: 0 8px; padding: 0; width: 182px; } .t2 #esns_box_subscribe_submit { display: inline-block; padding: 0 0 0 9px; width: auto; float: none; } .t2 #esns_box_subscribe_submit a { background: none repeat scroll 0 0 #333; border: 1px solid #565656; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; padding: 0 9px; width: auto; text-decoration: none; } .t2 #esns_box_subscribe_response_error { margin: 0 0 0 0; text-align: center; padding: 10px 0 0; } .t2 #esns_box_subscribe_response_success { color: #35ea49; font: 20px Arial; } .t2 #esns_box_close { background: url('../../skin/frontend/shopper/default/images/newsletterpopup/esns_box_close3.png'); cursor: pointer; height: 32px; position: absolute; right: -12px; top: -12px; width: 31px; } /*button style */ #esnp_button { background: #003f8f!important; color: #ffffff; padding: 10px 20px; position: fixed; font-size: 18px; font-weight: bold; text-decoration: none; -webkit-box-shadow: 1px 0px 10px 0px rgba(50, 50, 50, 0.28); -moz-box-shadow: 1px 0px 10px 0px rgba(50, 50, 50, 0.28); box-shadow: 1px 0px 10px 0px rgba(50, 50, 50, 0.28); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #esnp_button:hover { background: #0066ff!important; } #esnp_button.esnp-leftcenter { -moz-transform:rotate(-270deg); -moz-transform-origin: bottom left; -webkit-transform: rotate(-270deg); -webkit-transform-origin: bottom left; -o-transform: rotate(-270deg); -o-transform-origin: bottom left; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); left: 0; top: 100px; } #esnp_button.esnp-rightcenter { -moz-transform:rotate(-90deg); -moz-transform-origin: bottom right; -webkit-transform: rotate(-90deg); -webkit-transform-origin: bottom right; -o-transform: rotate(-90deg); -o-transform-origin: bottom right; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); right: 0; top: 100px; } #esnp_button.esnp-leftbottom { left: 0; bottom: 0; } #esnp_button.esnp-rightbottom { right: 0; bottom: 0; } /** * Giftvoucher reward template */ .input-select.validation-failed { border-color: red; } span#giftvoucher_wait{ color: #2F2F2F; } .giftvoucher-discount-code{ color: #008000; } .giftvoucher-discount-code button{ border: medium none; background: none repeat scroll 0 0 transparent; } .giftvoucher-discount-code button:hover{ cursor: pointer; } .giftvoucher-media{ border: 2px solid #F7F9F9; } .giftvoucher-media .giftmedia{ border-bottom: 2px solid #F7F9F9; padding: 7px; color: #F18200; font-size: 15px; } #giftmedia pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .giftvoucher-media .giftmedia-image{ overflow: hidden; width: 265px; position: relative; } .giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc { font-size: 0.9em; font-style: italic; color: #080; margin-top: -5px; } .giftvoucher-product-info #message{ width: 325px; height: 88px; } .giftvoucher-product-info #recipient_address{ width: 325px; height: 57px; } .giftvoucher-product-info #recipient_email, .giftvoucher-product-info #recipient_name, .giftvoucher-product-info #customer_name{ width: 325px; } #giftvoucher-result{ font-size: 15px; } #giftvoucher-result label{ width: 160px; } /* Search Grid Style */ .data-table .giftvoucher-grid-title th{ background-image: none; border-bottom: 1px solid #C2D3E0; } .data-table .giftvoucher-grid-search th{ vertical-align: top; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{ padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{ width: 97%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{ float: left; padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{ min-width: 121px; min-height: 18px; margin-bottom: 3px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{ display: block; width: 36px; float: left; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{ width: 15px; height: 15px; cursor: pointer; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{ float: right; width: 50px; padding: 1px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ width: 100%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{ min-width: 100px; } .giftvoucher-search-button { padding-bottom: 5px; text-align: right; } /* End Search */ .customer-account-giftcard .balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } .customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{ background-color: #F6B26B; } .customer-account-giftcard .account-balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } /*Hai.Tran*/ .custom-field{ width: 175px !important; } .custom-field-right{ width: 375px !important; } .giftcard-preview-template-dialog .top, .giftcard-preview-template-dialog .bot{ display: none; } .giftcard-preview-template-dialog .dialog_e, .giftcard-preview-template-dialog .dialog_w { width: 0; } .giftcard-preview-template-dialog .dialog_close{ display: none; } .giftcard-preview-template-dialog .dialog_content{ background-color: transparent !important; color: #2f2f2f !important; font: 12px/1.55 Arial, Helvetica, sans-serif; } .gift-active{ border: 2px solid rgb(228,121,17) !important; } div.egcSwatch-arrow { /* display: none;*/ position: absolute; height: 11px; top: -2px; left: 1px; width: 100%; background-position: center top; background-repeat: no-repeat; clear: both; /* z-index: 10;*/ background-image: url(../../skin/frontend/shopper/default/css/magestore/giftvoucher/down-arrow.png); } #giftcard-template-show-images:hover #giftcard-template-next{ background-image: url(../../skin/frontend/shopper/default/css/magestore/giftvoucher/arrow-slide-right.png); } #giftcard-template-show-images:hover #giftcard-template-prev{ background-image: url(../../skin/frontend/shopper/default/css/magestore/giftvoucher/arrow-slide-left.png); } /*#giftcard-template-next:hover{ background-image: url(https://www.handbagheaven.com/giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png); } #giftcard-template-prev:hover{ background-image: url(https://www.handbagheaven.com/giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png); }*/ /** Media Library **/ .uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ } .uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; } .uploader .file-row .file-info { float:left; } /*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; } .uploader .file-row .file-info-size { width: 20%; }*/ .uploader .file-row-info { margin: 0 0 0 10px; } .uploader .file-row-info .file-info-name { font-weight:bold; } .uploader .file-row .progress-text { float:right; font-weight:bold; } .uploader .file-row .delete-button { float:right; } .uploader .buttons { float:left; } .uploader .flex { float:right; } .uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; } .uploader .error { border:1px solid #aa1717; background-color:#ffe6de; } .uploader .error .progress-text { padding-right:10px; } .uploader .complete { border:1px solid #90c898; background-color:#e5ffed; } #amount_range{ width: 60px; } /* Document : reupdate.css Created on : Aug 14, 2014, 2:27:31 PM Author : Billy Description: Purpose of the stylesheet follows. */ /****************************Template 02 _ top*************************************/ #giftcard-template-top{ overflow:hidden; max-height: 550px; font-size: 14px; } #giftcard-template-top .giftcard-template-content{ margin-left:0px; } #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{ width: 550px; height: 120px; background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; background-size: 100% auto; } #giftcard-template-top .giftcard-template-content-temp2{ width: 100%; height: 235px; padding: 10px; padding-top: 0px; background-position: center; background-repeat: repeat; background-size: 100% } #giftcard-template-top .giftcard-title-top { width: 100%; height: 65px; float:left; } #giftcard-template-top .title{ width: 60%; height: 75px; font-size: 30px; font-style: italic; color: orange; float: left; } #giftcard-template-top .title .logo-title{ height: 50px; background-size: 100% auto !important; float: left; width: 35%; } #giftcard-template-top .title .giftcard-title{ float: right; font-family: time new roman; width: 50% !important; text-align: right; } #giftcard-template-top .giftcard-value{ width: 160px; height: 65px; float: left; } #giftcard-template-top .giftcard-value .giftcard-text-color{ text-align: right; } #giftcard-template-top .giftcard-value .giftcard-price-change { text-align: right; font-size: 25px; color: orange; font-weight: bold; font-family: time new roman; } #giftcard-template-top .giftcard-value .giftcard-price-change .price{font-family: time new roman;} #giftcard-template-top .giftcard-date{ width: 100%; height: 30px; margin-top: 15px; float:left; } #giftcard-template-top .giftcard-from-to{ width: 280px; height: 25px; float: left; font-size: 13px; margin-top: -10px; } #giftcard-template-top .giftcard-from-to .giftcard-from{ margin-right: 5px; max-width: 100%; overflow: hidden; display: table-cell; float: left; max-height: 25px; margin-top: -25px; } #giftcard-template-top .giftcard-from-to .giftcard-text-color{ font-style: italic; font-family: time new roman; } #giftcard-template-top .giftcard-from-to .giftcard-style-color{ color: orange; font-size: 95%} #giftcard-template-top .giftcard-to{ width: 160px; margin-left:0px; max-height: 25px; float:left; clear:both; } #giftcard-template-top .giftcard-code{ width: 250px; float: left; text-align: right; margin-top:0px; font-size: 14px; } #giftcard-template-top .giftcard-number{ width: 290px; } #giftcard-template-top .giftcard-number .giftcard-style-color{ color: orange; font-weight: bold; font-family: time new roman; } #giftcard-template-top .giftcard-information-top{ width: 550px; height: 120px; float:left; } #giftcard-template-top .giftcard-information{ overflow: hidden; float: left; width: 275px; height: 100px; } #giftcard-template-top .giftcard-message{ padding: 6px; padding-bottom: 14px; padding-top: 3px; height: 75px; vertical-align: middle; background: #fff; border-radius: 5px; border:1px solid #cecece } #giftcard-template-top .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } #giftcard-template-top .giftcard-barcode{ float: right; text-align: right; } #giftcard-template-top .giftcard-barcode-value{ height: 50px;float:right; } #giftcard-template-top .giftcard-barcode .giftcard-style-color{ font-size: 24px; line-height: 35px; color: orange; font-weight: bold; font-family: time new roman; } #giftcard-template-top .giftcard-note{ height: 45px; overflow: hidden; margin-top: 5px; float: right; width: 100% } #giftcard-template-top .giftcard-note .giftcard-text-color{ font-size: 11px; line-height: 15px; margin: 0px; padding-right:5px; } /*******END**********/ /**************************responsive temp2*****************************/ #giftcard-template-top {width:100% !important;} #giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important;} /* #giftcard-template-top .giftcard-template-content-temp2 div{padding:5px;} */ #giftcard-template-top .giftcard-template-content-temp2{ width:100%; background-size:100% auto !important; float: left; } #giftcard-template-top .giftcard-title-top{ width:100% } .hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important} #giftcard-template-top .title{width:60% !important;} #giftcard-template-top .giftcard-value{width:40% !important;} #giftcard-template-top .giftcard-date{width:100%} #giftcard-template-top .giftcard-from-to{width:50% !important;} #giftcard-template-top .giftcard-code{width:50% !important;} #giftcard-template-top .giftcard-information-top{width:100%} #giftcard-template-top .giftcard-information{width:50%} #giftcard-template-top .giftcard-barcode{width:48% !important;} #giftcard-template-top .giftcard-value-bottom {display: none} /*Change Theme*/ .hidden-giftcard-template-top-1 .giftcard-title-top, .hidden-giftcard-template-top-1 .giftcard-date, .hidden-giftcard-template-top-1 .giftcard-information-top{ width: 100% !important } .hidden-giftcard-template-top-1 .title { width: 65%; } .hidden-giftcard-template-top-1 .title .logo-title{ height: 20px !important; width: 50% !important; } .hidden-giftcard-template-top-1 .title .giftcard-title{ font-size: 25px; } .hidden-giftcard-template-top-1 { height: auto !important; } .hidden-giftcard-template-top-1 .giftcard-template-content-temp2 { height: 215px !important; width: 98% !important; padding: 0px !important} .hidden-giftcard-template-top-1 .giftcard-title-top { height: 50px !important } .hidden-giftcard-template-top-1 .giftcard-code { margin-top: 10px !important; margin-bottom: 10px; } .hidden-giftcard-template-top-1 .giftcard-code { font-size: 12px !important } .hidden-giftcard-template-top-1 .giftcard-information-top { margin-top:10px } .hidden-giftcard-template-top-1 .giftcard-value .giftcard-price-change .price{ font-size: 20px } .hidden-giftcard-template-top-1 .giftcard-date, /* .hidden-giftcard-content-temp2 .giftcard-value-550{ padding-left: 15px } /*.hidden-giftcard-content-temp2 .giftcard-value, .hidden-giftcard-content-temp2 .giftcard-code, .hidden-giftcard-content-temp2 .giftcard-barcode, .hidden-giftcard-content-temp2 .giftcard-code-550, .hidden-giftcard-content-temp2 .title{ padding: 0px 15px; }*/ /*.hidden-giftcard-content-temp2 .giftcard-value{margin-top: 10px}*/ #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-value-550{padding: 0 !important} #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-value, #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-information, #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-code, #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-barcode, #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-code-550, #giftcard-preview-template .hidden-giftcard-content-temp2 .title{padding: 0px !important} /*---Detail Popup Template 2---*/ #giftcard-preview-template .giftcard-template-content-temp2 { width: 100%; float: left; height: 255px; } #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{padding: 0 !important} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top { padding: 10px 5%; float: left; width: 100%; height: 102px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .logo-title{ height: 45px; width: 53%; background-size: 100% !important; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .title{ width: 50%; float: left; width: 60%; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-title{ float: right;width: 42%; margin-top: -45px; font-family: time new roman; font-size: 35px; font-style: italic; color: orange; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-price-change span{ text-align: right; font-size: 25px; color: orange; font-weight: bold; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value { width: 35%; float: right; text-align: right; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-date{ float: left; padding: 0px 5%; width: 100%; margin-top: -33px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-code{ float: right; text-align: right !important; margin-top: 15px !important; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-from-to { float: left; width: 40%; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-number{ float: right!important; width: 100%; text-align: right !important; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-information-top{ float: left; padding: 0px 5%; width: 100%; position: absolute; bottom: 25px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-information { height: 120px; float: left; width: 55%; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-message{ height: 120px; background-size: 100% !important; background: #fff; border: 1px solid #cecece; border-radius:5px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-barcode { float: right !important; width: 45%; text-align: right !important; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-barcode-value{ float: right; margin-bottom: 10px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-note { clear: both; height: 45px; overflow: hidden; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-to{ float:left; margin-left:0; clear:both; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value .giftcard-style-color.giftcard-price-change span{ font-size: 25px; color: #FFA500; font-weight: bold; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content-top.giftcard-change-image-temp2.giftcard-change-image { height: 120px !important; width: 100% !important; margin-left: 0px !important; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content-temp2 .giftcard-from{ border-right:none; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-price-change { font-size:25px; font-weight:bold; } #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-title-top{ width: 97% !important; padding: 0 1% 0 2% !important; box-sizing: content-box; } #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-date, .hidden-giftcard-content-temp2 .giftcard-information-top, .hidden-giftcard-content-temp2 .giftcard-title-top, .hidden-giftcard-content-temp2 .giftcard-date, #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-information-top{ padding: 0 1% 0 2% !important; width: 97% !important; box-sizing: content-box; } .hidden-giftcard-content-temp2 .giftcard-value-550{margin-top: 15px !important;} .hidden-giftcard-content-temp2 .giftcard-information {} /*Change theme*/ .hidden-giftcard-template-top-1 .giftcard-barcode-value img { width: 75% !important; float: right; } #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-barcode-value {margin-bottom: 25px !important} #giftcard-template-left .giftcard-change-image {} @media only screen and (max-width: 1180px){ .hidden-giftcard-template-top-1 .title .giftcard-title{font-size: 20px !important} } /*---End Detail Popup Template 2---*/ @media only screen and (max-width: 1080px){ .hidden-giftcard-template-top-1 .title .giftcard-title{font-size: 20px !important} .hidden-giftcard-template-top-1 .giftcard-template-content-temp2 {height: 200px !important} } @media only screen and (max-width: 1050px){ #giftcard-template-top .giftcard-value{display: none} #giftcard-template-top .giftcard-code {display: none;} #giftcard-template-top .giftcard-information{ width: 100%; height: 120px} #giftcard-template-top .giftcard-value-550{ display: block !important; float: left; clear: both; width: 100%; margin-top: 20px; } #giftcard-template-top .giftcard-code-550 { display: block !important; float: left; clear: both; width: 100%; } #giftcard-template-top .giftcard-title-top { margin-bottom: -25px; width: 97% !important; } #giftcard-template-top .giftcard-message { backgorund-size: 100% 100% !important; display: inherit !important; width: 100%; height: 120px; } #giftcard-template-top .giftcard-barcode { clear: both; width: 100% !important; } #giftcard-template-top .giftcard-number { float: left !important; text-align: left; } #giftcard-template-top .giftcard-barcode-value{float: left} #giftcard-template-top .giftcard-note { float: left; clear:both; text-align: left; overflow: hidden; height: 45px; } #giftcard-template-top .giftcard-value-550 .giftcard-text-color { float: left; margin-right: 20px; font-size: 13px; } #giftcard-template-top .giftcard-value-550 .giftcard-style-color.giftcard-price-change { font-size: 25px !important; color: orange; font-weight: bold; font-family: time new roman; margin-top: -9px; } #giftcard-template-top .title{width: 100% !important} #giftcard-template-top .title .giftcard-title {font-size: 30px} #giftcard-template-top .giftcard-template-content-temp2 {height: 400px} #giftcard-template-top .giftcard-from-to{ width: 100% !important; margin-top: 15px; } #giftcard-template-top .giftcard-to{clear:none;} #giftcard-template-top .giftcard-from-to .giftcard-text-color{margin-left:15px} #giftcard-template-top .giftcard-date{height: 10px;} #giftcard-template-top .giftcard-information-top {margin-top: 40px} /*Change theme*/ .hidden-giftcard-template-top-1 .giftcard-information { height: 65px !important; width: 100% !important; } .hidden-giftcard-template-top-1 .giftcard-information-top{ margin-top: 35px !important; height: 75px !important; } .hidden-giftcard-template-top-1 .giftcard-message { height: 45px !important; width: 94% !important; } .hidden-giftcard-template-top-1 .giftcard-template-content-temp2 {height: 320px !important} .hidden-giftcard-template-top-1 .giftcard-value-550{margin-bottom: 5px;} .hidden-giftcard-template-top-1 .giftcard-value-550 .giftcard-text-color {margin-top: -5px} .hidden-giftcard-template-top-1 .giftcard-change-image-temp2 {height: 90px} .hidden-giftcard-template-top-1 .giftcard-from-to .giftcard-text-color {margin-left: 0px !important ;} .hidden-giftcard-template-top-1 .giftcard-barcode-value img { float: left; } } @media only screen and (max-width: 979px){ #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{ height: 80px; padding: 0 !important; } #giftcard-template-top .giftcard-message {width: 100%} #giftcard-template-top {} #giftcard-template-top .giftcard-template-content-temp2{height: 380px} #giftcard-template-top .giftcard-information{height: 100px} #giftcard-template-top .giftcard-message{ height: 100px; background-size: 100% !important; } /*Change theme*/ .hidden-giftcard-template-top-1 .giftcard-message { height: 50px !important; width: 94% !important; } .hidden-giftcard-template-top-1 .giftcard-information {height: 75px !important} .hidden-giftcard-template-top-1 .giftcard-value-550 .giftcard-style-color.giftcard-price-change{font-size: 20px !important} .hidden-giftcard-content-temp2 .title {width: 60% !important;} }@media only screen and (max-width: 809px){ #giftcard-preview-template .giftcard-template-content-temp2{ padding-bottom: 30px !important; height: 255px; } } @media only screen and (max-width: 770px){ #giftcard-template-top .giftcard-information {height: 100px} #giftcard-template-top .giftcard-message {height: 100px} #giftcard-template-top .giftcard-from-to{margin-top: 22px} /*Popup up detail template 2*/ #giftcard-preview-template .giftcard-template-content-temp2 {height: 255px} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .title{width: 65%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value{width: 30%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-title{width: 45%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-code {width: 50% !important} #giftcard-preview-template .giftcard-template-content-temp2 {max-height: 400px} .hidden-giftcard-content-temp2 .giftcard-note{margin-top: 30px !important} #giftcard-preview-template .hidden-giftcard-content-temp2 .giftcard-note{margin-top: 0px !important} .hidden-giftcard-content-temp2{} } @media only screen and (max-width: 767px){ /*Change theme*/ .hidden-giftcard-template-top-1 .giftcard-template-content-top, .hidden-giftcard-content-temp2 .giftcard-change-image-temp2 { height: 100px !important; margin-bottom: 20px; } .hidden-giftcard-template-top-1 .title .logo-title {height: 50px !important} .hidden-giftcard-template-top-1 .title .giftcard-title{ font-size: 45px !important; margin-top: 20px; } .hidden-giftcard-template-top-1 .giftcard-date {margin-top: 40px !important} .hidden-giftcard-template-top-1 .giftcard-information-top{padding: 0px 10px 1px 30px !important} .hidden-giftcard-template-top-1 .giftcard-message {height: 80px !important} .hidden-giftcard-template-top-1 .giftcard-information {height: 100px !important} .hidden-giftcard-template-top-1 .giftcard-template-content-temp2{height: 365px !important} .hidden-giftcard-template-top-2 .giftcard-template-content-temp2 {padding: 0px !important} .hidden-giftcard-template-top-2 .giftcard-message{height: 75px !important; width: 95% !important} .hidden-giftcard-template-top-2 .giftcard-information {height: 100px !important; width: 90%;} .hidden-giftcard-template-top-2 .title .giftcard-title{font-size: 40px !important;margin-top: 20px;} .hidden-giftcard-template-top-2 .giftcard-value-550 {margin-top: 0px !important; margin-bottom: 10px;} .hidden-giftcard-template-top-2 .giftcard-value-550 .giftcard-style-color.giftcard-price-change{margin-top: 0px !important} .hidden-giftcard-template-top-2 .giftcard-note {margin-top: 10px} } @media only screen and (max-width: 700px){ #giftcard-template-top {width: 100% !important; margin-left: 0;} #giftcard-preview-template .giftcard-template-content-temp2{height: 390px;padding-bottom: 10px;} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value{display: none} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .title {width: 100%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .logo-title{width: 40%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-title{text-align: right} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-number {display: display} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-from-to{width: 100%} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-code{display: none} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-message, #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-information{ height: 135px; width: 100%; height:65px; margin-top: 15px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value-550 { display: block !important; float: left; clear: both; width: 100%; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value-550 .giftcard-text-color { float: left; margin-right: 20px !important; margin-top: 25px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-value-550 .giftcard-style-color.giftcard-price-change { text-align: left; font-size: 30px; color: orange; font-weight: bold; font-family: time new roman; margin-top: 10px; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-barcode{ float: left !important; width: 100%; text-align: left !important; clear: both; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-code-550 {display: block !important} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-code-550 .giftcard-text-color{float: left !important} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-barcode-value{float: left} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-title{font-size: 32px} .hidden-giftcard-content-temp2 .title {width: 100% !important} } @media only screen and (max-width: 630px){ #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content-top.giftcard-change-image-temp2.giftcard-change-image{height: 80px !important} } @media only screen and (max-width: 607px){ #giftcard-template-top .giftcard-template-content-temp2 { height: 365px !important; float: left; } #giftcard-template-top .title { width: 100% !important; font-size: 35px !important; } #giftcard-template-top .title .logo-title { backgound-size: 90% auto !important; } #giftcard-template-top .giftcard-value{display: none} #giftcard-template-top .giftcard-code {display: none} #giftcard-template-top .giftcard-barcode { clear: both; width: 100% !important; } #giftcard-template-top .giftcard-from-to { width: 100% !important } #giftcard-template-top .giftcard-information { width: 100% !important; height: 85px; margin-top: 10px !important; } #giftcard-template-top .giftcard-value-550 { display: block !important; width: 100% !important; float: left; } #giftcard-template-top .giftcard-value-550 .giftcard-text-color { float: left; margin-right: 30px; } #giftcard-template-top .giftcard-value-550 .giftcard-style-color.giftcard-price-change { font-size: 25px; color: orange; font-weight: bold; font-family: time new roman; margin-top: -9px; } #giftcard-template-top .giftcard-code-550 { display: block !important; float: left; width: 100%; } #giftcard-template-top .giftcard-number{ width: 100% !important; float: left!important; text-align: left !important; } #giftcard-template-top .giftcard-message { display: inherit !important; height: 85px; } #giftcard-template-top .giftcard-barcode-value{ float: left !important; } #giftcard-template-top .giftcard-note { text-align: left; clear: both; float: left; } #giftcard-template-top .giftcard-information-top { float: left; } #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{height: 80px} /*Preview popup tem2*/ #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-message, #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-information{ height: 70px; margin-bottom: -5px; } #giftcard-preview-template .giftcard-template-content-temp2{padding-bottom: 0px} #giftcard-preview-template .giftcard-template-content-temp2 {height: 380px !important} /*change theme*/ .hidden-giftcard-template-top-1 .giftcard-message { height: 55px !important; } .hidden-giftcard-template-top-2 .giftcard-value-550 .giftcard-text-color{ margin-bottom: 5px } .hidden-giftcard-template-top-2 .giftcard-value-550 .giftcard-style-color.giftcard-price-change{ margin-top: 0px !important } .hidden-giftcard-template-top-1 .giftcard-information { height: 80px !important } } @media only screen and (max-width: 550px){ #giftcard-template-top .giftcard-information { padding: 0 } .hidden-giftcard-template-top-2 .giftcard-information, .hidden-giftcard-template-top-2 .giftcard-code-550{ } } @media only screen and (max-width: 460px){ #giftcard-template-top .title .giftcard-title { font-size: 35px !important } #giftcard-template-top .title .logo-title{ width: 45% !important } /*Preview popup tem2*/ #giftcard-preview-template .giftcard-template-content-temp2{ padding-bottom: 45px !important } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top .logo-title{ width: 50%; } #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-style-color.giftcard-title{ font-size: 29px; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content-top.giftcard-change-image-temp2.giftcard-change-image{ height: 65px !important } .hidden-giftcard-template-top-1 .giftcard-template-content-top, .giftcard-change-image-temp2 { margin-bottom: 0px !important } .hidden-giftcard-template-top-1 .giftcard-from-to { margin-top: 15px !important } } @media (max-width:440px){ #giftcard-template-top .giftcard-information-top{ margin-top: 35px; } #giftcard-template-top .giftcard-value-550{ margin-top: 10px; } #giftcard-template-top .giftcard-to { clear: both; border-left: none; margin-left: 0; } } @media only screen and (max-width: 380px){ #giftcard-template-top .giftcard-information-top, #giftcard-template-top .giftcard-information { height: 70px } #giftcard-template-top .title { font-size: 27px !important; } #giftcard-template-top .title .giftcard-title { font-size: 27px !important } #giftcard-template-top .title .logo-title { margin-top: 0px } #giftcard-template-top .giftcard-code-550 { padding: 0 } #giftcard-template-top .giftcard-message{ height: 70px } #giftcard-template-top .giftcard-date { margin-top: 10px !important } #giftcard-template-top .giftcard-template-content-temp2{ height: 350px !important; } .hidden-giftcard-template-top-1 .giftcard-from-to { margin-top: 30px !important; } .hidden-giftcard-template-top-1 .giftcard-message { height: 45px !important; } .hidden-giftcard-template-top-2 .giftcard-information{ height: 80px !important; } .hidden-giftcard-template-top-2 .giftcard-message{ height: 50px !important; } .hidden-giftcard-template-top-1 .giftcard-information-top { padding: 0; } .hidden-giftcard-template-top-1 .giftcard-barcode-value img { float: left; } #giftcard-preview-template .hidden-giftcard-content-temp2 .title {padding: 0 !important} } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15-08-2014, 09:33:08 Author : MSI */ /*---Detail Template 3---*/ #giftcard-template-back .giftcard-template-content{display: none; height: 0px} #giftcard-template-back giftcard-change-image-background-popup .giftcard-style-color.giftcard-send-from{ padding-right: 5px; border-right: 1px solid; } #giftcard-template-back .logo-title .giftcard-logo { width: 45%; margin-top: 5px; background-size: 80% !important; float: left; height: 40px } #giftcard-template-back .logo-title { width: 90%; padding: 0px 5%; font-size: 40px; font-style: italic; color: orange; margin-top: 10px; text-align: center; float:left; box-sizing: content-box; } #giftcard-template-back .logo-title .giftcard-style-color.giftcard-title { width: 50%; float: right; font-family: time new roman; font-size: 30px; } #giftcard-template-back .from-to { width: 100%; height: 20px; font-size: 16px; float: left; paddig:0; box-sizing: content-box; margin-top: 5px; margin-bottom: 5px; } #giftcard-template-back .from-to .giftcard-form{ float: left; text-align: right; width: 48%; border-right: 1px solid; } #giftcard-template-back .from-to .giftcard-form .giftcard-text-color{ font-style: italic; font-family: time new roman; } #giftcard-template-back .from-to .giftcard-style-color.giftcard-send-to { color: orange; font-weight: bold; } #giftcard-template-back .from-to .giftcard-to { float: left; text-align: left; width:45%; } #giftcard-template-back .from-to .giftcard-to .giftcard-text-color { font-style: italic; font-family: time new roman; padding-left: 5px; } #giftcard-template-back .giftcard-change-image-background-popup .giftcard-style-color.giftcard-send-from{ padding-right: 5px; } #giftcard-template-back .from-to .giftcard-style-color{font-size: 13px;} #giftcard-template-back .from-to .giftcard-style-color.giftcard-send-to{ color: orange; font-weight: bold; } #giftcard-template-back .giftcard-box{ overflow: hidden; width: 600px; height: 100px; margin: 0 auto; margin-top: 10px; } #giftcard-template-back .giftcard-box .giftcard-text-box{ background: #fff; border-radius: 5px; border:1px solid #cccccc; padding: 0; padding-bottom: 16px; padding-top: 3px; display:table-cell; vertical-align: middle; } #giftcard-template-back .giftcard-box{ overflow: hidden; width: 600px; height: 100px; margin: 0 auto; margin-top: 10px; } #giftcard-template-back .giftcard-text-color.giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } #giftcard-template-back .giftcard-value-barcode .giftcard_value { width: 100%; float: left; height: auto; margin:0; } #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .price { font-size: 25px; width: 50%; color: orange; font-weight: bold; font-family: Time New Roman; clear: both; float: left; } #giftcard-template-back .giftcard-barcode{ width: 100%; float: left; position: absolute; margin-top: 20px; } #giftcard-template-back .giftcard-barcode .giftcard-style-color{ color: orange; font-weight: bold; font-size:15px; font-family: time new roman; } #giftcard-template-back .giftcard-barcode .giftcard-style-color{ font-size: 12px; line-height: 52px; color: orange; font-weight: bold; font-family: time new roman; } #giftcard-template-back .giftcard-note{ width: 90%; margin-top: 25px; padding: 0px 5%; float:left; box-sizing: content-box; overflow: hidden; background: #FFF; opacity: 0.7; text-align: center; vertical-align: middle; } #giftcard-template-back .giftcard-note .form-note{ width: 100%; margin: 0 auto; } #giftcard-template-back .giftcard-note .giftcard-text-color{ font-size: 12px; line-height: 15px; margin: 0; height:45px; } #giftcard-template-back .giftcard_value .giftcard-text-color { float: left; padding-right: 5%; width: auto; font-size: 12px; } #giftcard-template-back {width: 100% ;float: left; position: relative} #giftcard-template-back .giftcard-change-image-background-popup{ width: 100%; position: absolute; top: 0%; } #giftcard-template-back .giftcard-box .giftcard-text-box { display: inherit !important; background-size: 100% !important; width: 100% !important; height: 85px; } #giftcard-template-back .giftcard-box { width: 93% !important; height: 95px; padding: 5px 3%; margin-top: 0px !important; box-sizing: content-box; float: left; } #giftcard-template-back .giftcard-value-barcode { width: 100%; padding:0; float:left; box-sizing: content-box; } #giftcard-template-back .giftcard-value-color{ float: left; width: 20%; padding-left:10%; } #giftcard-template-back .giftcard-number{ float: right; text-align: right; width: 60%; padding-right: 5%; } #giftcard-template-back .giftcard_value .giftcard-style-color{ font-size: 12px; } #giftcard-template-back .giftcard-barcode span.barcode { width: 60%; float:right; padding-right: 25%; } /*****template 03 width devices*******/ .giftcard-change-image-background-popup img#img-type-background{ position: relative; top: 0; z-index: 10; left:0; } #giftcard-template-back img#img-type-background{width: 100%} #giftcard-preview-template img#img-type-background{width: 100%} #giftcard-preview-template #giftcard-template-back .giftcard-number{float: left !important; text-align: left !important;margin-top: 0px;} #giftcard-preview-template{top:100px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color{font-size: 14px} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-number .giftcard-text-color{ padding-left: 15%; padding-right: 10px; } /*Theme change*/ #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-text-color{font-size: 9px !important} #giftcard-template-back .hidden-content-background .logo-title .giftcard-logo{height: 0 !important;} #giftcard-template-back .hidden-content-background{ overflow:hidden; width: 655px; height: 400px; font-size: 14px; position: absolute; top: -2%; width: 100% !important; } #giftcard-template-back img#img-type-background{ } /****************/ #giftcard-template-back .hidden-giftcard-content-background .from-to{ width: 100%; } #giftcard-template-back .hidden-giftcard-content-background .from-to .giftcard-form{ width: 48%; overflow:hidden; } #giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode span.barcode{ } #giftcard-template-back .hidden-giftcard-content-background .giftcard-value-barcode{ margin-top: 10px; } #giftcard-template-back .hidden-giftcard-content-background .giftcard-note .giftcard-text-color{ font-size: 12px; } #giftcard-template-back .hidden-giftcard-content-background .logo-title{ /*height: 75px;*/ } #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-style-color{ margin-top: 0px !important; } #giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode .giftcard-style-color{ font-size: 14px; } /**********Preview************/ /*popup*/ /*---Detail Popup Template 3---*/ #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image { width: 100% !important; background-size: 100% !important; float:none !important; height:400px; position: absolute; top: 0%; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box { max-height: 70px !important; width: 90% !important; padding: 0px 5%; box-sizing: content-box; overflow: inherit !important; float: left; margin-bottom: 20px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box { float: left; background-size: 100% !important; width: 100% !important; border: 1px solid #ccc; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-text-box { background-size: 100% !important } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode { width: 100% !important; float:left; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode { } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode span img{ background-size: 100%; float:left; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-note { margin-top: 15px; background: #FFF; opacity: 0.7; float:left; width: 90%; padding:0 5%; box-sizing: content-box; } #giftcard-preview-template .giftcard-change-image-background-popup .logo-title { float: left; width: 100%; padding-top: 30px; margin-top:0px !important } #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo { margin-top:0px !important; float:left; width:40%; background-size: 50% !important; padding-left: 10%; height: 30px; } #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-title { float:right; width:50%; padding-right: 70px; text-align: right; } #giftcard-preview-template .giftcard-change-image-background-popup .from-to{ /*float:left; clear:both;*/ width: 100%; height:30px; font-style:italic; font-size: 18px; float: left; } #giftcard-preview-template .giftcard-change-image-background-popup .from-to label.giftcard-text-color{ font-family:time new roman; padding-right: 5px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-form{ width: 47%; float: left; text-align: right; border-right: 1px solid; margin-right: 5px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-to{ width: 46%; float: left; // padding-left: 19px; height: 20px; padding-bottom: 5px; text-align: left; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode span.barcode { float:right; padding-right:5%; margin-top: -30px; width: 62%; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode .giftcard_value{ padding-left: 10%; height:auto; width:100%; float:left; margin: 0; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-number{width: 70%; float: right; text-align: right} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color .price{font-size: 30px} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-value-color{float: left; width: 20%;} /*************/ #giftcard-preview-template .hidden-content-background .giftcard_value .giftcard-style-color{ margin-top: 0; } #giftcard-preview-template .hidden-content-background .logo-title .giftcard-title{ float: right; width: 40%; padding-right: 0px; text-align: left; margin-top: -5px; } #giftcard-preview-template .hidden-content-background .giftcard-form{ width: 48%; float: left; text-align: right; } #giftcard-preview-template .hidden-content-background .giftcard-text-color{ font-size: 15px !important; } #giftcard-preview-template .hidden-content-background .giftcard-value-color .giftcard-text-color{ line-height: 10px; } #giftcard-preview-template .hidden-content-background .giftcard-number .giftcard-text-color{float: left} #giftcard-preview-template .hidden-content-background .giftcard-text-color{ margin-top: 3px; padding-right: 5px; } #giftcard-preview-template .hidden-content-background .giftcard_value .giftcard-style-color{} #giftcard-preview-template .hidden-content-background .giftcard-logo{margin-top:35px;} #giftcard-preview-template .hidden-content-background .giftcard-box{overflow: hidden;} #giftcard-preview-template .hidden-content-background .giftcard-barcode{width: 100% !important;} #giftcard-preview-template .hidden-content-background .giftcard-barcode span.barcode{margin-top: -24px; width: 55%;} #giftcard-preview-template .hidden-content-background .giftcard-to{width:48%;} #giftcard-preview-template .hidden-content-background .giftcard-box .giftcard-text-box{height: 70px;} /**************/ #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color { font-size: 11px !important; } #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-style-color .price{font-size: 25px;} #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-style-color{font-size: 10px !important} #giftcard-template-back .hidden-content-background .giftcard-value-barcode .giftcard-style-color.giftcard-price-change{font-size: 14px !important;} #giftcard-template-back .hidden-content-background .giftcard-barcode span.barcode{ width: 35% !important; } /*#giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode span.barcode{width: 55% !important}*/ #giftcard-template-back .hidden-content-background .giftcard-barcode span.barcode img{ float:right; max-width: 100% !important; } #giftcard-template-back .giftcard-barcode span.barcode img{float: left; max-width: 80%} #giftcard-template-back .hidden-content-background .giftcard-box{height:50px;} #giftcard-template-back .hidden-content-background .from-to{width:100%; font-size:9px;} #giftcard-template-back .hidden-content-background .from-to .giftcard-form{ overflow:hidden; padding-right: 5px; width: 48%; text-align: right; } #giftcard-template-back .hidden-content-background .from-to .giftcard-to{ overflow:hidden; padding-left: 5px; width: 47%; } #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{height:34px !important} /******************/ @media only screen and (max-width: 1230px){ #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color{height: 39px; line-height: 13px;} } @media only screen and (max-width: 1180px){ #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .price{font-size: 20px !important} #giftcard-template-back .giftcard-note{margin-top: 9px;} #giftcard-template-back .logo-title .giftcard-style-color.giftcard-title{font-size: 25px} /*********/ #giftcard-template-back .hidden-content-background .giftcard-note {margin-top: 15px;} #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{height: 35px !important;} #giftcard-template-back .hidden-content-background .giftcard-box{height: 38px;} #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color{height: 25px} } @media (max-width:1099px){ #giftcard-template-back .hidden-content-background{ height:360px; } } @media only screen and (max-width: 1050px){ #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 15px; } #giftcard-template-back .giftcard-box{height: 45px} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box {height: 45px;} #giftcard-template-back .hidden-content-background .giftcard-text-color{ line-height: 13px; } #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{ height:10px; } #giftcard-template-back .hidden-content-background .giftcard-box{height: 35px;} #giftcard-template-back .hidden-content-background .from-to{font-size: 12px;} } @media only screen and (max-width: 979px){ #giftcard-template-back .from-to{ } #giftcard-template-back .from-to .giftcard-form {width: 48%;} #giftcard-template-back .giftcard-number { width: 65%; } #giftcard-template-back .giftcard-barcode { float: left !important; } #giftcard-template-back .giftcard-barcode span { } #giftcard-template-back .giftcard-barcode span { } #giftcard-template-back .giftcard-style-color.giftcard-title{ font-size: 35px } #giftcard-template-back .from-to{ font-size:12px; } #giftcard-template-back .hidden-content-background .giftcard-barcode span.barcode{ padding-right: 30%; } #giftcard-template-back .hidden-content-background{ height:320px; } #giftcard-template-back .hidden-content-background .logo-title{ margin-top: 0px; } #giftcard-template-back .hidden-content-background .giftcard-value-barcode{ } #giftcard-template-back .hidden-content-background .giftcard-note{ margin-top: 15px; } #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-style-color{ font-size:8px !important; } #giftcard-template-back .hidden-content-background .from-to{ font-size:10px; } #giftcard-template-back .hidden-content-background .giftcard-number{padding-right: 0px !important; float: left; text-align: left} #giftcard-template-back .hidden-content-background .from-to .giftcard-form{width: 47%} #giftcard-template-back .hidden-content-background .giftcard-value-barcode{ margin-top: 0px !important; } #giftcard-template-back .hidden-content-background .from-to{margin-top: 0px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note .giftcard-text-color{font-size: 10px} #giftcard-template-back .hidden-content-background .from-to .giftcard-form{ width:48%; height: 20px; line-height: 20px; overflow: hidden; } #giftcard-template-back .hidden-giftcard-content-background{top: 2% !important; width: 100%;} #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{ height: 30px !important; } #giftcard-template-back .hidden-content-background .giftcard-style-color.giftcard-title{font-size:18px;} #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color{font-size:9px;} #giftcard-template-back .hidden-content-background .giftcard-barcode .giftcard-style-color{font-size:11px;} #giftcard-template-back .hidden-content-background .from-to{font-size:9px !important} } @media only screen and (max-width: 900px){ #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 13px; font-size: 11px; height: 27px; } #giftcard-template-back .logo-title{ margin-top: 0px; } /*********/ #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-style-color{font-size: 7px !important;} #giftcard-template-back .hidden-content-background .giftcard-note{margin-top: 10px} #giftcard-template-back .hidden-content-background .giftcard-box{padding: 0 5% !important;} #giftcard-template-back .hidden-content-background .from-to{ font-size:10px; } #giftcard-template-back .hidden-content-background .giftcard-value-barcode .giftcard-style-color.giftcard-price-change{ font-size:13px; } #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-style-color.giftcard-title{ //font-size:25px } } @media only screen and (max-width: 809px){ #giftcard-template-back .hidden-content-background .giftcard-change-image-background-popup{top: 0%;} #giftcard-template-back .from-to{ margin-bottom: 0; margin-top: 0; } #giftcard-template-back .giftcard-box{height: 35px;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box {height:35px; } #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo { background-size: 65% !important; width: 40%; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image { background-size: 100% 105% !important; } } @media only screen and (max-width: 770px){ #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 85px } #giftcard-template-back .hidden-content-background .giftcard-box{height: 25px !important;} #giftcard-template-back .giftcard-change-image-background-popup{width: 100%;} #giftcard-preview-template .hidden-giftcard-content-background .giftcard-barcode span.barcode{margin-top: -11px !important; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode span.barcode{ float: right; width: 55%; margin-top: -25px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color .price{font-size: 20px;} #giftcard-template-back img#img-type-background{width: 100%} #giftcard-template-back .giftcard-note{margin-top: 40px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode .giftcard_value{margin-top: 5px;} #giftcard-template-back .from-to{ } #giftcard-template-back .giftcard-box { height: 100px; margin-bottom: 10px; } #giftcard-template-back .hidden-giftcard-content-background .giftcard-box .giftcard-text-box{ height: 10px !important; } #giftcard-template-back .giftcard-barcode span.barcode{ padding-right:0px; } #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .price{ font-size: 24px; } #giftcard-template-back .giftcard-style-color.giftcard-title{ font-size: 40px; } #giftcard-template-back .giftcard-logo{ background-size:70% 50px; } #giftcard-template-back .from-to{ font-size:16px; } #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo{padding-left: 0} #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-title{ padding-right: 0 !important; float: left !important; text-align: left !important; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 60px;} /******/ #giftcard-template-back .hidden-content-background .from-to{ font-size:14px; } #giftcard-template-back .hidden-content-background img#img-type-background{width: 50% !important} #giftcard-template-back .giftcard-change-image-background-popup{top:8%;} #giftcard-template-back .from-to .giftcard-text-color{font-size: 15px !important;} #giftcard-template-back .giftcard_value .giftcard-text-color{font-size: 15px !important;} #giftcard-template-back .hidden-content-background .logo-title .giftcard-style-color.giftcard-title{font-size: 20px;} #giftcard-template-back .hidden-content-background .logo-title .giftcard-logo{height: 0px; margin-top: 0;} #giftcard-template-back .hidden-content-background .from-to{font-size: 10px;} #giftcard-template-back .hidden-content-background .giftcard_value .giftcard-text-color{font-size: 10px} #giftcard-template-back .hidden-content-background .giftcard-box{height: 25px; margin-bottom: 0} #giftcard-template-back .hidden-content-background .giftcard-value-barcode{margin-top: 0;} #giftcard-template-back .hidden-content-background .giftcard-barcode span.barcode img{max-height: 60%;} #giftcard-template-back .hidden-content-background .giftcard-value-barcode .giftcard-style-color.giftcard-price-change{font-size: 15px !important} #giftcard-template-back .hidden-content-background {width: 100% !important;} #giftcard-template-back .hidden-content-background .giftcard-value-color{padding-left: 5%; } #giftcard-template-back .hidden-content-background .giftcard-number{width: 70%;} #giftcard-template-back .giftcard_value .giftcard-style-color{font-size: 15px !important} #giftcard-template-back .hidden-content-background{top:4%;} #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 15px; font-size: 13px; height: 45px; } } @media only screen and (max-width: 767px){ #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 15px; font-size: 12px; height: 45px; } #giftcard-template-back .giftcard-note{margin-top: 35px} #giftcard-template-back .giftcard_value .giftcard-style-color{font-size: 15px !important;} #giftcard-template-back .giftcard_value .price{font-size: 20px;} #giftcard-template-back .from-to{margin-bottom: 10px} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box{height: 90px} #giftcard-template-back .logo-title .giftcard-style-color.giftcard-title{font-size: 30px;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 90px;} #giftcard-template-back .hidden-giftcard-content-background{width: 100% !important;} #giftcard-template-back .giftcard-change-image-background-popup{width: 100%;} #giftcard-template-back .hidden-content-background .logo-title .giftcard-logo{background-size: 70% !important;} #giftcard-template-back .hidden-content-background .logo-title{margin-top:20px;} #giftcard-template-back .hidden-content-background .from-to{font-size: 16px;} #giftcard-template-back .hidden-content-background .from-to .giftcard-form{width: 48%;} #giftcard-template-back .hidden-content-background .giftcard-box{height: 90px;} #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{height: 45px !important;} #giftcard-template-back .hidden-content-background .giftcard-barcode span.barcode{padding-left: 20%;} #giftcard-template-back .hidden-content-background .giftcard-value-barcode{margin-top: 10px;} #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color{font-size: 12px;} #giftcard-template-back .hidden-content-background{height:400px;} #giftcard-template-back .hidden-content-background .giftcard-style-color.giftcard-title{font-size: 40px;} #giftcard-template-back .hidden-content-background .giftcard-style-color.giftcard-title{ font-size: 40px; } #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-logo{height: 30px} #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-style-color.giftcard-title{ height: 30px; font-size: 35px; margin-top: 15px; } #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-text-color{font-size: 13px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-price-change{font-size: 30px; line-height: 30px;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode span.barcode{width: 55% !important;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode span.barcode img{float: left; width: 55%} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note .giftcard-text-color{height: 45px; font-size: 13px;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 40px !important} #giftcard-template-back .hidden-giftcard-content-background .from-to .giftcard-form{padding-right: 5px; text-align: right} #giftcard-template-back .hidden-giftcard-content-background .from-to .giftcard-to .giftcard-text-color{padding-left: 5px} #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-style-color{font-size: 13px} #giftcard-template-back .hidden-giftcard-content-background .giftcard-box .giftcard-text-box{height: 60px !important} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color{font-size: 12px;} } @media only screen and (max-width: 700px){ #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box { max-height: 85px !important; margin-top: 0; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{ background-size: 100% 110% !important; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode span.barcode img{ float:left; width:auto !important; max-width: 60%; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-note { margin-top: 10px !important; float:left; background:#fff; opacity: 0.7;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode { margin-top:0px}// edit by Sally #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode img{width:130px !important; height:40px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode .giftcard-style-color{font-size:13px;} #giftcard-preview-template .giftcard-change-image-background-popup .from-to{font-size: 13px} #giftcard-preview-template .giftcard-change-image-background-popup .logo-title{padding-top: 0px;} } @media only screen and (max-width: 650px){ #giftcard-template-back .giftcard-box{ height: 85px; } #giftcard-template-back .giftcard-box .giftcard-text-box{ height: 73px } #giftcard-template-back .from-to{ } #giftcard-template-back .hidden-content-background .giftcard-box{height: 60px !important;} #giftcard-template-back .hidden-content-background .giftcard-box .giftcard-text-box{height: 40px !important;} } @media only screen and (max-width: 640px){ #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 12px !important; font-size: 11px !important; height: 25px !important; } } @media only screen and (max-width: 630px){ #giftcard-template-back .giftcard-note .giftcard-text-color{ line-height: 12px !important; font-size: 11px !important; height: 25px !important; } #giftcard-template-back .giftcard-barcode span.barcode img{max-width: 55%} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box{height: 35px !important;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 50px !important} #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo{backgound-size: 80%;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height:45px !important;} #giftcard-template-back .giftcard_value .giftcard-text-color, #giftcard-template-back .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color{font-size: 12px !important;} } @media only screen and (max-width: 607px){ #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode {background-size: 100% !important} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-style-color.giftcard-title {font-size: 30px !important; margin-top:5px; padding-right:12%;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode{padding:0 0 0 10%;} #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo{background-size: 80% !important;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 30px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-box .giftcard-text-box{ height: 25px !important; } #giftcard-template-back .hidden-giftcard-content-background .giftcard-box{height: 50px !important} #giftcard-template-back hidden-giftcard-content-background .giftcard-barcode span.barcode img{max-width: 70%} } @media (max-width:580px){ #giftcard-preview-template{display:none;} .overlay_dialog{display: none;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-style-color.giftcard-title{font-size:27px !important } } @media only screen and (max-width: 550px){ #giftcard-template-back .giftcard-note{margin-top: 25px !important;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box{height: 40px !important;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 40px!important} #giftcard-template-back .from-to .giftcard-text-color{font-size: 11px !important} #giftcard-template-back .giftcard-style-color.giftcard-title{ font-size: 30px !important } #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .price{ font-size:20px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-style-color.giftcard-title {font-size: 27px !important} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode{margin-top: 30px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-text-color{font-size:12px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode{padding-left: 2%;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-form{ padding-left:10%;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 20px !important} #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-style-color.giftcard-title{font-size: 30px !important} #giftcard-template-back .hidden-giftcard-content-background .from-to .giftcard-text-color{font-size: 11px !important;} #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-style-color{font-size: 11px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-value-barcode{margin-top: 0;} } @media only screen and (max-width: 460px){ #giftcard-template-back .giftcard-change-image-background-popup{top:0%;} #giftcard-template-back .giftcard-box .giftcard-text-box{ height: 70px } #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .giftcard-price-change{ font-size:20px; } #giftcard-template-back .giftcard-send-from{ font-size: 12px; } #giftcard-template-back .giftcard-send-to{ font-size: 12px; } #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box {height: 60px} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image {background-size: 100% 100%} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode {padding: 0px 0px 0px 30px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box{max-height: 85px} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image .giftcard-logo{margin-top:-5px !important;} #giftcard-preview-template .giftcard-change-image-background-popup .logo-title .giftcard-logo #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height:45px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode{margin-top:-13px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box{padding:0px 35px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-text-color{font-size:11px !important;} } @media (max-width:480px){ #giftcard-preview-template .giftcard-change-image-background-popup .from-to{padding:0px} #giftcard-template-back .hidden-content-background .giftcard-note .giftcard-text-color{font-size: 9px;} #giftcard-template-back .hidden-giftcard-content-background .logo-title{margin-top: 0px} #giftcard-template-back .hidden-giftcard-content-background .from-to{font-size: 14px;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-barcode span.barcode{padding-left: 0;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-send-from{font-size: 11px;} #giftcard-preview-template .hidden-content-background .giftcard-value-barcode { margin-top:0px} #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-style-color.giftcard-title{ height: 25px; margin-top: 12px; } #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-logo{ height: 25px; } #giftcard-template-back .hidden-giftcard-content-background .from-to{ font-size: 10px; } } @media only screen and (max-width: 420px){ #giftcard-template-back .giftcard_value .giftcard-text-color, #giftcard-template-back .giftcard_value .giftcard-style-color{font-size: 10px !important;} #giftcard-template-back .from-to{height: 12px;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box {height: 15px !important;} #giftcard-template-back .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height: 15px !important} #giftcard-template-back .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color{font-size: 9px !important;} #giftcard-template-back .from-to .giftcard-style-color{font-size: 11px;} #giftcard-template-back .giftcard-style-color.giftcard-title{font-size: 25px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-box{height: 30px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-box .giftcard-text-box{height: 15px !important} #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-style-color.giftcard-title{font-size: 25px !important} #giftcard-template-back .hidden-giftcard-content-background .from-to{margin-top: 0px} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 15px !important} #giftcard-template-back .hidden-giftcard-content-background .logo-title .giftcard-logo{height: 10px} } @media only screen and (max-width: 380px){ #giftcard-template-back .giftcard-barcode span{ font-size: 11px !important } #giftcard-template-back .giftcard-style-color.giftcard-title { font-size: 30px !important; margin-top: 5px !important } #giftcard-template-back .giftcard-value-barcode{ padding:0px 5px; padding-left:5px; } #giftcard-template-back .giftcard-value-barcode .giftcard-style-color .price{ font-size:18px; } #giftcard-template-back .giftcard-number .giftcard-text-color{ font-size:12px; } #giftcard-template-back .hidden-content-background .giftcard-style-color.giftcard-title{margin-top: 5px !important;} #giftcard-template-back .hidden-content-background .from-to{margin-left: 10%;font-size: 14px;} #giftcard-template-back .hidden-content-background .from-to .giftcard-form{width: 45%;} #giftcard-template-back .hidden-content-background{height: 350px } #giftcard-template-back .hidden-giftcard-content-background{height:350px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-box .giftcard-text-box{height:45px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode .giftcard_value{margin-top:33px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard_value .giftcard-style-color{font-size: 15px;margin-top: -4px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-value-barcode{padding-left:2px;} #giftcard-preview-template .giftcard-change-image-background-popup .giftcard-barcode .giftcard-style-color{font-size:11px;} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 0} } @media only screen and (max-width: 350px){ #giftcard-template-back .hidden-giftcard-content-background .giftcard_value .giftcard-style-color{font-size: 9px !important} #giftcard-template-back .giftcard-note{margin-top: 0px !important} #giftcard-template-back .hidden-giftcard-content-background .giftcard-note{margin-top: 0px !important} } .giftcard-product-media{float:Left;width: 100%;} #giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;} /****************************Template 01 _ left*************************************/ .giftvoucher-product-info{overflow: hidden} #giftcard-template-left{ overflow:hidden; width: 655px; font-size: 14px; float:left; background-size: 100% 100%; } #giftcard-preview-template .giftcard_value-color .giftcard-text-color{ padding-right: 10px; margin-top: 15px; } /*#giftcard-preview-template-content {float: left;overflow: hidden;}*/ .dialog.giftcard-preview-template-dialog .dialog_e{background:none;} .giftcard-template-content-left,.giftcard-change-image{ width: 275px; height: auto; display:block; float: left; background-position: center; background-repeat: no-repeat; background-size: 275px 400px; } .giftcard-logo{ width: 100%; padding-top: 7px; padding-bottom: 8px; } .logo1 { width: 100%; height: 50px; margin-top: -7px;} .giftcard-template-content{ width: 340px; height: auto; padding: 5px 20px; margin-left: 275px; background-color:#FFFFFF; background-position: center; background-repeat: no-repeat; background-size: 380px 400px; } #giftcard-template-left .giftcard-title{ width: 340px; height: 60px; font-size: 35px; line-height: 35px; font-style: italic; color: orange; font-family: time new roman; } .giftcard-from-to{width: 340px;font-size: 95%;} .giftcard-from{ margin-right: 15px; overflow: hidden; display: table-cell; float: left; } .giftcard-from-to .giftcard-text-color{font-style: italic; font-family: time new roman;} .giftcard-from-to .giftcard-style-color{color: orange; font-size:14px} .giftcard-to{max-height: 25px;} .giftcard-box{overflow: hidden;margin-top: 10px;} .giftcard-box .giftcard-text-box{ padding: 0 6px; height: 85px; display:table-cell; vertical-align: middle; background:#fff; border: 1px solid #ececece; border-radius: 5px; } .giftcard_value{width: 340px;height: 25px; margin-top: 8px;} .giftcard_value .giftcard-text-color{ float: left; padding-right: 10px; } #giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{ padding-right: 10px; margin-top: 10px; } .giftcard_value .giftcard-style-color{ float: left; font-size: 20px; color: orange; font-weight: bold; font-family: time new roman; } .giftcard-code{/*width: 50%;*/height: 70px;} .giftcard-number{ width: 100%; float: right; text-align: right; } .giftcard-number .giftcard-style-color{ color: orange; font-weight: bold; font-family: time new roman; } .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } .giftcard-barcode{ width: 100%; float: right; text-align: right; } .giftcard-barcode .giftcard-style-color{ line-height: 50px; font-size: 15px; color: orange; font-weight: bold; font-family: time new roman; } .giftcard-text{ width: 340px; overflow: hidden; vertical-align: bottom; } .giftcard-text .giftcard-text-color{ font-size: 11px; line-height: 16px; margin: 0; height:45px; } #giftcard-template-show-images .gift-active{overflow:hidden} #giftcard-template-show-images .gift-active img{ display:inline;} /******************Detail giftcard by Crystal****************/ #giftcard-template-left .giftcard-template-content .giftcard-box .giftcard-text-box{ display: block !important; background: #fff; border-radius: 5px; border:1px solid #cccccc; height: 125px !important; } #giftcard-template-left .giftcard-template-content { background-position: 0!important; background-size: 100% !important; width: 48% !important; display: block !important; margin-left: 0 !important; float: right; height: auto; background-repeat: repeat !important; padding: 0 0 10px 2% !important; box-sizing: content-box; } #giftcard-template-left .giftcard-template-content div{height: auto !important;} #giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;} #giftcard-template-left .giftcard-logo { width: 100% !important; margin-top: 0; position: absolute; z-index: 11; top:60%; text-align: center; background: #fff; } #giftcard-template-left .giftcard-text-color {font-size: 11px !important} #giftcard-template-left .giftcard-style-color.giftcard-price-change {width: 0px !important; font-size: 20px; margin-top: -10px} #giftcard-template-left{width: 100% !important} #giftcard-template-left .giftcard-change-image { width: 50% !important; background-position:inherit !important; background-size: 100% 100% !important; height: auto; padding-bottom: 0; position: relative; } .giftcard-change-image img{ max-width: 100%; display: inline; } .giftcard-change-image img#img-type-left{ position: relative; top: 0; z-index: 10; left:0; } .giftcard-template-content-left .giftcard-logo{ background: #fff; position: absolute; top: 60%; z-index: 14; } /*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/ #giftcard-template-left .giftcard-template-content div.giftcard-style-color, #giftcard-template-left .giftcard-template-content div.giftcard-from-to, #giftcard-template-left .giftcard-template-content div.giftcard-box, #giftcard-template-left .giftcard-template-content div.giftcard_value, #giftcard-template-left .giftcard-template-content div.giftcard-code, #giftcard-template-left .giftcard-template-content div.giftcard-text{width: 100% !important; float: left;} #giftcard-template-left .giftcard-template-content .giftcard_value{margin-top: 10px;} #giftcard-template-left .giftcard-template-content .giftcard-box {width: 100% !important} #giftcard-template-left .giftcard-number{float: left !important;text-align: left !important;} #giftcard-template-left .giftcard-number span {font-size: 12px !important;} #giftcard-template-left .giftcard-barcode {width:70% !important; float: left} #giftcard-template-left .giftcard-barcode img {width: 100% !important} #giftcard-template-left .giftcard-to{width: 100% !important;float: left;clear: both;margin-left: 0px;} #giftcard-template-show-images {padding-top: 10px !important;} /*Change theme*/ #giftcard-template-left .hidden-content .giftcard-box .giftcard-text-box { height: 30px !important } #giftcard-template-left .hidden-content .giftcard-title{ font-size: 25px; } #giftcard-template-left .hidden-change-image{ height: 302px; } #giftcard-template-left .hidden-content .giftcard-price-change{ margin-top: 0px !important; } #giftcard-template-left .hidden-content .giftcard-price-change .price{ font-size:20px; position: absolute; line-height: 15px; } #giftcard-template-left .hidden-content .giftcard-from{ /*margin-top: 10px;*/ } #giftcard-template-left .hidden-content-left{ height: auto; } /**Popup**/ #giftcard-preview-template .hidden-content .giftcard-box .giftcard-text-box { width: 98% !important; height: 80px; } #giftcard-preview-template .hidden-content .giftcard-box{ overflow: visible; width: 95% !important; } #giftcard-preview-template .hidden-content .giftcard_value .price{ font-size: 30px; } #giftcard-template-left .hidden-content{height: auto} /**********add giftcard by Sally************/ #addredeem-giftvoucher-code .buttons-set {margin-bottom: 10px;} #addredeem-giftvoucher-code .buttons-set p.required{float:right; width: 40%} #addredeem-giftvoucher-code .input-box{padding-top:5px !important;} #addredeem-giftvoucher-code .button-add-list{float:left; width:55%;} #addredeem-giftvoucher-code .buttons-set button.button{float:left !important;} #addredeem-giftvoucher-code .buttons-set button.button:hover {background: #2e8ab8} #gift-voucher-code{width:55% !important;} /***************checkout cart by Sally***************/ .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} /*************shopping cart by Sally*************/ .discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: 0px;margin-left: 0px;} .giftvoucher-discount-code img{display:inline} /************my account by Sally***********/ .data-table .giftvoucher-grid-detail .input-text{width:160px;} .data-table .giftvoucher-grid-title-hidden{display:none;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{width:inherit !important; height:inherit !important; padding-top:9px; float: left} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; padding-top:9px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:65px !important; } .data-table .balance .left{color:#3091C2!important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:5px !important; margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-to{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-from{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-from{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-to{margin-top:0px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:17px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price .label{padding-top:11px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:13px;} .data-table .pager{padding-top:10px;} .balance .view-detail{margin-bottom:10px;margin-top:10px; background:none; padding-left:0px !important;} .balance .view-detail.button:hover{background:none;} .amount .addredeem{float:right; margin-top:31px; padding:7px 17px;} /***********View giftcard*************/ #giftcard_history_table .item-hidden{display:none;} .giftvoucher-index-view .custom-field{float:left; width: 45% !important} .giftvoucher-index-email .custom-field{float:left;} .giftvoucher-index-view .form-list li{width:100%; float: left;} .giftvoucher-index-email .form-list li{width:100%; float: left;} /******History balance*******/ .customer-account-giftcard .sub-title {font-size:24px !important; text-transform:uppercase; border-bottom:1px solid silver;margin-bottom:15px;font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;} #history_grid .giftvoucher-grid-search{width:100%;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item{width:100% !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-from{margin-top:0px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-to{margin-top:0px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item #history_grid-giftcard_code{width:50%} /*---Detail Popup Template 1---*/ .dialog.giftcard-preview-template-dialog {left: 50% !important; width: 660px !important; margin-left: -330px;} #giftcard-preview-template { position: absolute; left: 50%;margin-left: -330px;} #giftcard-preview-template .giftcard_value .giftcard-style-color {margin-top: 0px} #giftcard-preview-template .giftcard-style-color.giftcard-title {font-size: 35px; font-family: time new roman; font-style: italic;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image { background-size: 100% !important; width: 50% !important } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content { height: 400px !important; width: 46% !important; margin-left:0px !important; float:right; box-sizing: content-box; padding:0 2% 0 2%; } /*#giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div {width: 100% !important}*/ #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div.giftcard-text { margin-top: 30px; width: 100%; } #giftcard-preview-template .hidden-content div.giftcard-code { width: 100%; } #giftcard-preview-template .giftcard-template-content .giftcard-box {width: 100% !important} #giftcard-preview-template .giftcard-template-content .giftcard-box .giftcard-text-box {display: inherit !important; background-size: 100% 100%!important; width: 100% !important;border: 1px solid #cecece;} #giftcard-preview-template .giftcard-text-color {font-size: 13px !important; max-height: 90px;line-height: 15px} #giftcard-preview-template .giftcard-barcode, #giftcard-preview-template .giftcard-number{float: left !important; text-align: left !important;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .giftcard-from {float:left;width:100%;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .giftcard-from .giftcard-style-color{margin-right:10px} .dialog.giftcard-preview-template-dialog .dialog_w{background: none;} /*---End Detail Popup Template 1---*/ /***********End Detail Popup Template 3*************/ /******************Send email***************/ .giftvoucher-product-info .giftcard-send-friend { float: left; clear: both; width: 190px !important; padding-bottom: 10px; } .giftvoucher-product-info .giftcard-date-box img {float: right; margin-top: 8px;margin-right: 40px;display: block;} .giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;width: 140px !important;} #giftcard-preview-button-add span {padding-left: 0 !important} .giftcard-date-box button span{padding-left: 0 !important} .add-to-box {clear: both} .giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%} .giftvoucher-product-info #giftcard-template-show-images {width: 100% !important;} .giftvoucher-product-info .validation-advice{float: left; clear: both;} .recipient_email, .message, .recipient_ship_form {float:left; clear:both;} /******************End***********************/ /***************checkout cart by Sally***************/ .fieldset .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} .fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .fieldset #giftvoucher_container{float:left;width: 100% !important;} .fieldset .sp-methods{float:left; clear:both; width: 100% !important;} .credit_input img {display:inline;} .credit_input .input-text{width:68px !important;} #giftvoucher_container dt label{display:initial !important;} .notice-msg li{font-weight:700;} .giftvoucher-index-index .pager{margin-top:7px;} /*************shopping cart by Sally*************/ .discount-form.giftvoucher #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;} .discount-form .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px; float:left} .giftvoucher-discount-code img{display:inline;} dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{float:left; clear:both; width: 100% !important} .giftcard-code-hidden{display:none;} @media (max-width:1199px){ /**********add giftcard************/ #gift-voucher-code{width:65% !important;} } @media (max-width:1099px){ #history_grid .giftvoucher-grid-search-item{width:280px !important;} #history_grid #giftvoucher_grid-gift_code{width:170px !important; margin-left:70px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px;width:170px !important; } #history_grid .giftvoucher-grid-title{display:none;} #history_grid .giftvoucher-grid-title-hidden{display:block;} #history_grid th {float:left;display:block !important; text-align:left; /* width:100%; */border:none; background:none !important;} #history_grid th .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; text-transform:initial; font-weight:bold;} #history_grid th .giftvoucher-grid-detail{ margin-left:270px; display:block; /* width:100%; */ text-align:left;} #history_grid td{display:block; float:left; border-bottom:none; /* width:100%; */} #history_grid td .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; font-weight:bold;} #history_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */} #history_grid .giftvoucher-grid-search{border-bottom:1px solid #AAA2A2;} #history_grid tr{border-bottom:1px solid #AAA2A2;} .from-price{float:left; } .to-price{float:left; } .from-date{float:left;} .to-date{float:right;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; text-align:right; padding-right:3px;} #history_grid .pager-header{display:none !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price input.range-text{margin-left:20px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width: 170px !important; margin-left: 70px;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{padding-top:0px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{padding-top:0px !important;} /* ********************* */ } @media only screen and (max-width: 1050px){ /******************details giftcard by Crystal***********************/ #giftcard-template-left .giftcard_value {margin-top: -30px;} } @media only screen and (max-width: 979px){ /******************Details giftcard by Crystals**************************/ #giftcard-template-left {width: 100% !important; overflow: hidden !important;height:auto;} #giftcard-template-left .giftcard-template-content { width: 48% !important; background-size: 100% !important; height: auto; box-sizing: content-box; padding:0 0 0 2%; } #giftcard-template-left .giftcard-template-content .giftcard-box .giftcard-text-box { height: 75px !important; background-size: 100% 100% !important; display: block !important; } #giftcard-template-left .giftcard-template-content .giftcard-box { width: 100% !important; height: 85px !important; } #giftcard-template-left .hidden-content .giftcard-box .giftcard-text-box { height: 35px !important; } #giftcard-template-left .hidden-content .giftcard-box { height: 38px !important; } #giftcard-template-left .giftcard-change-image { backgorund-size: 100% !important; width: 50% !important; } #giftcard-template-left .giftcard-number {float: left !important} #giftcard-template-left .giftcard_value {margin-top: 40px;} #giftcard-template-left .giftcard_value{margin-top: 15px;} /**********add giftcard by Sally************/ #gift-voucher-code{width:90% !important;} #giftcard-template-left .giftcard-template-content .hidden-giftcard { height: 65px !important; } #giftcard-template-left .hidden-content {height: auto} } @media (max-width:990px){ /************my account***********/ .giftvoucher-grid-search-item{width:280px !important;} #giftvoucher_grid-gift_code{ width:170px !important; margin-left:70px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px; } .giftvoucher-grid-title{display:none;} .giftvoucher-grid-title-hidden{display:block;} #giftvoucher_grid th { float:left; display:block !important; text-align:left; /* width:100%; */ border:none; background:none !important; } #giftvoucher_grid th .giftvoucher-grid-title-hidden{ float:left; display:block; text-align:left; text-transform:initial; font-weight:bold; } #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */ text-align:left; } #giftvoucher_grid td{ display:block; float:left; border-bottom:none; width:100%; } #giftvoucher_grid td .giftvoucher-grid-title-hidden{ float:left; display:block; text-align:left; font-weight:bold; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */ } .giftvoucher-grid-search{ border-bottom:1px solid #AAA2A2; } #giftvoucher_grid tr{border-bottom:1px solid #AAA2A2;} .from-price{float:left;} .to-price{float:left;} .from-date{float:left;} .to-date{float:right;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{ width:50px !important; text-align:right; padding-right:3px; } .pager-header{display:none !important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price input.range-text{margin-left:20px;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;} .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;} /*view giftcard*/ #giftcard_history_table .item-hidden{ display:block !important; float:left; font-weight:700; font-size:16px; } #giftcard_history_table thead{display:none;} #giftcard_history_table .item-detail{text-align: left; display: block; padding-left: 165px; font-size:16px; } #giftcard_history_table td{ float:left; width:100%; border-bottom: none; } #giftcard_history_table tr{ border-bottom:1px solid #AAA2A2; } .giftvoucher-index-view h2{ font-size:18px; } .giftvoucher-index-view .form-list{ border-bottom:1px solid #ececec; float:left; margin-bottom:15px; } .giftvoucher-index-view .form-list .field{ margin-bottom:20px !important; /* display: block; */ } .giftvoucher-index-view .form-list li{ width:100%; float: left; } .giftvoucher-index-view .box-account.box-info { margin-bottom: 15px; } .fields .custom-field-right{width:55% !important;} /**********check giftcard************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:95% !important;} /**********check giftcard************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:95% !important;} } @media (max-width:880px){ /************my account***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:230px !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:230px !important; } .data-table th .giftvoucher-grid-detail{ margin-left:230px !important; } .data-table td .giftvoucher-grid-detail{ margin-left:230px !important; } #history_grid td{width:100% !important; } /**********add giftcard************/ #gift-voucher-code{width:100% !important;} } @media only screen and (max-width: 809px){ #giftcard-template-left .giftcard-change-image{ /*height: 370px;*/ padding:0; } #giftcard-template-left .giftcard-title{ font-size: 35px; } #giftcard-template-left .giftcard-style-color.giftcard-price-change{ font-size: 20px; } } @media only screen and (max-width: 770px){ /**************details giftcard and popup by Crystal*****************/ #giftcard-template-left {width: 100% !important; overflow: hidden !important;} #giftcard-template-left .giftcard-barcode{margin-top: 5px;} #giftcard-template-left .giftcard-template-content-left.giftcard-change-image { background-size: 100% 100% !important; width: 50% !important; padding-bottom: 0px;} #giftcard-template-left .giftcard-template-content { width: 48% !important; padding:0 0 0 2%; box-sizing: content-box; } /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px !important; } .data-table th .giftvoucher-grid-detail{ margin-left:300px !important; } .data-table td .giftvoucher-grid-detail{ margin-left:300px !important; } /**********add giftcard by Sally************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:365px !important;} /*theme other*/ .hidden-giftcard-content-left .giftcard-template-content { padding: 15px 0px !important; } #giftcard-preview-template .hidden-content .giftcard_value .price{font-size: 25px !important} #giftcard-template-left .hidden-content .giftcard-box{height: 38px !important; margin-top: 5px !important} #giftcard-template-left .hidden-content .giftcard_value {margin-top: 5px !important} #giftcard-template-left .hidden-content .giftcard-number{margin-top: 5px} } @media only screen and (max-width: 767px){ #giftcard-preview-template { width: 600px !important; margin-left: -300px; } .dialog.giftcard-preview-template-dialog { left: 50% !important; width: 600px !important; margin-left: -300px; position: absolute } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div.giftcard-text { margin-top: 15px; } #giftcard-preview-template .hidden-content .giftcard-box { height: 75px !important; margin-top: 50px; } #giftcard-preview-template .hidden-content .giftcard-box .giftcard-text-box{ height: 60px !important; } #giftcard-preview-template .giftcard-preview-template-dialog .dialog_content{ font-size: 12px } #giftcard-preview-template .giftcard-template-content .giftcard-from-to .giftcard-to{ float:left; clear:both; margin-left:0 } #giftcard-preview-template #giftcard-preview-template-content .giftcard-from{ border-right:none; } #giftcard-preview-template .hidden-content .giftcard_value .price{ font-size: 25px } #giftcard-template-left .hidden-content {height: auto !important} #giftcard-template-left .hidden-content-left {height: 390px !important} .hidden-giftcard-content-left .hidden-content{height: auto} .hidden-giftcard-content-left .hidden-change-image{height: 380px !important} #giftcard-template-left .hidden-content .giftcard-box{height: 65px !important} } @media only screen and (max-width: 767px){ #giftcard-template-left .hidden-content .giftcard-box .giftcard-text-box {height: 60px !important} #giftcard-template-left .giftcard-template-content .giftcard-text{margin-top: 15px;} } @media only screen and (max-width: 700px){ /**************details giftcard and popup by Crystal*****************/ #giftcard-template-left{height: auto} #giftcard-template-left .giftcard-template-content-left.giftcard-change-image{height: 400px !important;} #giftcard-template-left .giftcard-template-content{height: auto !important;} #giftcard-template-left .giftcard-template-content .giftcard-box { height: 85px !important; height: auto !important} .dialog.giftcard-preview-template-dialog { width: 500px !important; margin-left: -250px; left: 50% !important; position: absolute; } #giftcard-preview-template { width: 500px !important; margin-left: -250px ; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image{ background-position: 0 !important; background-size: 100% 100% !important; height: 363px !important; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content {height: 363px !important} #giftcard-preview-template #giftcard-preview-template-content .giftcard-barcode img{width: 80% !important;} /**/ #giftcard-preview-template .hidden-content .giftcard-box { height: 55px !important } #giftcard-preview-template .hidden-content .giftcard-box .giftcard-text-box{ height: 45px !important; } #giftcard-preview-template .hidden-content .giftcard_value .price{ font-size: 25px; } } @media (max-width:640px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } .data-table th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } .data-table td .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; } } @media only screen and (max-width: 630px){ /************** popup by Crystal*****************/ .dialog.giftcard-preview-template-dialog { width: 490px !important; margin-left: -245px; left: 50% !important; position: absolute; } #giftcard-preview-template {width: 490px !important; margin-left: -245px} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image{ width: 50% !important; height: 350px !important; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content{ width: 46% !important; height: 350px !important; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div {clear: both; float: left} #giftcard-preview-template .giftcard-box .giftcard-text-box {height: 55px} #giftcard-preview-template .giftcard-template-content .giftcard-box {height: 55px !important} #giftcard-preview-template .giftcard-style-color.giftcard-title{font-size: 30px} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div.giftcard-text {margin-top: 30px} /**/ #giftcard-preview-template .hidden-content .giftcard-box{ margin-top: 0 !important; margin-bottom: 10px; } } @media only screen and (max-width: 607px){ /**************details giftcard and popup by Crystal*****************/ #giftcard-template-left .giftcard-template-content .giftcard-box .giftcard-text-box {height: 95px !important;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-temp2{ height: 75px !important; background-position: 0 !important; } #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .giftcard-text {margin-top: 30px;} } @media (max-width:580px){ .dialog.giftcard-preview-template-dialog { width: 470px !important; margin-left: -235px; left: 50% !important; position: absolute; } #giftcard-preview-template { width: 470px !important; margin-left: -235px; } /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto!important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } .to-price{ float:left; margin-left:0px !important; } .to-date{ float:left; margin-left:0px !important; } .button{padding:5px !important;} .giftvoucher-grid-search-item{width:auto !important;} .balance .view-detail{background:#3399cc !important; } .balance .view-detail.button:hover{background:#2e8ab8 !important;} .balance .left{ color:#fff !important; padding: 7px 15px !important; } #history_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto!important; } #history_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid td{width:100% !important;} /*end*/ #giftcard-preview-template .giftcard-box .giftcard-text-box{height: 55px} #giftcard-preview-template .giftcard-template-content .giftcard-box{height: 55px !important} } @media only screen and (max-width: 550px){ .dialog.giftcard-preview-template-dialog { width: 400px !important; margin-left: -200px; left: 50% !important; position: absolute; } #giftcard-preview-template { width: 400px !important; margin-left: -200px; } /**************details giftcard and popup by Crystal*****************/ #giftcard-template-left{height: auto !important;} #giftcard-template-left .giftcard-template-content { height:auto !important; } #giftcard-template-left .giftcard-template-content-left.giftcard-change-image { height: 345px !important; padding:0 !important; } #giftcard-template-left .giftcard-template-content .giftcard-box {height: auto !important; margin-top: 5px} #giftcard-template-left .giftcard-template-content .giftcard-box .giftcard-text-box {height: 40px !important;} #giftcard-preview-button-add {margin-top: 21px !important;} #giftcard-template-left .giftcard-title{font-size: 25px;} #giftcard-template-left .giftcard-template-content .giftcard_value{margin-top: 10px;} #giftcard-template-left .giftcard-number{margin-top: 5px;} #giftcard-template-left .giftcard-template-content .giftcard-text{margin-top: 5px;} .giftcard-text .giftcard-text-color{height: 32px;} #giftcard-template-left .giftcard-barcode{margin-top: 5px;} #giftcard-template-left .giftcard-style-color.giftcard-price-change{font-size: 16px;margin-top: -5px;} #giftcard-preview-template .hidden-content .giftcard_value .price{font-size: 20px !important} } @media (max-width:533px){ /**********add giftcard by Sally************/ .buttons-set button{margin-bottom:3px;} #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;} } @media (max-width:480px){ /************my account by Sally***********/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } .to-price{ float:left; margin-left:0px !important; } .to-date{ float:left; margin-left:0px !important; } .button{padding:4px !important;} .giftvoucher-grid-search-item{width:auto !important;} #history_grid th .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid td .giftvoucher-grid-detail{ margin-left:150px !important; width:auto !important; } #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:10px !important;} #giftcard-template-left .giftcard-template-content-left.giftcard-change-image{height: auto !important} } @media only screen and (max-width: 460px){ /**************details giftcard and popup by Crystal*****************/ .dialog.giftcard-preview-template-dialog { width: 350px !important; margin-left: -175px; left: 50% !important; position: absolute; } #giftcard-preview-template {width: 350px !important; margin-left: -175px} #giftcard-preview-template .giftcard-box .giftcard-text-box {height: 50px;} #giftcard-preview-template .giftcard-template-content .giftcard-box {height: 50px !important;} #giftcard-preview-template .giftcard_value .giftcard-style-color{font-size: 16px;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .logo1 {background-size: 100% 100% !important;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .giftcard_value .giftcard-style-color {margin-top: -5px;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content .giftcard-barcode, #giftcard-preview-template-content .giftcard-template-content #giftcard-preview-template .giftcard-number{margin-top: 0px;} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content, #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image {height: 300px !important} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image .giftcard-logo {margin-top: 215px !important} #giftcard-preview-template #giftcard-preview-template-content .giftcard-template-content div.giftcard-text{margin-top: 15px !important;} } @media (max-width:440px){ /**********check giftcard by Sally************/ .page-title h1{font-size:18px !important;} /* My account */ .balance .button{float:none !important; width:185px !important;} .giftvoucher-search-button{text-align:left !important;} .button{padding:5px !important;} #history_grid th .giftvoucher-grid-detail{margin-left:115px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:50px !important;} /*my account*/ #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;} } @media (max-width:420px){ /***************checkout cart by Sally***************/ .giftcard{display:block;} } @media only screen and (max-width: 380px){ /**************details giftcard and popup*****************/ .dialog.giftcard-preview-template-dialog {width: 300px !important; margin-left: -150px; left: 50% !important; position: absolute} #giftcard-preview-template {width: 300px !important; margin-left: -150px } #giftcard-preview-button-add {float: left !important; margin-top: 21px !important;} /*My Account*/ #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; } #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; } /************my account***********/ #giftvoucher_grid th .giftvoucher-grid-detail{margin-left:115px !important;} #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width:50px !important;} .data-table .balance .button{float:none !important; width:185px !important;} .data-table .giftvoucher-search-button{text-align:left !important;} .data-table th .giftvoucher-grid-detail{margin-left:115px !important;} .data-table .button{padding:5px !important;} } @media (max-width:400px){ /**********add giftcard by Sally************/ #addredeem-giftvoucher-code .buttons-set button.button{width:100%;} #addredeem-giftvoucher-code .button-add-list{width:100% !important;} input#full_gift_card_code{max-width:100% !important; width:100% !important;} .giftvoucher-index-view.customer-account .wrapper{min-width:100%} } .clear{ width:100%; height:0px; clear:both; font-size:0px; line-height:0px; } #sociallogin_button{ margin-top:10px; } #sociallogin_button #bt-loginfb span, #bt-loginfb-popup span{ height:28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/fb.png") no-repeat; display: block; float: left; } #sociallogin_button #bt-logingo span, #bt-logingo-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/google.png") no-repeat; display: block; float: left; } #magestore-popup .input-box{width:100%;} #sociallogin_button #bt-loginvk span, #bt-loginvk-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/vk.png") no-repeat; display: block; float: left; } #sociallogin_button #bt-loginper span, #bt-loginper-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/persional.png") no-repeat; display: block; float: left; color:#a34500; } #bt-logintw-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/twit.png") no-repeat; display: block; float: left; } #sociallogin_button #bt-loginse span, #bt-loginse-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/stack.png") no-repeat; display: block; float: left; color:#000; } #sociallogin_button #bt-logintw span, #bt-loginaol-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/twit.png") no-repeat; display: block; float: left; } #sociallogin_button #bt-loginwp span, #bt-loginwp-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/wpress.png") no-repeat; } #sociallogin_button #bt-loginya span, #bt-loginya-popup span{ height: 28px; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/yh.png") no-repeat; display: block; float: left; color:#fff; } /* by Hai Ta */ #sociallogin_button #bt-loginaol span, #bt-loginaol-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/aol.png") no-repeat; color:#000; } #sociallogin_button #bt-loginwp span, #bt-loginwp-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/wpress.png") no-repeat; } #sociallogin_button #bt-logincal span, #bt-logincal-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/clavid.png") no-repeat; } #sociallogin_button #bt-loginorg span, #bt-loginorg-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/orange.png") no-repeat; } #sociallogin_button #bt-loginmp span, #bt-loginmp-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/mysp.png") no-repeat; } #sociallogin_button #bt-loginlive span, #bt-loginlive-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/live.png") no-repeat; color:#000; } #sociallogin_button #bt-loginfq span, #bt-loginfq-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/fq.png") no-repeat; } #sociallogin_button #bt-loginlinked span, #bt-loginlinked-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/linked.png") no-repeat; } #sociallogin_button #bt-loginopen span, #bt-loginopen-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/myop.png") no-repeat; color:#000; } #sociallogin_button #bt-loginlj span, #bt-loginlj-popup span{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/liveJ.png") no-repeat; } #sociallogin-other-div{ display: block; float: right; } #sociallogin-other-a{ width: 91px; display: block; } .sociallogin-other{ display: block; float: right; position: relative; width: 100%; } .sociallogin-other-span{ cursor: pointer; font-weight: bold; white-space: nowrap; } .sociallogin-other-span-img-popup{ float: right; width: 26px; height: 16px; cursor: pointer; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/add.png") no-repeat right; } .other-button{ margin: 7px 3px 5px 4px; } .sociallogin-other-button{ width: auto; max-width:528px; } button.bt-login-social{background:none;border:none;cursor: pointer;} button.bt-login-social span{ height:28px; line-height:27px; color:#fff; padding:0 0 0 28px; float:left; } button.bt-login-social span span{ background-position:100% 0 !important; padding-right:10px !important; padding-left:5px !important; min-width: 110px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; } button.bt-login-social.visible span span { min-width: 100px; } /* change poppup */ #magestore-popup{ padding: 10px; position: fixed; width: 706px; z-index: 9990; background: #fff; border: 2px; border-radius: 7px; } #magestore-login-social{ float: right; width: 34%; text-align: center; } #bg_fade { background-color: #000000; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1000; opacity: 0.3; } #sociallogin-close{ cursor: pointer; height: 26px; position: absolute; right: -10px; top: -10px; z-index: 9999; text-indent: -10000px; background:url("../../skin/frontend/shopper/default/css/magestore/sociallogin/close.png") no-repeat; } #sociallogin-close:hover{ text-decoration: underline; } #magestore-login-form{ margin-left: 10px; } .magestore-loign-h3{ margin-bottom: 18px; border-bottom: 1px solid #CCCCCC; font-family: 'tahoma',Arial,Helvetica,sans-serif; font-size: 15px; padding-bottom: 3px; } .magestore-login-input-box{ margin-bottom: 12px; height: 30px; } .login-label{ float: left; padding-top: 5px; width: 35%; font-weight: bold; color: #666; } .login-label em{ color: red; } .sociallogin-input-box{ float: right; width: 250px; margin-bottom: 12px; } .sociallogin-input-box .input-text{ border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 2px 2px #E3E3E3 inset; font-family: inherit; font-size: 1.1em; margin: 0; padding: 5px 4px; width: 230px; } .magestore-login-popup-button{ float: right; } #magestore-forgot-password, #magestore-forgot-back{ margin-right: 69px; font-size: 10px; float: left; } #magestore-forgot-back{ margin-right: 40px; } .popup_click_btn{ margin-right: 10px !important; float: right; } .magestore-login-input-box .login-label em{ } .ajax-login-image{ background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/opc-ajax-loader.gif") no-repeat scroll 0 0 transparent; width: 16px; height: 16px; margin: 5px 0 5px 152px; } .magestore-invalid-email{ margin-left: 152px; color: red; } #sociallogin-forgot{ margin-bottom : 20px; } .magestore-sociallogin-create-new-customer{ float: left; clear: both; } .magestore-sociallogin-create-new-customer a{ margin-left: 10px; font-weight: bold; } .sociallogin-field{ width: 218px !important; float: left; } .sociallogin-field .input-text{ width: 201px !important; } #magestore-create-back{ font-size: 10px; } .sociallogin-other-button-popup{ float: left; } #magestore-login-social .magestore-loign-h3{text-align:center;} ul.magestore-login-social li{background:#fff;border:none;} #magestore-popup{ width:50% !important; z-index:99999; } ul.magestore-login-social li.button{ padding:0 !important; } ul.magestore-login-social li.button:hover{ background:none !important; padding:0 !important; margin:0; border:none; } .sociallogin-input-box .input-text{ box-shadow: none; } .sociallogin-other-button-popup li.button{ background:none; border:none; } .sociallogin-other-button-popup li.button:hover{ background:none; border:none; } .other-button{padding:0;} .bt-login-social{padding:0;margin:0 !important;} .top-container{width:100%;} #sociallogin_button{ float:left; width:100%; } #sociallogin_button ul li.button{ background:none !important; border:none !important; } #sociallogin_button ul li.button:hover{ background:none !important; border:none !important; } .sociallogin-other-button{ _display:block !important; z-index:3000 !important; } #sociallogin-other-a{ display: inline-block; width:100%; text-align:right; } #sociallogin-other-div{ display: inline-block; width:100%; margin:0; } #sociallogin-other-b{ display:block; height:30px; line-height:30px; } #sociallogin-other-b span{ display:block; margin-right:30px; text-align:right; } #sociallogin-other-button{ top:30px; } #magestore-popup{ top:100px !important; position:absolute !important; z-index:40020 !important; } #magestore-login-form .magestore-invalid-email{ margin:0; } .other-button{ margin:7px 2px 5px 2px !important; } #bg_fade{ z-index:30020 !important; float:left; width:100%; min-height:3000px; } .active .sociallogin-other-span-img-popup{ float: right; width: 26px; height: 16px; cursor: pointer; background: url("../../skin/frontend/shopper/default/css/magestore/sociallogin/sub.png") no-repeat right; } @media all and (min-width: 0px) and (max-width: 680px) {} @media screen and (max-width:719px) { .top-container{ margin:0 auto; } #magestore-login-social{ float:left !important; width:100%; } #magestore-login-form{ float:left !important; width:100%; margin:0; } .sociallogin-input-box{ float:left; width:100%; } .magestore-login-input-box label{float:left;width:100% !important;} .sociallogin-input-box .input-text{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; box-shadow: none; height:30px; } #magestore-create-user{ float:left !important; width:100%; } .form-list .sociallogin-field{float:left !important;width:100% !important;} .form-list .sociallogin-field .input-text{ float:left; width:100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height:30px; } .sociallogin-field label{float:left;width:100%;} #sociallogin-other-button li.other-button{ float:none; margin:0; text-align:center; width:100%; } #sociallogin-other-button-popup li.button{ float:none; margin:10px 0 0 0 !important; text-align:center; width:100%; } ul.magestore-login-social li.button{ text-align:center !important; width:100%; } } @media screen and (max-width:479px) { #magestore-forgot-password, #magestore-forgot-back{ float:left !important; margin:10px 0 !important; width:100%; } #sociallogin_button ul li.button{ margin:0; text-align:center; width:100%; } #sociallogin-other-button li.other-button{ float:none; margin:0; text-align:center; width:100%; } #sociallogin-other-button-popup li.button{ float:none; margin:10px 0 0 0 !important; text-align:center; width:100%; } } @media screen and (min-width: 720px) and (max-width: 985px) { .top-container{ margin:0 auto; } #magestore-login-social{ float:left !important; width:100%; } #magestore-login-form{ float:left !important; width:100%; margin:0; } .sociallogin-input-box{ float:left; width:100%; } .magestore-login-input-box label{float:left;width:100% !important;} .sociallogin-input-box .input-text{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; box-shadow: none; height:30px; } #magestore-create-user{ float:left !important; width:100%; } .form-list .sociallogin-field{float:left !important;width:100% !important;} .form-list .sociallogin-field .input-text{ float:left; width:100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height:30px; } .sociallogin-field label{float:left;width:100%;} #sociallogin-other-button li.other-button{ margin-left:65px !important; } ul.magestore-login-social li.button{ text-align:center !important; width:100%; } } @media screen and (min-width: 986px) and (max-width: 1235px) { /* #magestore-popup{border:1px solid blue;} */ #magestore-login-social{ float:left !important; width:100%; } #magestore-login-form{ float:left !important; width:100%; margin:0; } .sociallogin-input-box{ float:left; width:100%; } .sociallogin-input-box .input-text{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; box-shadow: none; height:30px; } .magestore-login-input-box label{float:left;width:100% !important;} #magestore-create-user{ float:left !important; width:100%; } .form-list .sociallogin-field{float:left !important;width:100% !important;} .form-list .sociallogin-field .input-text{ float:left; width:100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height:30px; } .sociallogin-field label{float:left;width:100%;} button.bt-login-social{padding:0;} #magestore-login-social ul.magestore-login-social li{ float:left; padding:0 1% !important; } } @media screen and (min-width: 1236px) and (max-width: 1585px) {} @media screen and (min-width: 1586px) and (max-width: 1890px) {} @media screen and (min-width:1891px) {} .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchautocomplete .search-autocomplete { position: absolute; } .searchautocomplete .form-search { overflow: none !important; position: relative; } .searchautocomplete .sprite { background: url('../../skin/frontend/shopper/default/images/mirasvit/sprite.png'); } .searchautocomplete .nav-search-in { position: absolute; top: 2px; left: 0px; z-index: 11; } .searchautocomplete .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: white; border: 1px solid #DDD; color: black; cursor: pointer; height: 29px; left: 5px; margin: 0; outline: 0; padding: 0; position: absolute; top: 5px; visibility: visible; width: auto; } .searchautocomplete .nav-search-in .category-fake { height: 20px; color: #777; cursor: pointer; float: left; font-size: 11px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; } .searchautocomplete .nav-search-in .nav-down-arrow { background: url('../../skin/frontend/shopper/default/images/mirasvit/sprite.png'); width: 9px; height: 5px; background-position: -26px -34px; display: block; right: 10px; top: 16px; position: absolute; } .searchautocomplete .nav-search-in:hover .category-fake { color: #000; } .searchautocomplete .nav-search-in:hover .nav-down-arrow { background-position: -6px -34px; } /* old */ .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #ccc !important; padding-top: 15px; position: absolute; z-index: 102; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #CCC transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -11px; left: 30px; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; padding: 0; margin: 0; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #eeeeee; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #0A263C; border-bottom: 1px solid #CCC; padding: 2px 5px; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; margin: 10px 10px 5px 10px; } .searchautocomplete .searchautocomlete-image { float: left; margin: 0px 5px 5px 0px; } .searchautocomplete .nav-search-in { top: 0px; } .searchautocomplete .nav-search-in .category-fake { padding-top: 13px; } .searchautocomplete .nav-search-in .nav-down-arrow { top: 19px; } .searchautocomplete .nav-search-in .category { top: 0px; left: 0px; height: 40px; } /* new */ form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #ccc; width: 234px !important; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul { list-style: none; padding: 0; margin: 0; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li { *zoom: 1; text-align: left; padding: 5px 5px; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li:before, form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li:after { display: table; content: ""; line-height: 0; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li:after { clear: both; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li a { text-decoration: none; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li a .pull-right { float: right; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li.active { background-color: #eeeeee; cursor: pointer; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li.active a { text-decoration: none; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li .price-box { font-weight: bold; font-size: 12px; color: #C76200; float: right; line-height: 13px; margin-left: 7px; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li { border: 1px solid #dedede; border-left: none; border-right: none; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li div.price-box p.special-price span.old-price { font-size: 10px; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete div.all { text-align: right; margin: 10px 10px 5px 10px; } form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li a.name.highlight strong { color: red; } form#search_mini_form.searchautocomplete div.form-search div#search_autocomplete.UI-PLACEHOLDER ul li div.price-box p.special-price span.price { font-size: 10px; color: #C76200; font-weight: bold; } form#search_mini_form.searchautocomplete div.form-search div#search_autocomplete.UI-PLACEHOLDER ul li div.price-box span.regular-price span.price { font-size: 10px; color: #C76200; font-weight: bold; float: right; } form#search_mini_form.searchautocomplete div.form-search div#search_autocomplete.UI-PLACEHOLDER ul li a.name { display: block; line-height: 13px; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 1px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #ccc; overflow:hidden; background-repeat:no-repeat; background-color:#fff; background-position:left top; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; margin-top:150px; } .product-view .product-img-box .product-image-zoom { overflow:visible; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 11040; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 11000; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 11010; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 11020; border: 0px solid #fff; background: url('../../skin/frontend/shopper/default/js/fancybox/loader.gif') 50% 50% no-repeat; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 11010; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 11030; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../../skin/frontend/shopper/default/js/fancybox/blank.gif'); z-index: 11020; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 11020; display: block; } #fancybox-left-ico { background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left span { left: 20px; } #fancybox-right span { left: auto; right: 20px; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 10010; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 11020; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../../skin/frontend/shopper/default/js/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../../skin/frontend/shopper/default/js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../../skin/frontend/shopper/default/js/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ /* uncomment if you need IE support .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }*/ .jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { margin:0; width:1200px; padding:0px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:1200px; } .home-main .jcarousel-skin-tango .jcarousel-container-horizontal { width:900px; } .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:900px; } .jcarousel-skin-tango .jcarousel-clip { overflow:hidden; } .jcarousel-skin-tango .jcarousel-item { width:252px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0; position:relative; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left:0; margin-right: 0; } /** * Horizontal Buttons */ .jcarousel-next-horizontal, .jcarousel-prev-horizontal {display:block; position:absolute; width:35px; height:35px; background:#fefefe url("../../skin/frontend/shopper/default/images/arrow_about.png") 0 0 no-repeat; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; } .jcarousel-prev-horizontal {margin:-60px 0 0; right:55px; background-position:100% 0;} .jcarousel-next-horizontal {margin:-60px 0 0; right:15px;} .jcarousel-next-horizontal:hover {background-color:#97d2c9; background-position:0 100%;} .jcarousel-prev-horizontal:hover {background-color:#97d2c9; background-position:100% 100%;} /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html, body {} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #666; color: #fff; text-shadow: none; } ::selection { background: #666; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:hover { color: #06e; } a:focus { outline: none; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin:0; padding:0px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;} /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left:-7px; padding: 0; white-space: normal; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Chrome Frame Prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ==|== primary styles ===================================================== */ body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1b1a19; background:#fafafa; border-top:5px solid #322c29; } a { color:#828282; text-decoration:none; outline: none; } a:hover { color:#828282; text-decoration:underline; } button.button span {background:#97d2c9 url('../../skin/frontend/shopper/default/images/btn_overlay.png') 0 0 repeat-x; padding:0px; height:42px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} button.button span span {line-height:42px; padding:0 16px; font-size:14px; font-weight:300; color:#fff; text-align:center; white-space:nowrap; text-transform:lowercase;} button.button:hover span {background-color:#393431;} button.button:hover span span { } button.invert span, button.btn-continue span, .cart-shipping button span, .cart-coupon button span {background-color:#393431;} button.invert:hover span, button.btn-continue:hover span, .cart-shipping button:hover span, .cart-coupon button:hover span {background-color:#97d2c9;} button.btn-proceed-checkout span span {padding-right:60px; background:url('../../skin/frontend/shopper/default/images/arrow_button.png') 100% 50% no-repeat; } button.btn-proceed-checkout:hover span span { background-position:98% 50%; } button.button_white { height:42px; -webkit-box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15); } button.button_white span, button.button_white:hover span{ background: #ffffff !important; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ) !important; /* IE6-9 */ } button.button_white span span { padding:0 37px; color:#000; color:rgba(0,0,0,0.75); } button.button_white:hover {padding:1px 0 0 1px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} button.button_white:hover span span { } .btn-remove, .btn-edit {display:block; width:15px; height:15px; background-color:#97d2c9; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .btn-remove:hover, .btn-edit:hover {background-color:#393431} .btn-edit { background-image:url(../../skin/frontend/shopper/default/images/btn_edit.png);} .btn-remove { background-image:url(../../skin/frontend/shopper/default/images/btn_remove.png);} h1, h2, h3 { color:#000; color:rgba(0,0,0,0.75); letter-spacing:initial; font-weight:400; } .page-404 {} .std dl dt{ color:#4c4c4c;} .std h1, .std h2, .std h3, .std h4 {font-size:24px; font-family:"Myriad Pro",serif; font-weight:400; text-transform:uppercase;} .std h2 {font-size:24px;} .std h3, .std h3 {font-size:18px;} .std ul.disc {list-style: none; margin:10px 0;} .std ul.disc li {line-height: 22px; padding:0 10px 0 20px; background: url('../../skin/frontend/shopper/default/images/arrow_item.gif') 10px 8px no-repeat; } .std ul.buttons li { background:none; float:left; padding:0; margin:0 3px 0;} .std ul.buttons li button.button span {text-transform: capitalize; font-size:12px;} .std img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ } .page-title { border:none; padding:0 0 58px;margin:0 15px; } .col2-left-layout .page-title { margin-left:-285px; } .col2-right-layout .page-title { margin-right:-285px; } .col3-layout .page-title { margin:0 -285px; } .page-popup .page-title { padding:0 0 18px; } .page-title h1, .page-title h2 {text-transform: uppercase; font-size:36px; font-family:"Myriad Pro",serif; font-weight:400; line-height:30px; letter-spacing:-1.5px } .page-head-alt {margin:0 0 20px; padding:0 0 15px; border-bottom:1px solid #e6e6e6;} .page-head-alt h3 {text-transform: uppercase; font-size: 24px; color:#4c4c4c;} .page-title-bg {position:absolute; width:100%; /*background:#f5f5f3;*/} .page-head h3, .product-category-title {margin:-30px 0 30px; line-height:36px; font-size:36px; padding:20px 0; color:#322c29; border-top:1px solid; border-top-color:#e3e3e3; border-top-color:rgba(227,227,227,0.61); } .col2-left-layout .page-head { margin-left:-300px; } .col2-right-layout .page-head { margin-right:-300px; } .col3-layout .page-head { margin:0 -300px; } .buttons-set {padding:0; margin:0 15px; text-align:right;} .buttons-set button.button {float:left;} .buttons-set .back-link { float:right; } .fieldset {border:none; background:transparent; padding:15px;} .fieldset .legend {margin:-40px 0 0 -10px; padding:8px; background:transparent; border:none;} .form-list label { float:left; color:#000; color:rgba(0,0,0,0.75); font-weight:300; position:relative; z-index:0; margin-top:0px; padding:0 0 3px 2px; } .input-box{ border:0; padding:0; } input.input-text, textarea, input.qty {padding:4px; border:1px solid #e0e0e0; height:19px; -webkit-box-shadow:inset 0px 0px 5px 0px #eaeaea; -moz-box-shadow:inset 0px 0px 5px 0px #eaeaea; box-shadow:inset 0px 0px 5px 0px #eaeaea; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} select {padding:1px; height:29px; line-height:29px; border:1px solid #e0e0e0; -webkit-box-shadow:inset 0px 0px 5px 0px #eaeaea; -moz-box-shadow:inset 0px 0px 5px 0px #eaeaea; box-shadow:inset 0px 0px 5px 0px #eaeaea;} select.multiselect {height:auto;} .form-list select {width:259px;} .buttons-set p.required { margin: 0 0 5px;} p.required { font-size: 12px; text-align: left; } .form-list li.wide textarea { width: 670px;} .dotted-border {border:2px dotted #aaa; padding:10px;} /* Layout ================================================================================ */ .wrapper {} .top-border{border-top:3px solid #9a1212;} .page { width:100%; margin:0 auto; padding: 0; } .main { margin:0 auto; position: relative; z-index:1; } /* Base Columns */ .col-left { float:left; width:300px; border:none; padding:5px 0 0; margin:0; } .col-main, .col-main-left, .col-main-right { float:left; width:870px; border:none; padding:5px 15px 0; margin:0; min-height:400px; } .col-right { float:right; width:300px; border:none; padding:120px 0 0; margin:0; } /* 1 Column Layout */ .col1-layout .col-main {float:none; width:auto; margin:0;} /* 2 Columns Layout */ .col2-left-layout .col-main {} .col2-right-layout .col-main {} .col3-layout .col-main {width:570px; margin:0; float:left;} .col3-layout .col-wrapper { width:auto; } /*** CUSTOM STYLES ****/ body.non-responsive {min-width:1200px;} .cms-index-index .col-main {float:none; width:auto; margin:0; padding:0 } .contacts-index-index .buttons-set {margin-top:-35px;} .contacts-index-index .buttons-set p.required {float:left; margin:0 0 25px;} .contacts-index-index .buttons-set button.button {margin: -12px 0 0; clear:left; } .contacts-index-index .form-list .input-box, .contacts-index-index .form-list li.wide .input-box {width:100%} .contacts-index-index .form-list input.input-text {width:50%} .contacts-index-index .form-list li.wide textarea {width:90%} .customer-account-login {} .customer-account-login .main-container {-webkit-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15);} .customer-account-login .account-login {padding:30px 0 90px;} .customer-account-login h2 {margin:0 0 10px;} .customer-account-create .account-create {padding:30px 0;} .customer-account-create .account-create h2.legend { margin:25px 0 0; } .customer-account-create .account-create h2.first { margin:0; } .customer-account-create .account-create .form-list .field { float:none; width:auto; } .customer-account-create .account-create .buttons-set { margin:0; text-align:center; } .customer-account-create .account-create .buttons-set button.button { float:none } .customer-account-create .account-create p.required { text-align:center; } .customer-account-forgotpassword .account-login {padding:30px 0;} .customer-account-forgotpassword .main-container {-webkit-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15);} .main .cart {} .main .cart-empty {margin:15px;} .catalog-category-view .col-left, .catalog-category-view .col-right {padding:5px 0 0;} .catalogsearch-result-index .breadcrumbs, .catalogsearch-advanced-index .breadcrumbs, .catalogsearch-advanced-result .breadcrumbs {display:none;} .catalog-category-view .col1-layout .products-grid {margin:0 0 0 -15px;} .checkout-onepage-index .col-right {padding:202px 0 0; } .checkout-onepage-success .buttons-set {margin:15px 0;} .checkout-cart-index {} .checkout-cart-index .page-title h1{line-height:42px;} .cart .page-title .checkout-types {margin-top:0px;} .cart .title-buttons .checkout-types li {margin:0} .sendfriend-product-send .form-list li.wide textarea { width:100%;} .sendfriend-product-send .buttons-set {text-align:left; } .sendfriend-product-send .buttons-set button.button {float:none;} .sendfriend-product-send .buttons-set button.button span span {width:120px} /* ======================================================================================= */ /* Header ================================================================================ */ .header-container { background:#fff; color:#656565; position:relative; } .top-switch-bg{ background:#f9f9f9; min-height:29px; position:relative; z-index:10030;} .header-switch {line-height:29px; background-repeat:no-repeat; background-position:0% 50%; margin-right:2px; float:left;} .top-switch-bg .over { -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} .top-switch-bg .over span { background:#fff;} .header-switch span {color:rgba(108,108,108,0.59); display:block; padding:0 10px; position:relative; z-index:2; } .header-switch span.current { display:inline; color:rgba(29,28,27,0.59); padding:0 12px 0 5px; background:url("../../skin/frontend/shopper/default/images/arrow_switch.png") 100% 50% no-repeat; } .header-dropdown {background:#fff; padding:14px; display:none; position:absolute; margin:0; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} .header-dropdown ul{} .header-dropdown ul li{} .header-dropdown ul li a{ display:block; line-height:28px; min-width:110px; margin:0; padding:0 9px; color:#8c8c8c; } .header-dropdown ul li a:hover { background:#f5f4f4; text-decoration:none; } .header-dropdown ul li a.selected {color:#322c29} .language-switch {margin-left:-10px;} .language-switch .header-dropdown ul li a{ background-repeat:no-repeat; background-position:10px 50%; padding:0 9px 0 35px; } .language-select, .currency-select {display:none; } .links { float:right; margin: 0; padding: 0; } .links li{ margin: 0; padding: 0; line-height:29px; } .links li a {color:#1d1c1b;} .links li a:hover {color:#777; text-decoration: none;} .links li.separator{ padding:0 12px; background:url("../../skin/frontend/shopper/default/images/links_separator.png") 50% 50% no-repeat; } header { position:relative; z-index:10020; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} .logo { float:none; display: inline-block; } header a.logo { text-decoration:none !important; margin:34px 0; } header a.logo img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ } 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 {padding:0;} header.fixed {position:fixed; top:0; width:100%; background:#fff;} header.fixed a.logo { margin:14px 0; } header.fixed #queldoreiNav, header.fixed #nav {margin:11px 0 14px 46px;} .cart-top-container {float:right; position:relative; margin:0px 50px 0 4px;} .cart-top {} .cart-top > a {display:block; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_cart.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .cart-top > a:hover {background-color:#322c29; text-decoration:none; } .cart-top > a span {padding:0 0 0 48px; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:38px; text-transform:uppercase; white-space:nowrap;} .cart-top-container .details { display:none; background:#fff; width:254px; padding:16px; line-height:150%; color:#7b7b7b; position:absolute; z-index:10020; right:-40px; top:48px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .cart-top-container .details-border{background:#97d2c9; height:4px; width:254px; padding:0 16px; margin:-16px 0 16px -16px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; } .cart-top-container .details-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:52px;} .cart-top-container .details .text-recently{font-size:11px;} .cart-top-container .details a{color:#7b7b7b; } .cart-top-container .details a:hover{text-decoration:none; color:#000; } .cart-top-container .details p{margin:14px 0 5px 0} .cart-top-container .details p.product-name {margin:0} .cart-top-container .details a.product-image{} .cart-top-container .details .item-options{font-size:10px; line-height:10px; } .cart-top-container .details ol{ margin:0; padding:0; } .cart-top-container .details ol li.item{ padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #f1f1f1;} .cart-top-container .details ol li.item:last-child{ margin:0; border:none;} .cart-top-container .details ol li.item strong{font-weight:300;} .mini-products-list .product-image { border: none; padding: 0px; } .mini-products-list .product-details { margin-left: 60px; } .cart-top-container .details .btn-edit { float:right; margin-left: 18px; } .cart-top-container .details .btn-remove { float:right; margin-left: 2px; } .cart-top-container .details .buttons { margin-top:15px; } .cart-top-container .details .button span span { font-size:14px; padding:0 15px; } .cart-top-container .details .button { float:right; } .cart-top-container .details .btn-continue { float:left; } .cart-top-container .cart-promotion {background: #eee; padding: 10px; color: #392420;} .cart-top-container .details .subtotal-wrapper{ width:286px; margin:0 0 1px -16px; padding:0; overflow:hidden;} .cart-top-container .details .subtotal{ background:#fefefe; width:254px; margin:0 0 0 -10px; padding:0 26px; line-height:41px; font-size:13px; font-weight:700; text-align:right; text-transform:uppercase; -moz-box-shadow:inset 0 0 10px rgba(57,36,32,0.18); -webkit-box-shadow:inset 0 0 10px rgba(57,36,32,0.18); box-shadow:inset 0 0 10px rgba(57,36,32,0.18); box-shadow: } .top-dropdowns { position: absolute; right: 0; top: 50%; margin-top: -20px;} .cart-top-title{font-family:'Myriad Pro', sans-serif; font-size:14px; line-height:38px; text-align:left; margin:0 0 10px 5px; display:none; } .cart-top-title a{display:block; vertical-align:top;} .cart-top-title a:hover{text-decoration:none; color:#000; } .cart-top-title a span.icon {display:block; float:left; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_cart.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .cart-top-title a:hover span.icon {background-color:#322c29; text-decoration:none; } /********** < Search form */ .search-top-container{float:right; position:relative; margin:0px 0 0 4px;} .search-top {display:block; overflow:hidden; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_search.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor:pointer; } .search-top:hover {background-color:#322c29; } .search-form{display:none; background:#fff; width:240px; padding:8px; position:absolute; z-index:10030; right:-60px; top:47px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .search-form-border{background:#97d2c9; height:4px; width:240px; padding:0 8px; margin:-8px 0 8px -8px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; } .search-form-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:72px;} .search-top-container .search-form .search-top-title{font-family:'Myriad Pro', sans-serif; font-size:16px; line-height:38px; text-align:left; vertical-align:top; margin:0 0 0 42px; display:none; } .search-top-container .search-form .search-top-title span.icon {display:inline-block; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_search.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .search-top-container .search-form .search-top-title:hover span.icon {background-color:#322c29; text-decoration:none; } #search_mini_form {} #search_mini_form .form-search {} #search { width:224px; height:19px; padding:4px 7px; border:1px solid #e3e3e3; line-height:19px; color:#7b7b7b; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } #search_mini_form .form-search button {display:none;} .search-autocomplete { background:#fff; margin:0; position:relative !important; top:0 !important; left:0 !important; } .search-autocomplete ul{margin:0; padding:0;} .search-autocomplete ul li{line-height:21px; padding:0 10px; color:#000; color:rgba(0,0,0,0.67);} .search-autocomplete ul li span.amount{float:right; font-weight: 800;} .search-autocomplete ul li.odd{} .search-autocomplete ul li.even{background:#e7e7e7;} .search-autocomplete ul li.last{} .search-autocomplete ul li:hover{background:#ddd;} .search-field {} .search-field #search {width: 164px; padding:4px 27px 4px 7px; } .search-field #search_mini_form .form-search { margin: 5px 12px 0 0; } .search-field #search_mini_form .form-search button {display:block; position:absolute; width:23px; height:29px; margin:-29px 0 0 176px; background:transparent url('../../skin/frontend/shopper/default/images/search_icon.png') 0 0 no-repeat; border:0; } .search-field #search_mini_form .form-search button:hover { background-position:0 100%;} /********** < Search form */ /* top compare block*/ .compare-top-container {float:right; position:relative; margin:0px 0 0 4px;} .compare-top {display:block; overflow:hidden; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_compare.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor:pointer; } .compare-top:hover {background-color:#322c29; } .compare-top-container .details { display:none; background:#fff; width:254px; padding:16px; line-height:150%; color:#7b7b7b; position:absolute; z-index:10020; right:-40px; top:48px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .compare-top-container .details-border{background:#97d2c9; height:4px; width:254px; padding:0 16px; margin:-16px 0 16px -16px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; } .compare-top-container .details-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:52px;} .compare-top-container .details a:hover{text-decoration:none; color:#000; } .compare-top-container .details li.item {margin:0 0 9px 25px; padding:0; line-height:16px; background:none;} .compare-top-container .details .btn-remove {float:left; margin:1px 0 0 -25px; } .compare-top-container .details .actions {margin:10px 0 0 0; padding:10px 0 0; border-top:1px solid #e8e8e8; text-align:center } .compare-top-container .details .actions .f-right {float:none !important; line-height:25px; } .compare-top-container .details .actions a {float:none;} .compare-top-container .details .actions a:before {content:''; position:absolute; width:15px; height:15px; margin:5px 0 0 -20px; background-color:#393431; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image:url(../../skin/frontend/shopper/default/images/btn_remove.png);} .compare-top-title{font-family:'Myriad Pro', sans-serif; font-size:14px; line-height:38px; text-align:left; margin:0 0 10px 5px; display:none; } .compare-top-title a{display:block; vertical-align:top;} .compare-top-title a:hover{text-decoration:none; color:#000; } .compare-top-title a span.icon {display:block; float:left; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_compare.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .compare-top-title a:hover span.icon {background-color:#322c29; text-decoration:none; } /* FOOTER ================================================================================ */ .footer-container {background:none #322c29; color:#666666; margin:0; padding:0; position:relative;} .footer-banners {background:#f7f7f6; padding:25px 0;} .footer-banners img{max-width: 100%; height: auto; width:auto\9; /* ie8 */} .footer-banners a:hover img{opacity:0.6;} .footer-info {background:#f4f4f2; border-top:1px solid #ececea; padding:60px 0;} .footer-info a {color:#97d2c9} .footer-info a:hover {color:#000; text-decoration: none;} .footer-info h4{font-size:24px; font-family:'Myriad Pro', serif; font-weight:400; text-transform:uppercase; letter-spacing:-0.1em; color:rgb(0,0,0); color:rgba(0,0,0,0.75); margin:0 0 24px; } .footer-info .information h4{margin-bottom:18px; } .footer-info hr{border-top:1px solid rgb(0,0,0); border-top-color:#e6e6e4; border-top-color:rgba(0,0,0,0.06); height:1px; margin:17px 0;} .footer-info p{line-height:150%; margin:0 0 0 3px;} .footer-info ul{margin:0; padding:0; } .footer-info ul li{margin:0; padding:0; line-height:30px; } .footer-info ul li p{overflow:hidden; line-height:30px; } .footer-info .information ul li, .footer-info ul.disc li{margin:0; padding:0 0 15px 24px; line-height:130%; position:relative; } .footer-info .information ul li:before, .footer-info ul.disc li:before { content:'\00b7';font-size:70px;position: absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif; font-style:normal;color:#97d2c9; } .footer-info ul.twitterList{margin:-3px 0 0;} .footer-info ul.twitterList li{margin:0; padding:0; line-height:20px; color:#505050;} .footer-info ul.twitterList li.follow{padding:0 0 0 53px;} .footer-info ul.twitterList li span.tweet-icon{display:block; float:left; width:36px; height:36px; margin:0px 16px 0 1px; background:#97d2c9 url('../../skin/frontend/shopper/default/images/icon_twitter.png') 50% 50% no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .footer-info ul.twitterList li:hover span.tweet-icon{background-color:#322c29;} .footer-info ul.twitterList li span.time-ago{display:block; color:rgba(146,146,146,0.85)} .footer-info ul.twitterList li p{overflow:hidden; line-height:20px; margin:0 0 20px; padding:3px 0 23px; border-bottom:1px solid #e6e6e4; border-bottom-color:rgba(0,0,0,0.06); } .footer-info ul.social{margin:46px 0 0;} .footer-info ul.social li{ float:left; margin:0 4px 0 0; padding:0; background:none; } .footer-info ul.social li a{ display:block; position:relative; width:36px; height:36px; background:url('../../skin/frontend/shopper/default/images/social_icons.png') 0 0 no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow:hidden; text-indent: -999px; } .footer-info ul.social li a.twitter{ background-color:#53b1f0; } .footer-info ul.social li a.facebook{ background-color:#3d5fa6; background-position: -36px 0; } .footer-info ul.social li a.email{ background-color:#525252; background-position: -72px 0; } .footer-info ul.social li a.google{ background-color:#fac200; background-position: -108px 0; } .footer-info ul.social li a:hover{ background-color:#97d2c9; } .footer-info .block-control { display:none; position:absolute; top:0; right:0; width:35px; height:35px; background:#FEFEFE url("../../skin/frontend/shopper/default/images/arrow_footer.png") 0 0 no-repeat; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; } .footer-info .block-control:hover {background-color:#97d2c9; background-position:0 100%;} .footer-info .block-control-hide {background-position:100% 0;} .footer-info .block-control-hide:hover {background-color:#97d2c9; background-position:100% 100%;} .footer-info .block-content {display:block; } .footer-info iframe {width:300px; height:260px; margin:0 -15px;} footer {line-height:58px; } footer a {color:#a2a2a2} footer a:hover {color:#fff; text-decoration: none;} footer ul{ margin:0; padding: 0; } footer ul.links{ float:right; margin-right:10px; } footer ul.links a{ color:rgb(140,140,140); color:rgba(140,140,140,0.87); } footer ul.links li a:hover {color:#fff; text-decoration: none;} footer ul.links li.separator{ padding:0 9px 0 8px; background:url("../../skin/frontend/shopper/default/images/footer_links_separator.png") 50% 50% no-repeat; } footer .copyright{border-top:1px dotted #e0e0e0; margin:40px 0 0; padding:20px 0 0;} footer address{ margin-left:10px; } /********** < Navigation */ .nav-container {position:relative; z-index:10010; display:inline-block; vertical-align:middle;} .nav-container .nav-top-title{ cursor:pointer; font-family:'Myriad Pro', sans-serif; font-size:16px; text-align:left; width:220px; margin:0 auto 3px; padding:0 10px; line-height:36px; background:#eee; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:none; } .nav-container .nav-top-title a{color:#000; text-decoration:none; } .nav-container .nav-top-title div.icon {float:left; width:15px; margin:11px 10px 0 0;} .nav-container .nav-top-title div.icon span {display:block; height:3px; margin:0 0 2px;} .nav-container .nav-top-title:hover {} .nav-container .nav-top-title:hover a, .nav-container .nav-top-title.active a {color:#fff; } .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {background:#fff; } .nav-container li.parent em {float:right; display:none; width:36px; text-align:center; font-style:normal; font-weight:700; } .nav-container li.parent em:hover {cursor:pointer; background:#fff; color:#000 !important; } #queldoreiNav { width:750px; margin:31px 0 34px 46px; padding:0; position:relative; border:none; float:left; } .search-field #queldoreiNav {width:560px} .below-logo #queldoreiNav {width:auto; margin:0 0 10px 3px} /* All Levels */ #queldoreiNav li { text-align:left; position: static; } #queldoreiNav li.over { z-index:998; } #queldoreiNav li.parent {} #queldoreiNav li a { display:block; text-decoration:none; font-weight:300; } #queldoreiNav li a:hover { text-decoration:none; } #queldoreiNav li a span { display:block; white-space:nowrap; cursor:pointer; } #queldoreiNav li ul a span { white-space:normal; } /* 1st Level */ #queldoreiNav>li { float:left; position:relative; margin:0 3px 3px;} #queldoreiNav>li>a { position:relative; float:left; padding:0; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:36px; letter-spacing:-0.1em; text-transform:uppercase; } #queldoreiNav>li>a>span{padding:0px 10px; border-top:3px solid transparent;} #queldoreiNav>li:hover>a>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span { background:#fff; } #queldoreiNav>li:hover, #queldoreiNav>li.over, #queldoreiNav>li.active{ -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} #queldoreiNav>li>a:hover, #queldoreiNav>li.over>a{z-index:1000;} #queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span{border-top:3px solid #97d2c9;} #queldoreiNav>li.custom-block>a, #queldoreiNav>li.custom-block>a>span {cursor:default;} /* 2nd Level */ /*#queldoreiNav ul,*/ #queldoreiNav div.sub-wrapper { position:absolute; z-index:999; width:auto; padding:16px 0; margin:39px 0 0; left:-10000px; border:none; background:#fff; -webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15);} #queldoreiNav div.sub-wrapper ul { position:static; width:auto; border:none; } #queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:table-cell; border:none; width:210px; padding:0 16px; border-right:1px solid #ededed;} #queldoreiNav>li>div.sub-wrapper>ul>li:last-child { border:none;} /* 3rd+ leven */ /*#queldoreiNav ul ul,*/ #queldoreiNav div.sub-wrapper ul div.sub-wrapper { top:-5px; margin:0 0 0 101px; padding:0; width:auto; border:none;} #queldoreiNav ul div.sub-wrapper ul{ padding:16px; width:auto; } #queldoreiNav ul li { float:none; border:none; width:210px; line-height:28px; position:relative; } #queldoreiNav ul li.last {} #queldoreiNav ul li a {float:none; padding:0 10px; font-family:Arial, serif; font-size:12px; font-weight:normal; color:#322c29 !important; background:transparent none; } #queldoreiNav ul li.active > a {background:#322c29 !important; color:#fff !important; } #queldoreiNav ul li.over > a, #queldoreiNav ul li a:hover {background:#f5f4f4; } /* Show menu */ #queldoreiNav li ul.shown-sub, #queldoreiNav li div.shown-sub { left:0px; z-index:999; } #queldoreiNav li .shown-sub ul.shown-sub, #queldoreiNav li .shown-sub li div.shown-sub { left:15px; } #queldoreiNav li.custom-block div.sub-wrapper { padding:16px;} #queldoreiNav li.custom-block div.sub-wrapper strong {color:#373230; font-family:"Myriad Pro", sans-serif; font-weight:700;} #queldoreiNav li.custom-block div.sub-wrapper a { display:inline; color:#373230; float:none; font-weight:300; padding:0px; text-decoration:underline; border:none !important; background:transparent none !important;} #queldoreiNav li.custom-block div.sub-wrapper a:hover, #queldoreiNav li.custom-block div.sub-wrapper>ul>li a:hover, #queldoreiNav li.custom-block div.sub-wrapper ul li.over > a{ color:#373230 !important; text-decoration:none; background:transparent none !important;} #queldoreiNav li.custom-block div.sub-wrapper>ul, #queldoreiNav li.custom-block div.sub-wrapper ul {} #queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li { width:auto; float:none; background:transparent url("../../skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;} #nav { width:750px; margin:31px 0 34px 46px; padding:0; position:relative; border:none; float:left; } .search-field #nav {width:560px} .below-logo .nav-container {display:block; position:static;} .below-logo #nav {width:auto; margin:0 0 10px 3px} /* All Levels */ #nav li { text-align:left; position: static; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; font-weight:300; } #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; position:relative; margin:0 3px 3px;} #nav>li>a { position:relative; float:left; padding:0; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:36px; letter-spacing:-0.1em; text-transform:uppercase; } #nav>li>a>span{padding:0px 10px; border-top:3px solid transparent; background:#fff;} #nav>li:hover, #nav>li.over, #nav>li.active{-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} #nav>li>a:hover, #nav>li.over>a{z-index:1000;} #nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span{border-top:3px solid #97d2c9;} #nav>li.custom-block>a, #nav>li.custom-block>a>span {cursor:default;} /* 2nd Level */ /*#nav ul,*/ #nav ul { position:absolute; z-index:999; width:auto; padding:16px; margin:39px 0 0; left:-10000px; border:none; background:#fff; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} /* 3rd+ leven */ /*#nav ul ul,*/ #nav ul ul { top:-5px; margin:0 0 0 101px; padding:0; width:auto; border:none; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} #nav ul ul{ padding:16px; width:auto; } #nav ul li { float:none; border:none; width:210px; line-height:28px; position:relative; } #nav ul li.last {} #nav ul li a {float:none; padding:0 10px; font-family:Arial, serif; font-size:12px; font-weight:normal; color:#322c29 !important; background:transparent none; } #nav ul li.active > a {background:#322c29 !important; color:#fff !important; } #nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0px; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:15px; } #nav li.custom-block>ul>li { width:350px; line-height:150%; } #nav li.custom-block ul li strong {color:#888888; font-family:"Myriad Pro", sans-serif; font-weight:700;} #nav li.custom-block ul li a { display:inline; color:#888888; float:none; font-weight:300; padding:0px; text-decoration:underline; border:none !important; background:transparent none !important;} #nav li.custom-block ul li a:hover, #nav li.custom-block ul li.over > a{ color:#888888 !important; text-decoration:none; background:transparent none !important;} #nav li.custom-block ul li>ul { position:static; width:auto; border:none; background:#fff; top:0; margin:0; padding:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } #nav li.custom-block ul li>ul>li { width:auto; float:none; background:transparent url("../../skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;} /********** Navigation > */ /* ======================================================================================= */ a.product-image {display:block;position:relative;} .new-label, .sale-label {position: absolute; z-index:10000; width:91px; height:91px; background:url(../../skin/frontend/shopper/default/images/labels.png) 0 0 no-repeat; } .sale-top-left {top:-13px; left:-13px; background-position:-182px 0;} .sale-top-right {top:-13px; right:-13px; background-position:-273px 0;} .sale-bottom-left {bottom:-13px; left:-13px; background-position:-182px -91px;} .sale-bottom-right {bottom:-13px; right:-13px; background-position:-273px -91px;} .new-top-left {top:-13px; left:-13px; background-position:0 0;} .new-top-right {top:-13px; right:-13px; background-position:-91px 0;} .new-bottom-left {bottom:-13px; left:-13px; background-position:0 -91px;} .new-bottom-right {bottom:-13px; right:-13px; background-position:-91px -91px;} .product-img-box .sale-top-left {top:-4px; left:-4px; } .product-img-box .sale-top-right {top:-4px; right:-4px; } .product-img-box .new-top-left {top:-4px; left:-4px; } .product-img-box .new-top-right {top:-4px; right:-4px; } .price-box {} .price-box a {white-space:nowrap;} .price-box a:hover {text-decoration:none;} .price-box .price{ color:#97d2c9; font-weight:400; font-size:16px; } .price-box .old-price .price{color:#8e8e8e; font-weight:400; font-size:11px; } .availability {} .in-stock {color:green} .out-of-stock {color:red} .ratings {} .rating-box {width:55px; height:10px; margin:2px 12px 0 0; background-image:url("../../skin/frontend/shopper/default/images/rating.png"); } .rating-box .rating {height:10px; background-image:url("../../skin/frontend/shopper/default/images/rating.png");} .rating-links .separator {margin: 0 2px; font-weight: 300; font-size: 12px; color:#d9d9d9;} .breadcrumbs {border:none; margin:0 15px; padding:0; line-height:25px;} .breadcrumbs a{color:rgba(27,26,25,0.77);} .breadcrumbs strong{color:rgba(128,128,128,0.77); font-weight:300;} .breadcrumbs span{background: url("../../skin/frontend/shopper/default/images/icon_breadcrumb.gif") 50% 50% no-repeat; padding: 0 9px; } .breadcrumbs ul{margin: 0; padding: 0px;} /* 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 15px; } .messages li li { margin:0px; min-height:26px; line-height:26px; } .messages li li span{} .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:31px 31px !important; background-repeat:no-repeat !important; line-height:26px; min-height:26px !important; padding:31px 19px 31px 70px !important; font-size:18px !important; font-weight:normal !important; font-style: italic !important; } .error-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(../../skin/frontend/shopper/default/images/i_msg-error.gif); color:#888; } .success-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(../../skin/frontend/shopper/default/images/i_msg-success.gif); color:#888; } .note-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(../../skin/frontend/shopper/default/images/i_msg-note.gif); color:#888; } .notice-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(../../skin/frontend/shopper/default/images/i_msg-notice.gif); color:#888; } .ajax_loading {position:absolute;margin-top:21px; display:none; } .products-list .product-shop .ajax_loading {left:-23px; margin:10px 0 0; } .product-shop .ajax_loading {margin:19px 0 0 -21px; } .quick-view { display:none; position:absolute; z-index:2; top:14%; left:30%; background:#97d2c9 url('../../skin/frontend/shopper/default/images/btn_overlay.png') 0 0 repeat-x; height:42px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:42px; padding:0 16px; font-size:14px; font-weight:300; color:#fff; text-align:center; white-space:nowrap; text-transform:lowercase;} .quick-view:hover {background-color:#393431; color:#fff; text-decoration:none;} div.alert a{ font-size:12px; color:#8db201; padding-left:5px;} div.alert a:hover{ color:#fff;} div.alert {position:fixed; background:#353535; top:0; left:50%; width:333px; margin-left:-220px; padding:20px 60px; color:#FFF; z-index:10030; font-size:12px; font-weight:bold; color:#ececec; border-radius:0 0 3px 3px; text-align:center;} div.alert button{background:url(../../skin/frontend/shopper/default/images/remove-popup.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; right:20px; top:45%; border:none; z-index:9999;} div.alert button:hover{ cursor:pointer; background-position:0 -9px;} /*********** < BANNERS */ .homepage-banners {margin:-13px 0px 68px !important;} .homepage-banners a{ position:relative; overflow:hidden; display:block; padding:11px; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);} .homepage-banners a img{position:relative; z-index:1; max-width:100%; height:auto; width:auto\9; /* ie8 */} .homepage-banners a:hover img{opacity:0.6;} .homepage-banners a .content{position:absolute; z-index:2; margin:38px; color:#4e4d4b; text-align:center; } .homepage-banners a .content strong{font-family:"Myriad Pro",sans-serif; font-size:32px; font-weight:300; text-transform:uppercase; line-height:24px; color:#302f2e; } .homepage-banners a .content .border{margin:15px 10px; height:1px; background:#d7d4d0; } .homepage-banners a .content p{margin:0;} .homepage-banners a .content button{margin:15px 0 0;} .homepage-banners a.text-right .content{right:11px; } .homepage-banners a.text-center .content{right:11px; left:11px} .category-products {margin:0 0 50px;} .category-products h2 {margin:0 0 30px 15px;} .home-main {width:900px; float:left; margin:30px 0 0;} .home-right {width:300px; float:right; margin:30px 0 0;} .home-left {width:300px;float:left; margin:30px 0 0;} .col1-layout .home-main .products-grid {width:900px;} .home-left-col {} .home-left-col .home-main {float:right;} .home-left-col .home-left {float:left;} /*********** < SLIDER */ .slider-container{position: relative; border-top:1px solid #e1e1e1; background:#ededed; margin:53px 0 0 -15px; padding:42px 0 0; } .main-container > .slider-container {margin:0;} .slider-container h3{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; padding:0 0 28px; margin:0 0 0 15px; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .slider-container .block-subtitle{ margin:-15px 15px 15px; text-align:left; } .slider-container .block-subtitle a{text-decoration:underline;} .slider-container .block-subtitle a:hover{text-decoration:none;} .slider-container .jcarousel-list li {float:left; width:252px; padding:0; margin:0 15px 53px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .slider-container .jcarousel-list h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; } .slider-container .jcarousel-list .button-container {float:right;} .slider-container .jcarousel-list .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;} .slider-container .jcarousel-list .button-container button.button span span {padding:0; background:url('../../skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; } .slider-container .jcarousel-list .product-image {display: block; margin:0 0 12px; } .slider-container .jcarousel-list .product-image img {position:relative; z-index:0; } .slider-container .jcarousel-list .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; } .slider-container .jcarousel-list .product-name:hover {color:#000; text-decoration:none;} .slider-container .jcarousel-list .related-checkbox {margin:0 4px; line-height:12px; float:left; } .slider-container .jcarousel-list .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; letter-spacing:-1.2px } .product-slider-container {} .footer-container .product-slider-container {background: #fafafa; width:100%;} .footer-container .jcarousel-skin-tango .jcarousel-clip-horizontal, .footer-container .jcarousel-skin-tango .jcarousel-container-horizontal {width:auto} .product-slider-container .title-container {margin:0 0 -27px; position:relative;} .product-slider-container h2{ margin:0 0 0 15px; padding:0 0 28px; font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .product-slider-container .jcarousel-skin-tango .jcarousel-clip { } .product-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list {padding:35px 0 50px !important;} .product-slider-container .jcarousel-skin-tango .jcarousel-clip ul li.item div.hover { -webkit-box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09); box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09);} /* Category Page ========================================================================= */ /* Pager */ .pager { padding:16px 0 0; margin:0 0 16px; line-height:22px; text-align:center; border-top:1px solid; border-top-color:#e3e3e3; border-top-color:rgba(227,227,227,0.61); } .pager .amount { float:left; color:#262525; color:rgba(38,37,37,0.5); } .pager .amount strong{ font-weight: 400; } .pager .pages { float:right; margin:0; } .pager .pages ol { display:inline; margin:0; padding:0; } .pager .pages li { display:inline-block; width:22px; height:22px;; margin:0; text-align:center; } .pager .pages li a {display:block; float:left; width:22px; height:22px; text-decoration:none; line-height:25px; color:#262525; color:rgba(38,37,37,0.75);} .pager .pages li a:hover { color:#97d2c9; } .pager .pages li a.next, .pager .pages li a.previous { border:1px solid #e1e1e1; background:url('../../skin/frontend/shopper/default/images/pager_bg.gif') 0 0 repeat-x; } .pager .pages li a.next:hover, .pager .pages li a.previous:hover { -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);} .pager .pages strong {display:none} .pager .pages .current { vertical-align:top; color:#97d2c9; line-height:25px; } /* Sorter */ .sorter { padding:0px; margin:0 0 18px; line-height:27px; text-align:left; color:#808080;} .sorter .limiter, .sorter .sort-by, .sorter .sort-order, .sorter .view-mode { float:left; height:27px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); background:url('../../skin/frontend/shopper/default/images/sorter_bg.gif') 0 0 repeat-x } .sorter .sort-by { margin:10px 1px 0 0} .sorter .sort-by label{ margin:0 8px 0 5px} .sorter .limiter {} .sorter .limiter label{ margin:0 7px; } .sorter .link-feed {} .sorter .sort-order { margin:10px 10px 0 0;} .sorter .sort-order a {display:block; } .sorter .view-mode { margin:10px 10px 0 0;} .sorter .view-mode label { display:block; float:left; margin:0 7px; } .sorter .view-mode a, .sorter .view-mode strong { display:block; float:left; overflow:hidden; width:27px; height:27px; margin:0; text-indent:-999px; } .sorter .view-mode .grid { background:transparent url(../../skin/frontend/shopper/default/images/i_grid_mode.gif) 0% 0% no-repeat; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } .sorter .view-mode .list { background:transparent url(../../skin/frontend/shopper/default/images/i_list_mode.gif) 0% 0% no-repeat; } .sorter .view-mode a:hover, .sorter .view-mode strong { background-position:0% 100% !important;} .sorter .view-mode a:hover, .sorter .view-mode strong.grid, .sorter .view-mode strong.list, .sorter .sort-order a:hover { -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10);} /* Toolbar */ .toolbar {} .toolbar img.v-middle{ vertical-align: top;} .toolbar select {height:27px; padding:0; margin:0; line-height:27px; border:none; box-shadow:none; color:#434343; } .toolbar .sort-by select {width:auto; } .toolbar-bottom {} .toolbar-bottom .sorter{display:none;} .toolbar-switch {margin-top:10px; } .toolbar-switch .toolbar-dropdown { display:none; } .toolbar-switch select { display:none; } .toolbar-switch .current { color:#434343; } .toolbar-switch .toolbar-title {position:relative; z-index:4; padding:0 40px 0 0; background:transparent url('../../skin/frontend/shopper/default/images/selectbox_arrow.png') 100% 7px no-repeat;} .over .toolbar-title {background-color:#fff; height:30px; margin:0 -1px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } .toolbar-dropdown {background:#fff; padding:11px 22px; display:none; position:absolute; z-index:3; margin:-1px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05);} .toolbar-dropdown ul{} .toolbar-dropdown ul li{padding:0 0 0 12px; background: url("../../skin/frontend/shopper/default/images/arrow_item.gif") 0 7px no-repeat;} .toolbar-dropdown ul li a{ display:block; line-height:20px; margin:0; padding:0; color:#8c8c8c; } .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a { text-decoration:none; color:#97d2c9;} .category-title { display: none; } .category-image { width:100%; overflow:hidden; margin:0 0 30px; text-align:center; } .category-image img {max-width:100%; width:auto\9; /* ie8 */} .category-description { border:1px solid; border-color:#e3e3e3; border-color:rgba(227,227,227,0.61); margin:0 0 20px 0; padding:20px; line-height:18px; text-align:center; color:#808080; } .category-description h1 {display:block; margin:0; font-size:24px; font-family:"Myriad Pro", sans-serif; font-style:normal; color:#000; color:rgba(0,0,0,0.67); text-transform:uppercase;} .category-description p {margin:22px 0 0;} .category-description strong {color:#000; color:rgba(0,0,0,0.67); font-family:"Myriad Pro", sans-serif; font-style:normal; } .category-description img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ } /* View Type: Grid */ .products-grid { border:none; position:relative; margin:0 0 50px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:900px; margin:0 -15px; } .col1-layout .products-grid { width:1200px; margin:0 auto; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:252px; padding:0; margin:0 15px 30px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .products-grid li.item a:hover {text-decoration:none; } .products-grid h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; } .products-grid .button-container {float:right; margin-left:5px; } .products-grid .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;} .products-grid .button-container button.button span span {padding:0; background:url('../../skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; } .products-grid .product-image {display: block; margin:0 0 12px; position:relative; z-index:1; } .products-grid .product-image img {position:relative; z-index:0; max-width:100%; height:auto; width:auto\9; /* ie8 */ } .products-grid .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; } .products-grid .product-name:hover {color:#000; text-decoration:none;} .products-grid .price-box {margin:0px 0 5px 4px; line-height:14px; letter-spacing:-1.2px } /** gird hover mode **/ .products-grid .regular {} .products-grid .hover {display:none; position:absolute; z-index:2; top:-9px; left:-9px; width:252px; padding:0; margin:0 30px 30px 0; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09); -moz-box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09); box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09);} .products-grid .hover .price-box{position:absolute; z-index:2; right:11px; min-width:66px; margin:0; padding:0; background:#97d2c9; line-height:18px; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .products-grid .hover .price-box .price-label, .products-grid .hover .price-box .label{display:none;} .products-grid .hover .price-box sup{color:#fff; color:rgba(255,255,255,0.5); font-size:18px; font-style:normal; top:-0.3em; } .products-grid .hover .price-box .price{ color:#fff; font-size:24px; } .products-grid .hover .price-box .old-price .price{color:#fff; color:rgba(255,255,255,0.5); font-size:18px; } .products-grid .hover .price-box .old-price sup{top:0;} .products-grid .hover .product-name {text-align:center;} .products-grid .hover .ratings {width:55px; padding:0; margin:0 auto; } .products-grid .hover .rating-links {display:none;} .products-grid .hover .button-container {float:none; border-top:1px solid #f3f3f3; margin-top:12px; padding-top:13px; text-align:center;} .products-grid .hover .button-container button.button span {width:auto; height:19px; line-height:19px; background:transparent none !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-indent:0;} .products-grid .hover .button-container button.button span span {padding:0; font-size:12px; color:#4d4d4d; text-transform:none; } .products-grid .hover .button-container button.button span span em {display:inline-block; float:left; margin:0 13px 0 0; width:24px; height:19px; background:#97d2c9 url("../../skin/frontend/shopper/default/images/icon_cart_listing_mask.png") 0 0 no-repeat;} .products-grid .hover .button-container button.button:hover span span em {background-color:#393431;} .products-grid .add-to-links {width:270px; height:40px; margin:9px -9px -9px; background:#fcfcfc; text-align:center; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .products-grid .add-to-links li {display:inline; margin:0 5px 0 0; line-height:40px;} .products-grid .add-to-links li span {display:inline-block; color:#97d2c9; margin-right:5px;} .products-grid .add-to-links a {font-weight:300} .products-grid .add-to-links a:hover {text-decoration:none;} .products-grid .add-to-links a.link-compare {} .products-grid .availability { line-height:39px; } /* two_columns 3 products per row */ .two_columns_3 {} /* two_columns 4 products per row */ .two_columns_4 {} .two_columns_4 li.item {width:177px;} .two_columns_4 .hover {width:177px;} .two_columns_4 .add-to-links { width:195px; height:auto; padding:10px 0;} .two_columns_4 .add-to-links li { display:block; margin:0; line-height:140%; } .two_columns_4 .add-to-links li { display:block; margin:0; } .two_columns_4 .hover .price-box {display:none} .two_columns_4 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; } .two_columns_4 .product-name {font-size:14px} .two_columns_4 .hover .button-container button.button span span em {margin:0 5px 0 0;} /* two_columns 5 products per row */ .col2-left-layout .two_columns_5 { margin:0 -10px} .two_columns_5 {} .two_columns_5 li.item {width:142px; margin:0 10px 20px} .two_columns_5 .hover {width:142px;} .two_columns_5 .add-to-links { width:160px; height:auto; padding:10px 0;} .two_columns_5 .add-to-links li { display:block; margin:0; line-height:140%; } .two_columns_5 .add-to-links li { display:block; margin:0; } .two_columns_5 .hover .price-box {display:none} .two_columns_5 .quick-view { top:15%; left:20%; height:32px; line-height:32px; font-size:12px; } .two_columns_5 .product-name {font-size:14px} .two_columns_5 .hover .button-container button.button span span em {margin:0 5px 0 0;} /* one_columns 4 products per row */ .one_column_4 {} /* one_columns 5 products per row */ .one_column_5 {} .one_column_5 li.item {width:192px;} .one_column_5 .hover {width:192px;} .one_column_5 .add-to-links { width:210px; height:auto; padding:10px 0;} .one_column_5 .add-to-links li { display:block; margin:0; line-height:140%; } .one_column_5 .add-to-links li { display:block; margin:0; } .one_column_5 .hover .price-box {display:none} .one_column_5 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; } .one_column_5 .product-name {font-size:14px} .one_column_5 .hover .button-container button.button span span em {margin:0 5px 0 0;} /* one_columns 6 products per row */ .one_column_6 {} .one_column_6 li.item {width:152px;} .one_column_6 .hover {width:152px;} .one_column_6 .add-to-links { width:170px; height:auto; padding:10px 0;} .one_column_6 .add-to-links li { display:block; margin:0; line-height:140%; } .one_column_6 .add-to-links li { display:block; margin:0; } .one_column_6 .hover .price-box {display:none} .one_column_6 .quick-view { top:18%; left:21%; height:32px; line-height:32px; font-size:12px; } .one_column_6 .product-name {font-size:14px} .one_column_6 .hover .button-container button.button span span em {margin:0 5px 0 0;} /* View Type: List */ .products-list { margin:0; padding:0; position:relative; } .products-list li.item { border:none; padding:0 0 30px; } .products-list li.item .f-left{ position:relative;} .products-list li.item.last {} .products-list .product-image { padding:0; margin:0; position:relative; z-index:1; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .products-list .product-image .back_img { position:absolute; z-index:1; display:none;} .products-list .product-shop { position:relative; margin-left:300px; } .products-list .product-name { margin:8px 0 5px; padding:0 0 13px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); } .products-list .product-name a { font-family:"Myriad Pro",serif; font-size:16px; color:#000; color:rgba(0,0,0,0.67); } .products-list .product-name a:hover { text-decoration:none; color:#000;} .products-list .price-container {float:none; margin:0 0 12px; padding:0 0 6px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); } .products-list .price-box {float:left; margin:0; padding:0; } .products-list .price-box .price {font-size:20px; } .products-list .price-box p {display:inline-block; margin:0 5px 0 0; } .products-list .ratings { float:left; width:270px; margin:6px 0 0 25px; padding:0; } .products-list .ratings, .products-list .ratings a { color:#1b1a19;} .products-list .price {} .products-list .desc { margin:0 0 8px; padding:0 0 14px; color:#1b1a19; line-height:1.35; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); } .products-list .desc .link-learn { display:none;} .products-list .desc a { text-decoration: underline;} .products-list .desc a:hover { text-decoration: none;} .products-list .button-container { float:left; margin:0; line-height:35px; } .products-list .button-container p { line-height:35px;} .products-list .button-container .btn-add-cart { display:block; vertical-align:top; color:#322c29; font-size:14px;} .products-list .button-container .btn-add-cart span{ float:left; display:inline-block; border-radius: 100% 100% 100% 100%; height: 35px; text-indent: -9999px; width: 35px; margin:0 15px 0 0; background:#97d2c9 url("../../skin/frontend/shopper/default/images/icon_cart_listing.png") no-repeat 50% 50%;} .products-list .button-container .btn-add-cart:hover {color:#000; text-decoration: none; } .products-list .button-container .btn-add-cart:hover span{background-color:#322c29;} .products-list .add-to-links {float:left; clear:none;} .products-list .add-to-links li {float:left; margin:0; line-height:35px;} .products-list .add-to-links li span {display:inline-block; width:1px; height:15px; margin:10px 25px; background:#d5d5d5; } .products-list .add-to-links a {color:#322c29; font-size:14px; font-weight:300 !important; line-height:35px; vertical-align:top;} .products-list .add-to-links a.link-compare {} .products-list .add-to-links a:hover {color:#000; text-decoration: none; } /* ======================================================================================= */ .cart-empty a {font-weight: 800;} .cart fieldset { margin:0;} .cart .cart-collaterals { padding:29px 0 30px; text-align:center; } .cart .cart-collaterals .cart-block { position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; padding:20px 13.513%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);} .cart .cart-collaterals h2 { font-family:"Myriad Pro"; font-size:20px; font-weight:400; padding:0 0 44px; margin:0; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .cart .cart-collaterals h2:after {content:''; float:left; width:90%; height:1px; background:#e8e8e8; margin:23px 0 0 5%;} .cart .cart-collaterals .buttons-set {margin:0; text-align:center; } .cart .cart-collaterals .buttons-set button.button{float:none;} .cart .cart-collaterals .input-box {width:100%; margin:0 0 10px;} .cart .cart-collaterals .input-box input{width:96%;} .cart .cart-collaterals .input-box select{width:100%;} .cart .cart-collaterals .cart-coupon {} .cart .cart-collaterals .cart-coupon .input-box{margin:17px 0;} .cart .cart-collaterals .cart-shipping {} .cart .cart-collaterals .cart-shipping .form-list {margin:17px 0 0;} .cart .cart-collaterals .cart-shipping .form-list label {float:none;} .cart .cart-collaterals .cart-total {padding:0;} .cart .cart-collaterals .cart-total .checkout-types {float:none; position:relative; width:100%; overflow:hidden; margin:0; padding:30px 0 25px; background:#fbfbfb; text-align:center; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .cart .cart-collaterals .cart-total .checkout-types button.button {margin:0 0 10px} #shopping-cart-totals-table {margin:20px auto 17px; } #shopping-cart-totals-table strong{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; text-transform:uppercase; letter-spacing:-1.2px; color:#000; color:rgba(0,0,0,0.75); } #shopping-cart-totals-table .a-right {text-align:center !important;} #shopping-cart-totals-table td {padding:0 0 5px; width:60%;} .data-table{border-collapse:separate; border-top:6px solid #575757; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);} .data-table th, .data-table td, .data-table td a{ color:#000; color:rgba(0,0,0,0.67)} .data-table td a.product-image, .data-table td a.product-image img{ display:block; margin:0 auto;} .data-table td a:hover{ color:#000; text-decoration:none; } .data-table tbody td{ border:1px solid #e9e9e9; border-top:none; border-left:none;} .data-table tbody tr:last-child td{ border-bottom:none;} .data-table thead, .data-table tfoot{ background:#fafafa; } .data-table thead th{ -webkit-box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);} .data-table tfoot td{ -webkit-box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15);} .data-table tr.even, .data-table tr.odd {background-color:#fff;} .data-table th {padding:18px 23px; font-weight:300; } .data-table td {padding:18px;} .data-table td.td-edit, .data-table td.td-price {padding:26px 18px;} .data-table td.td-image {border-left:none; } .data-table td.td-image img {width:115px; height:auto; } .data-table td.td-delete {border-right:none; } .data-table .product-name {font-weight:700;} .data-table .td-title {display:none;} .data-table .td-actions {display:none;} .data-table .btn-edit2 {width:38px; height:38px; background:#97D2C9 url('../../skin/frontend/shopper/default/images/icon_edit.png') 50% 50% no-repeat; } .data-table .btn-edit:hover {background-color:#393431} .data-table .btn-remove2 {width:38px; height:38px; background:#97D2C9 url('../../skin/frontend/shopper/default/images/icon_trash.png') 50% 50% no-repeat; } .data-table .btn-remove:hover {background-color:#393431} .data-table .btn-continue {float:left;} .data-table button.button span {font-size: 12px; text-transform: lowercase;} /* compare popup table */ #product_comparison {margin:0 0 20px} #product_comparison th{ background:#fafafa; -webkit-box-shadow:inset -6px 0px 6px -6px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset -6px 0 6px -6px rgba(0, 0, 0, 0.15); box-shadow:inset -6px 0 6px -6px rgba(0, 0, 0, 0.15);} #product_comparison thead, #product_comparison tfoot{ background:#fff; } #product_comparison thead td{ border:1px solid #e9e9e9; border-top:none; border-left:none;} #product_comparison thead tr:last-child td{ border-bottom:none;} #product_comparison .btn-remove { float:right;} #product_comparison a.product-image { margin:0 0 15px;} #product_comparison .price-box, #product_comparison .product-name, #product_comparison p, #product_comparison ul.add-to-links li { text-align:center;} #product_comparison .ratings {text-align:center; } #product_comparison .ratings .rating-box {float:none; margin:0 auto;} .item-options {margin-top:10px;} .item-options dt{float:left; clear:left; font-style: normal; font-weight:300; } .item-options dt:after{content:' - '; } .item-options dd { float:left; margin:0 0 3px 3px; padding:0; font-weight: 400; font-style: normal; } .product-view .item-options {margin-top:10px;} .product-view .item-options dt{float:none; } .product-view .item-options dd { float:none; margin:5px 0 0 20px; padding:0; font-weight: 400; font-style: normal; } /* Shipping and Payment methods */ .sp-methods { margin:14px 0; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {margin:0;} .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; } .dedicated-review-box {} .dedicated-review-box .ratings-list{margin:10px 0;} #product-review-table {margin:0 0 15px; } #product-customer-reviews {} #product-customer-reviews li{margin-bottom:30px;} #product-customer-reviews .review-title{font-size:14px; font-family:"Myriad Pro", serif; font-weight:400; color:#000; color:rgba(0,0,0,0.67); padding-right:15px;} #product-customer-reviews p{margin:0 0 0 5px;} #product-customer-reviews .ratings-list{margin:10px 0 10px 5px;} #product-customer-reviews .ratings-list td{line-height: 14px; padding:0 5px 0 0; } .add-review {border-top:1px solid #ededed; padding-top:30px;} .add-review h3.title{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px; margin:0 0 20px;} .add-review .data-table th{ padding:12px;} .add-review .data-table td{ padding:12px; text-align: center;} .add-review .form-list label{ color:#565656} .add-review .buttons-set { margin:0;} .add-review .buttons-set button.button{ float:left;} #customer-reviews {margin-top:30px;} #customer-reviews dt a{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px;} #customer-reviews dd {margin:0 0 20px 10px;} #customer-reviews .ratings-table{margin:10px 0 10px 5px;} #customer-reviews .ratings-table td{line-height: 14px;} #customer-reviews .form-add {border-top:1px solid #ededed; padding-top:30px; margin-top:20px;} #customer-reviews .form-add h2{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px; margin:0 0 20px;} #customer-reviews .form-add .data-table th{ padding:12px;} #customer-reviews .form-add .data-table td{ padding:12px; text-align: center;} #customer-reviews .form-add .form-list label{ color:#565656} #customer-reviews .form-add .buttons-set button.button{ float:left;} .top-opc { width:1170px; } .top-opc li{float:left; width:150px; margin:0 40px 30px 0;} .top-opc li .number{display:block; float:left; width:54px; height:54px; margin:0 10px 0 0; background:#dbdbdb; line-height:52px; font-family:"Myriad Pro",serif; font-size:30px; font-weight:300; color:#fff; text-align:center; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } .top-opc li h2{overflow:hidden; margin:11px 0 0; line-height:16px; font-size:16px; font-weight:300; color:#dbdbdb;} .top-opc li.allow {cursor:pointer;} .top-opc li.allow .number{background:#322c29;} .top-opc li.allow h2{color:#322c29;} .top-opc li.allow:hover .number{background:#97d2c9;} .opc {border:0;} .opc button.button span {font-size:12px; text-transform: lowercase;} .opc .step {padding:23px 21px; margin:0 0 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);} .opc .step-title {display:none; padding:0; margin:0; background:transparent; border-bottom:1px solid #e8e8e8; font-size:18px; color:#4c4c4c; font-family:"Myriad Pro", serif; line-height:47px; height:47px;} .opc .step-title h2 {margin:0; line-height:47px;} .opc .step-title .number {margin:10px 20px 0 18px; padding:0 18px 0 0; border-right:1px solid #e0e0e0; line-height:25px;} .opc .active .step-title {background: #f7f7f7; border:1px solid #e8e8e8;} .opc .active .step-title .number {border-right:1px solid #e8e8e8;} .opc .step-title:hover {background: #f7f7f7;} .opc .active .step-title:hover {background: #f7f7f7;} .opc h3{margin:0 0 15px; font-size:18px; color:#97d2c9; font-family:"Myriad Pro", serif; font-weight:300; } .opc h4 {font-size:12px; font-weight:300; color:#97d2c9;} .opc .buttons-set {margin:0;} .opc .form-list {margin:10px 0 0;} .opc .form-list li{margin:0;} .opc .form-list .input-box {margin:0 0 15px;} .opc .form-list .input-box {width:100%;} .opc .form-list input.input-text {width:90%;} .opc .form-list li.wide .input-box {width:100%;} .opc .form-list li.wide input.input-text {width:95%;} .opc .form-list .field {width:50%;} .opc .td-label {display:none; font-style:italic; width:90px; } .opc .product-name {overflow:hidden; } #checkout-step-login {padding:0; margin:0; background:none transparent; border:0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} #checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login{width:378px} #checkout-step-login .block-checkout-register{margin-left:0} #checkout-step-login .block-checkout-login{margin-right:0} #checkout-step-login .block .block-title{margin:0; border:none; } #checkout-step-login .block .block-content li {margin:0; padding:0; line-height:20px; background:none} #checkout-step-login .block-checkout-register h4{margin-top:20px; } #checkout-step-login .block-checkout-register ul.ul{} #checkout-step-login .block-checkout-register ul.ul li {line-height:24px; font-weight:300; padding:0 0 0 24px; position:relative; } #checkout-step-login .block-checkout-register ul.ul li:before { content: '\00b7';font-size:70px;position:absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif;font-style:normal;color:#97d2c9; } #checkout-step-login .block-checkout-login .buttons-set button.button {float:left; margin:0 13px 0 0;} #checkout-step-login .block-checkout-login .buttons-set .required {float:left; width:200px;} #checkout-step-login .block-checkout-login .buttons-set a {float:left;} #checkout-step-login input.input-text {width:318px;} #checkout-step-login label {color:#808080; margin:0;} #checkout-review-table {} #checkout-review-table h3 {margin:0; font-size:12px; font-family:Arial,serif; color:#000; color:rgba(0,0,0,0.75); } #checkout-step-review {} #checkout-step-review .buttons-set {margin-top:10px; line-height:42px;} #checkout-step-review .buttons-set button.button {float:right;} #cart-sidebar-reorder {margin:0 0 30px} .block-reorder .block-content .actions {text-align:right; line-height:42px; } .block-progress dt {line-height:24px; font-weight:300; padding:0 0 0 24px; position:relative;} .block-progress dt:before { content: '\00b7';font-size:70px;position:absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif;font-style:normal;color:#97d2c9; } .block-progress dt.complete {background:transparent; font-weight:700; } .block-progress dt a {font-size:10px; text-decoration:underline; } .block-progress dt a:hover {text-decoration:none;} .block-progress dt:last-child { border-bottom:none; } .block-progress dd {margin:5px 0; padding:0 0 0 23px; } .block-progress dd.complete { background: transparent;} .block { float:left; width:230px; padding:23px 20px; margin:0 15px 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);} .block .block-title {border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; } .block .block-title strong {font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .block .block-title small {font-size:70%} .block .block-subtitle {margin:0 0 10px; padding: 0 0 25px; border-bottom: 1px solid #f4f4f4; font-size:14px;} .block .block-content {padding:0; margin:0;} .block .block-content p {padding:0 0 10px;} .block .block-content .actions {margin:0; padding:0; text-align:center; } .block .block-content .actions a:hover {text-decoration:none;} .block .block-content .actions .f-right {line-height:35px;} .block .block-content li, .block .block-content li.item {margin:0 0 0 3px; padding:0 0 0 13px; line-height:20px; background: url("../../skin/frontend/shopper/default/images/arrow_item.gif") 0 8px no-repeat } .block .block-content li:last-child, .block .block-content li.item:last-child {border:0; } .block .block-content a, .block .block-content li a, .block .block-content li.item a {color:#322c29; text-decoration:none;} .block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover {color:#999; text-decoration:none; } .block li.even, .block li.odd {background-color: transparent;} .block .btn-remove, .block .btn-edit {float:left;} .cms-index-index .block { float:left; width:270px; padding:0; margin:0 15px 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);} .cms-index-index .block .block-title {border:0; padding:24px 35px 27px; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;} .cms-index-index .block .block-title:after {content:''; float:left; width:120px; height:1px; background:#e8e8e8; margin:14px 0 0 39px;} .cms-index-index .block .block-title strong {font-size:24px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .cms-index-index .block .block-subtitle {margin:0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #f4f4f4;} .cms-index-index .block .block-content {padding:0 20px 25px; margin:0;} .cms-index-index .block .block-content .actions {margin:0; padding:0; text-align:center; } .cms-index-index .block .block-content .actions .f-right {line-height:35px;} .cms-index-index .block .block-content li, .block .block-content li.item {margin:0; padding:0; line-height:20px; background: none; } .cms-index-index .block .block-content li:last-child, .cms-index-index .block .block-content li.item:last-child {border:0; } .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover {color:#999; } .cms-index-index .block li.even, .cms-index-index .block li.odd {background-color: transparent;} .cms-index-index .block .btn-remove, .cms-index-index .block .btn-edit {float:left;} .block-tags .block-content li {line-height:22px; font-size:16px; background:none; padding:0; margin:0; } .block-tags .block-content li a {color:#322c29;} .block-tags .block-content .actions {width:270px; height:40px; line-height:40px; margin:16px -21px -22px; background:#fcfcfc; text-align:center; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .block-tags .block-content .actions a { float:none;} .block-poll .question {float:left; margin:0 10px 0 0; font-size:18px; font-weight:300; font-family:"Myriad Pro", serif; color:#000; color:rgba(0,0,0,0.67); } .block-poll .block-subtitle {font-weight:300; } .block-poll .block-content li {line-height:30px; margin:0; padding:0; background:none; } .block-poll input.radio { margin-top:7px; } .block-poll .block-content .actions {margin:10px 0 0 0; padding:20px 0 0; border-top:1px solid #e8e8e8;} .block-layered-nav .block-subtitle {display:none;} .block-layered-nav dt {margin:10px 0 5px; padding:0px; border:0; font-size:14px; font-weight:400; font-family:"Myriad Pro", serif; color:#000; color:rgba(0,0,0,0.67);} .block-layered-nav dd {margin:0 0 15px;} .block-layered-nav .block-content dd li {margin:0 0 0 3px; padding:0 0 0 13px; line-height:20px; background: url("../../skin/frontend/shopper/default/images/arrow_item.gif") 0 8px no-repeat } .block-layered-nav .block-content dd li:last-child {border:0; } .block-layered-nav .block-content dd li a:hover {color:#999; } .block-layered-nav .shopby_more {display:none; text-align:right;} .block-layered-price {} .block-layered-price .ui-slider-horizontal { height:6px; border:1px solid #e6e6e6; background:#fefefe; margin:0 0 10px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .block-layered-price .ui-widget-header {background:#5e5e5e none; } .block-layered-price .ui-slider-horizontal .ui-slider-handle {top: -.3em; margin-left: -.6em;} .block-layered-price .ui-slider .ui-slider-handle {width:19px; height:18px; } .block-layered-price .ui-widget-content .ui-state-default {background:transparent url('../../skin/frontend/shopper/default/images/slider_handle.png') 0 0 no-repeat; border:none; cursor:pointer; } .block-left-nav .block-title strong {font-size:24px;} .block-compare .block-content li.item {margin:0 0 9px 25px; padding:0; line-height:16px; background:none;} .block-compare .btn-remove {float:left; margin:1px 0 0 -25px; } .block-compare .block-content .actions {margin:20px 0 0 0; padding:20px 0 0; border-top:1px solid #e8e8e8;} .block-compare .block-content .actions .f-right {float:none !important;} .block-compare .block-content .actions a {float:none;} .block-compare .block-content .actions a:before {content:''; position:absolute; width:15px; height:15px; margin:10px 0 0 -20px; background-color:#393431; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image:url(../../skin/frontend/shopper/default/images/btn_remove.png);} .block-bestsellers{} .block-bestsellers .block-title {margin:0 0 21px;} .block-bestsellers .block-content li {margin:0 0 12px; padding:0 0 12px; line-height:16px; background:none; border-bottom: 1px solid #f4f4f4;} .block-bestsellers .block-content li:last-child {margin:0; padding:0; border:none;} .block-bestsellers .product-image {float:left; width:56px; margin-right:10px; border:5px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .block-bestsellers .product-info {float:left; width:120px; } .block-bestsellers .price-box {margin-top:5px;} .block-bestsellers .price-box .price {font-size:12px;} .block-viewed{} .block-viewed .block-title {margin:0 0 21px;} .block-viewed .block-content li {margin:0 0 12px; padding:0 0 12px; line-height:16px; background:none; border-bottom: 1px solid #f4f4f4;} .block-viewed .block-content li:last-child {margin:0; padding:0; border:none;} .block-viewed .product-image {float:left; width:56px; margin-right:10px; border:5px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .block-viewed .product-info {float:left; width:120px; } .block-viewed .price-box {margin-top:5px;} .block-viewed .price-box .price {font-size:12px;} .block-subscribe{} .block-subscribe .form-subscribe-header{text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);} .block-subscribe .input-box{margin:16px 0; text-align:center } .block-subscribe input.input-text{min-width:90%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } .block-login {float:none; width:350px; margin:0 auto; padding:0; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);} .block-login .block-title {padding:29px 33px 50px; border:0; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;} .block-login .block-title:after {width:250px; margin:23px 0 0 17px; content:''; float:left; height:1px; background:#e8e8e8; } .block-login .block-title strong {font-size:36px; line-height:30px;} .block-login .block-content {margin:0; padding:0 43px 25px; text-align:center;} .block-login .block-content ul {margin:0; padding:0; background:none; border:none; list-style:none; } .block-login .block-content li {margin:0; padding:0; background:none; border:none; text-align:center;} .block-login .block-content .form-list label { float:none; color:#505050; font-weight:300; padding:0;} .block-login .block-content .form-list .input-box{margin:2px 0 21px; width:auto; text-align:center;} .block-login input.input-text{margin:0; display:inline; min-width:96%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } .block-login .forgot-password{display:block; margin:10px 0 16px; color:#322c29; } .block-login .forgot-password:hover{color:#000; text-decoration:none; } .block-login .block-slider .slides > li strong {padding:0; margin:0; border:0;} .block-login .block-slider .slides > li button.button {margin:0;} .block-login .new-users {position:relative; width:350px; height:42px; overflow:hidden; margin:-25px 0 0; padding:13px 0; background:#fefefe; text-align:center; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .block-login .new-users .button{float:none;} .block-login .error-msg, .block-login .success-msg { border:none !important; background:none !important; line-height:1.4; min-height:10px !important; padding:0 0 10px !important; font-size:14px !important; font-weight:normal !important; font-style: italic !important; } /* Product Tabs */ .product-tabs-container {} .product-tabs-container h2.tab-heading {display:none} .product-tabs { margin:25px 0 0; border:0; } .product-tabs li { float:left; border:1px solid #e1e1e1; height:43px; line-height:43px; margin-right:7px; position:relative; } .product-tabs li.first { } .product-tabs li.last { } .product-tabs a { display:block; height:47px; padding:0px 20px; color:#000; color:rgba(0,0,0,0.67); font-size:16px; font-family:"Myriad Pro", serif; background: #f5f5f5; } .product-tabs a:hover { background-color:#fff; text-decoration:none; } .product-tabs li.active {border:none; border-top:4px solid #97D2C9; z-index:3; margin-top:-4px; height:46px; background:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15); box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);} .product-tabs li.active a, .product-tabs li.active a:hover { background-color:#fff; } .product-tabs-content {position:relative; z-index:2; border:none; background:#fff; padding:23px; margin:69px 0 40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15);} .product-tabs-content h2 { display:none; font-size:12px; font-weight:bold; } .product-tabs-content h3, .product-tabs-content h4 {font-weight:400;} .product-tabs-content h4 {margin:0 0 10px;} .product-tabs-content .data-table td {padding-left:12px} .product-tabs-content ul.disc {} .product-tabs-content ul.disc li { width:auto; float:none; background:transparent url("../../skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;} .product-tabs-accordion {display:none; margin:25px 0 30px; border:0; } .product-tabs-container h2.tab-heading { border:1px solid #e1e1e1; height:43px; line-height:43px; margin:-1px 0 0; position:relative; background: #f5f5f5; } .product-tabs-container h2.tab-heading:hover { background-color:#fff; } .product-tabs-container h2.tab-heading a { display:block; height:43px; padding:0px 20px; color:#000; color:rgba(0,0,0,0.67); font-size:16px; font-family:"Myriad Pro", serif; } .product-tabs-container h2.tab-heading a:hover { text-decoration:none; } .product-tabs-container h2.active {border:none; border-top:4px solid #97D2C9; background:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15); box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);} .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover { background-color:#fff; } .accordion-content {display:none; margin:0;} .product-view {} .product-view .buttons-set .back-link {float:right; margin:-60px 0 0;} .review-product-list .product-view .buttons-set .back-link {display:none;} .review-product-list .product-view .box-reviews {margin:0 0 30px;} .product-view h1 {font-size:30px; font-family:"Myriad Pro",serif; font-weight:400; color:#322c29; letter-spacing:-1px} .product-view h2 {font-size:20px; font-family:"Myriad Pro",serif; font-weight:400; color:#322c29; letter-spacing:-1px} .product-view .product-name { margin-bottom:7px; } .product-view .product-name a{ color:#322c29; } .product-view .product-name a:hover{ color:#000; text-decoration:none; } .product-view .availability { float:left; clear:left; font-size:12px; font-weight:300; color:#73b334; margin:10px 14px 0px 0; } .product-view .sku { float:left; font-size:12px; font-weight:700; margin:10px 0 0; } .product-view .availability-grouped { float:none; margin:5px 14px 15px 0; } .product-view .sku-grouped { font-size:12px; font-weight:700; margin:0 0 15px; } .product-view .grouped-items-table {margin:0 0 20px;} .product-view .product-shop .grouped-items-table .price-box .price { font-size:24px; line-height:24px; } .product-view .product-shop .grouped-items-table tbody td { padding:10px;} .product-view .product-essential {} .product-view .short-description { margin:15px 0; padding:17px 0; border:1px solid; border-color:#e3e3e3; border-color:rgba(227,227,227,0.61); border-left:none; border-right:none; color:#000; color:rgba(0,0,0,0.67);} .product-view .qty-container { margin:0 0 17px; padding:0 0 17px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61);} .product-view .qty-container label{float:left; margin-right:10px; line-height:30px; color:#000; color:rgba(0,0,0,0.67);} .product-view .qty-container input{float:left; width:40px;} .product-view .product-options {background: transparent; margin:0 0 0 0 13px; padding:0;} .col1-layout .product-view .product-shop { float:none; width:auto; overflow:hidden; margin:0;} .product-view .product-shop-info {overflow:hidden; padding:0 2px;} .product-view .product-shop .product-options {margin:0px 0 13px;} .product-view .product-shop .price-box {position:relative; float:left;} .product-view .product-shop .price-box .price-label { display:block;} .product-view .product-shop .price-box .price { font-size:48px; line-height:48px; } .product-view .product-shop .price-box .old-price { position:absolute; left:100%; margin:7px 14px; } .product-view .product-shop .price-box .old-price .price { color:#b5b5b5; font-size:14px; line-height:100%; } .product-view .product-shop .price-box p{} .product-view .product-shop .price-box-bundle {float:none;} .product-view .product-shop .price-box-bundle .price-box {float:none;} .product-view .product-shop .price-box-bundle .price-box p {display:block;} .product-view .product-shop .grouped-items-table .price-box .old-price {position:static; margin:0;} .product-view .product-options dt {margin:10px 0 0;} .product-view .product-options dt label em {color:#9A1212;} .product-view .product-options dd {padding: 0px 0px 17px; margin:0 0 17px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61);} .product-options dd input.input-text {width:96%} .product-view .product-options .qty-holder {display:block; margin-top:5px;} .product-view .product-options dd input.qty {width:40px;} .product-view .product-options-bottom {background: transparent; margin:10px 0; padding:0;} .product-view .product-shop .product-options-bottom {margin:0; float:left;} .product-view .product-shop .product-options-bottom .price-box {float:none; margin:0 0 15px; } .product-view .product-img-box {width:363px; position:relative; margin: 0 30px 0 0;} .product-view .product-img-box .zoom {width: 210px; background:none; } #track { background: url("../../skin/frontend/shopper/default/images/slider_bg.gif") no-repeat scroll 50% 50% transparent; } .product-view .product-img-box .product-image {padding:0; margin:0 0 6px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .product-view .product-img-box .product-image a {display:block; position: relative; overflow: hidden;} .product-view .product-img-box .zoom-notice {margin:5px 0;} .product-view .product-img-box .product-image-zoom {width:363px; height:363px;} .product-view .product-img-box .zoom-thumbnail {} .product-view .product-img-box .more-views { padding:8px 0; margin:0 0 6px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .product-view .product-img-box .more-views ul {margin:0;} .product-view .product-img-box .more-views li { float:left; background:transparent; padding:0; margin:0 6px 0 0;} .product-view .product-img-box .more-views .jcarousel-skin-tango {margin:0 46px;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal {margin:0; width:402px;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {margin:0; width:402px;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:126px; margin:0 4px;} .product-view .product-img-box .more-views .jcarousel-controls {position:relative;} .product-view .product-img-box .more-views .jcarousel-prev-horizontal { position:absolute; left:1px;} .product-view .product-img-box .more-views .jcarousel-next-horizontal { position:absolute; right:1px;} .product-view .add-to-cart { margin:0;} .product-view .product-shop .add-to-box { margin:0; float:left;} .product-view .product-shop .add-to-cart button.button { margin:0;} .product-view .add-to-cart button.button span{ height:52px; background-image:url('../../skin/frontend/shopper/default/images/btn_overlay_product.png'); } .product-view .add-to-cart button.button span span {line-height:52px; font-size:14px; text-transform:capitalize; padding:0 20px 0 70px; background:url('../../skin/frontend/shopper/default/images/icon_cart_product.png') 17px 50% no-repeat; } .product-view .add-to-links{margin:88px 0 0; padding:0; float:left; } .product-view .add-to-links li{line-height:38px; padding-left:53px; margin:0 0 0 20px; float:left;} .product-view .product-shop-info .add-to-links{float:none; clear:left;} .product-view .product-shop-info .add-to-links li{margin:8px 50px 0 0; float:none;} .product-view .add-to-links li a{display:block; color:#322c29; font-size:14px;} .product-view .add-to-links li span.icon {display:block; float:left; overflow:hidden; margin-left:-53px; width:38px; height:38px; background:#322c29 url("../../skin/frontend/shopper/default/images/icon_wishlist.png") 50% 50% no-repeat; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; text-indent:-999px; } .product-view .add-to-links li.compare span.icon {background-image:url('../../skin/frontend/shopper/default/images/icon_compare.png');} .product-view .add-to-links li.email-friend span.icon {background-image:url('../../skin/frontend/shopper/default/images/icon_email.png');} .product-view .add-to-links li a:hover {text-decoration:none } .product-view .add-to-links li:hover span.icon {background-color:#97d2c9} .product-view .add-to-links .link-wishlist, .product-view .add-to-links .link-compare {font-weight:400;} .product-view .product-shop .no-rating, .product-view .product-shop .ratings { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); } .product-view .product-shop .no-rating a, .product-view .product-shop .ratings a {color:#000; color:rgba(0,0,0,0.67); font-size:12px; text-decoration:none;} .product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover {color:#000;} .product-view .addthis_toolbox {margin:17px 0;} .product-view .grouped-items-table .qty{width:30px;} .product-view .tier-prices{margin:14px 0 0;} .product-options dd select {width:208px;} .product-options dd select.multiselect {width:100%;} .product-view .box-tags h3 {font-size:14px; font-family:"Myriad Pro", serif;} .product-view .box-tags .product-tags {margin:10px 0 20px;} .product-view .box-tags .product-tags li { display:inline; padding:0 6px; } .product-view .box-tags .product-tags li a{ text-decoration: underline; } .product-view .box-tags div.form-add{ border-top:1px solid #ededed; padding-top:20px; } .product-view .box-tags .form-add label{ display:block; float:none; font-size:14px; margin-bottom:5px; } .product-view .box-tags .form-add .input-box {margin:0;} .product-view .box-tags .form-add .input-text {height:24px; line-height:24px; border-right:0;} .product-view .box-tags .form-add button.button span {height:34px;line-height:34px; } .product-view .after-tabs-block { margin:0 0 30px;} .product-view .product-additional { float:right; width:270px; margin:0 3px 0 27px;} .product-view .product-additional .block {margin:0 0 20px; padding:0; width:270px; } .product-view .product-additional .block .block-title {border:0; padding:24px 35px 27px; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;} .product-view .product-additional .block .block-title:after {content:''; float:left; width:120px; height:1px; background:#e8e8e8; margin:14px 0 0 39px;} .product-view .product-additional .block .block-title strong {font-size:24px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .product-view .product-additional .block .block-subtitle {margin:0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #f4f4f4;} .product-view .product-additional .block .block-content {padding:0 20px 25px; margin:0;} .product-view .product-additional .block .block-content .actions {margin:0; padding:0; text-align:center; } .product-view .product-additional .block .block-content .actions .f-right {line-height:35px;} .product-view .product-additional .block .block-content li {margin:0; padding:0; line-height:20px; background: none; } .product-view .product-additional .block .block-content li:last-child, .product-view .product-additional .block .block-content li.item:last-child {border:0; } .product-view .product-additional .block .block-content li:hover a, .product-view .product-additional .block .block-content li.item:hover a {color:#999; } .product-view .product-additional .block li.even, .product-view .product-additional .block li.odd {background-color: transparent;} .product-view .product-additional .block .btn-remove, .product-view .product-additional .block .btn-edit {float:left;} .product-view .box-up-sell {} .product-view .box-up-sell h2{font-size:24px; text-transform:uppercase; margin:0 80px 20px 0 } .product-view .box-up-sell .block-subtitle {line-height:32px;} .product-view .box-up-sell .block-subtitle a {font-weight:300; text-decoration:underline; } .product-view .box-up-sell .block-subtitle a:hover {text-decoration:none; } .product-view .box-up-sell .jcarousel-item, .product-view .box-up-sell .item {width:280px; margin:0;} .product-view .box-up-sell .item {float:left; width:130px; padding:0; margin:3px 4px 20px 3px; position:relative; } .product-view .box-up-sell .product-image {display:block; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .product-view .box-up-sell .product-name {color:#3c3c3c; font-size:12px; font-weight:300; display:block; margin:10px 4px 6px; line-height:120%; } .product-view .box-up-sell .product-name:hover {color:#000; text-decoration:none;} .product-view .box-up-sell .upsell-checkbox {margin:0 4px; line-height:12px; float:left; } .product-view .box-up-sell .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; } .product-view .box-up-sell .price-box .price {font-size:12px; font-family:Arial,serif; line-height:100%;} .product-view .box-up-sell .jcarousel-next-horizontal {margin:-55px 0 0 30px; background-color:#efefef} .product-view .box-up-sell .jcarousel-prev-horizontal {margin:-55px 0 0 0; background-color:#efefef} .product-view .box-up-sell .jcarousel-container-horizontal {width:280px; margin:0;} .product-view .box-up-sell .jcarousel-clip-horizontal {width:280px; margin:0;} .box-up-sell2 {position: relative; margin:30px 0 0 -15px; display:none; } .box-up-sell2 h3{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:300; padding:0 0 28px; margin:0 0 0 15px; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .box-up-sell2 .block-subtitle{ margin:-15px 15px 15px; text-align:left; } .box-up-sell2 .block-subtitle a{text-decoration:underline;} .box-up-sell2 .block-subtitle a:hover{text-decoration:none;} .box-up-sell2 .jcarousel-list li {float:left; width:252px; padding:0; margin:0 15px 53px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);} .box-up-sell2 .jcarousel-list h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; } .box-up-sell2 .jcarousel-list .button-container {float:right;} .box-up-sell2 .jcarousel-list .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;} .box-up-sell2 .jcarousel-list .button-container button.button span span {padding:0; background:url('../../skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; } .box-up-sell2 .jcarousel-list .product-image {display: block; margin:0 0 12px; } .box-up-sell2 .jcarousel-list .product-image img {position:relative; z-index:0; } .box-up-sell2 .jcarousel-list .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; } .box-up-sell2 .jcarousel-list .product-name:hover {color:#000; text-decoration:none;} .box-up-sell2 .jcarousel-list .upsell-checkbox {margin:0 4px; line-height:12px; float:left; } .box-up-sell2 .jcarousel-list .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; letter-spacing:-1.2px } .box-up-sell2 .jcarousel-next-horizontal {background-color:#efefef} .box-up-sell2 .jcarousel-prev-horizontal {background-color:#efefef} .banner{margin-bottom:10px;} .banner a{display: block; position: relative; margin:0px; text-decoration:none;} .banner a:hover{text-decoration:none;} .banner a span{position:absolute; padding: 12px; top:50%; background: #1b1a19; font-weight: 300 !important; font-size:16px; line-height: 16px; color:#fff} .banner a.text-left span{left:0; text-align: left;} .banner a.text-center span{left:0; right:0; margin:0 auto; text-align: center;} .banner a.text-right span{right:0; text-align: right;} .banner a em{position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; background: #000; filter: alpha(opacity=0); /* internet explorer */ opacity: 0; /* fx, safari, opera, chrome */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ } .banner a:hover em{ filter:alpha(opacity=10); /* internet explorer */ opacity:0.1; /* fx, safari, opera, chrome */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)"; /*IE8*/ } /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { margin:0 0 15px; } .box-account .box-head { margin:0 0 5px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; color:#4c4c4c; } .box-account .box-head a { font-size:10px; text-transform:uppercase; } .dashboard .box .box-title { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; font-size:12px; font-weight:bold; line-height:1.35; } .dashboard .box .box-title a { font-size:10px; text-transform:uppercase; } .dashboard .box .box-content { padding:0 10px; } /* Block: Recent Orders */ .dashboard .box-recent {} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 { font-size:11px; font-weight:bold; } /* Block: Reviews */ .dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { padding:0 10px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { padding:0 10px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; font-size:13px; font-weight:bold; line-height:1.25; } .addresses-list h3 { font-weight:bold; font-size:12px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove {} .addresses-list .separator { margin:0 3px; } .addresses-list li.item { padding:0 10px; margin:0 0 12px; } .addresses-list li.empty {} .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item {} /* Order View */ .order-info dt { display:none; } .order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2; } .order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; } .order-info li.first { border-left:0; } .order-info li.last { border-right:0; } .order-info li a { display:block; padding:6px 15px; color:#444; } .order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; } .order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; } .order-date { margin:10px 0; } .order-info-box { margin:0 0 15px; } .order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 .45em; } .order-items h3 { font-size:12px; } .order-items .product-name { font-weight:bold !important; } .order-items .link-print { font-size:10px; text-transform:uppercase; } .order-items .order-links { text-align:right; } .order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#555; } .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; } #my-orders-table {} #my-orders-table span.title {display:none; font-weight:700; width:100px; padding:0 15px 0 0 ;} .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:15px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:12px; font-weight:bold; } .page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; } .page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; text-align: center !important; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 auto 5px; } .my-wishlist textarea { display:block; width:96%; height:109px; } .my-wishlist .buttons-set { border:0; padding:0; margin:20px 0 0; text-align:left; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {} #wishlist-table .add-to-links { white-space:nowrap; } #wishlist-table input.qty { width:50px; margin:0 0 15px; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } #my-reviews-table .rating-box { margin:3px 0 0; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } .product-review dd { font-size:13px; margin:5px 0 0; } .new-users button.button {float:left;} .registered-users input.input-text{width:455px;} .site-block { position:fixed; z-index:11999; } .left-side, .right-side { width:250px; top:200px; } .left-side{ left:-250px; } .right-side { right:-250px; } .bottom { right:0; bottom:0; } .prev-next {margin:0; position:relative; float:right; } .prev-next span{} .product-prev {} .product-next {} .product-prev, .product-next {display:block; float:right; margin:-5px 0 0 5px; overflow:hidden; height:27px; line-height:27px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); background:url('../../skin/frontend/shopper/default/images/sorter_bg.gif') 0 0 repeat-x } .product-prev span, .product-next span {display:block; width:63px; padding:0 11px; background:url('../../skin/frontend/shopper/default/images/prev_next.png') 0 0 no-repeat } .product-prev {right:108px; } .product-prev span{padding-left:28px; text-align:right; } .product-next span{padding-right:28px; background-position:100% 100%; } .product-next:hover, .product-prev:hover { text-decoration:none; -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);} /************* POPUP style */ .page-popup { background: #e9e9e9; } /************* FACEBOOK */ #fb-root { display: none;} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /************* SLIDER */ .slider { position: relative; top: 0; left: 0; overflow: hidden; width:100%; height:100%; padding:7px 0 20px; background:#f4f4f2;} #slide-timeline {position: absolute; z-index: 999; top:7px; width:0; height:3px; background:#322c29; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; width:auto\9; /* ie8 */} .flexslider .slides .small_image{display:none; width:100%; height:auto;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0; position:relative; zoom:1; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} .flexslider .slides .row{position:relative;} .flexslider .slides .content{float:left; max-width:1000px; margin:30px 100px; color:#454746); color:rgba(0,0,0, 0.6); text-align:center; } .flexslider .slides .content strong{font-family:"Myriad Pro",sans-serif; font-size:60px; font-weight:300; text-transform:uppercase; line-height:50px; color:#454746; color:rgba(0,0,0, 0.8); } .flexslider .slides .content .border{margin:15px 10px; height:1px; background:#bfc5c3; background:rgba(0,0,0,0.09); } .flexslider .slides .content p{margin:0; font-size:14px;} .flexslider .slides .content button{margin:15px 0 0;} .flexslider .slides .text-right .content{float:right; } .flexslider .slides .text-center .content{float:none; margin:30px auto;} /* Direction Nav */ .flex-direction-nav {position:relative; width:1200px; margin:0 auto;} .flex-direction-nav a {width: 77px; height: 77px; margin:0; display: block; background:#fff url(../../skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:8px; height:8px; display: block; background:#ededed; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #97d2c9; } .flex-control-paging li a.flex-active { background: #97d2c9; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /*** Column slider ***/ .block-slider {} .block-slider {margin: 0; padding: 0; } .block-slider .slides > li {margin:0; padding:0; line-height:1.4; text-align:center; background:none transparent; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .block-slider .slides > li strong {display:block; border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .block-slider .slides > li p {margin:0 0 20px; text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);} .block-slider .slides > li button.button {margin:-21px 0 21px;} .block-slider .slides img {max-width: 100%; display: block; } .block-slider .flex-control-nav {position:relative; width:270px; height:33px; overflow:hidden; margin:0 -20px -25px; background:#fefefe; text-align:center; border-bottom-left-radius:2px; -moz-border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-right-radius:2px; -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .block-slider .flex-control-nav li {margin: 0 6px; padding:0; line-height:33px; background:none transparent; display:inline-block; zoom: 1; *display: inline;} .block-slider .flex-control-paging li a {margin:12px 0; } .cms-index-index .block-slider {} .cms-index-index .block-slider {margin: 0; padding: 0; } .cms-index-index .block-slider .slides > li {margin:0; padding:22px 0 0; line-height:1.4; text-align:center; background:none transparent; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .cms-index-index .block-slider .slides > li strong {display:block; border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;} .cms-index-index .block-slider .slides > li p {margin:0 0 20px; text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);} .cms-index-index .block-slider .slides > li button.button {margin:-21px 0 21px;} .cms-index-index .block-slider .slides img {max-width: 100%; display: block; } .cms-index-index .block-slider .flex-control-nav {position:relative; width:270px; height:33px; overflow:hidden; margin:0 -20px -25px; background:#fefefe; text-align:center; -webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);} .cms-index-index .block-slider .flex-control-nav li {margin: 0 6px; padding:0; line-height:33px; background:none transparent; display:inline-block; zoom: 1; *display: inline;} .cms-index-index .block-slider .flex-control-paging li a {margin:12px 0; } .block-slideshow {padding:23px 20px 25px;} /* toTop Button */ #toTop { display:none; text-decoration:none; position:fixed; z-index:100; bottom:100px; right:10px; overflow:hidden; width:56px; height:56px; border:none; text-indent:-999px; background:#97d2c9 url(../../skin/frontend/shopper/default/images/arrow_totop.png) 0 0 no-repeat; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%;} #toTop:hover {background-color:#fff; background-position:0 100%;} .twitterWidget {min-height:275px} #review-buttons-container {margin:15px;} #review-buttons-container button {margin:0 15px 15px 0;} .paypal-shipping-method {margin:0 0 15px} .calendar {z-index:1 !important} .page-sitemap .links { float:none; text-align: right; margin: 0 0 10px; } .page-sitemap img.v-middle {vertical-align:top;} /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ /***** Standard 1200px *****/ .row { margin:0 auto; width:1200px; } .row .row { width:auto; display:inline-block; margin:0 -15px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin:0 15px; min-height:1px;} .grid_1 { width:70px;} .grid_2 { width:170px;} .grid_3 { width:270px;} .grid_4 { width:370px;} .grid_5 { width:470px;} .grid_6 { width:570px;} .grid_7 { width:670px;} .grid_8 { width:770px;} .grid_9 { width:870px;} .grid_10 { width:970px;} .grid_11 { width:1070px;} .grid_12 { width:1170px;} .space_1 { margin-left:100px; } .space_2 { margin-left:200px; } .space_3 { margin-left:300px; } .space_4 { margin-left:400px; } .space_5 { margin-left:500px; } .space_6 { margin-left:600px; } .space_7 { margin-left:700px; } .space_8 { margin-left:800px; } .space_9 { margin-left:900px; } .space_10 { margin-left:1000px; } .space_11 { margin-left:1100px; } /* CMS PAGE ======================================================================================= */ .cms-page-view h1,.cms-page-view h2,.cms-page-view h3,.cms-page-view h4,.cms-page-view h5,.cms-page-view h6{margin: 0 0 10px} .cms-page-view h1 {font-size: 30px;} .cms-page-view h2 {font-size: 26px;} .cms-page-view h3 {font-size: 22px;} .cms-page-view h4 {font-size: 18px;} .cms-page-view h5 {font-size: 16px;} .cms-page-view h6 {font-size: 14px;} .cms-page-view .page-head h3 {font-size: 36px; margin: -30px 0 30px} .cms-page-view p {margin: 5px 0 15px;} .std .alignleft { margin: 4px 27px 7px 0; float: left;} .std .alignright { margin: 4px 0 7px 27px; float: right;} .std .aligncenter { margin: 0 auto 7px; display: block; text-align: center;} .content-container .std a.alignleft, .content-container .std a.alignright, .content-container .std a.aligncenter { background-color: transparent; padding: 0;} .std blockquote { background-color: #f0f0f0; margin: 0; padding: 25px 25px 10px; font-size: 15px; } .std blockquote:before { content: '"'; width: 15px; height: 11px; margin: -2px 5px 0 -2px; font-size: 22px; float: left; } /* Class: std - styles for admin-controlled content */ .std { } .std a {} .std a:hover {} .std ul.ox_list_simple { list-style: disc} .std ol.ox_list_simple { list-style: decimal} .std ul.ox_list_simple, .std ol.ox_list_simple { padding-left: 18px; margin: 0 0 18px;} .std ul.ox_list_simple li, .std ol.ox_list_simple li {margin-bottom: 8px;} .std ul.ox_list_simple li p, .std ol.ox_list_simple li p {margin: 0;} .std ul.ox_list_simple li p img, .std ol.ox_list_simple li p img {margin-top: 10px;} .std dl dt { margin-bottom: 8px; text-transform: uppercase;} .std dl dd { margin: 0 0 18px; padding: 0;} /* for table */ .std .data-table thead th { color: #000;} .std .data-table tbody th { padding: 13px 19px; color: #000; font-size: 13px; text-transform: uppercase; } /* Tables -------------------------------------------------- */ table.ox_table { margin-bottom: 21px; width: 100%} table.ox_table th, table.ox_table td, table.ox_table caption { padding: 10px 15px} table.ox_table caption { background: #eee} table.ox_table thead { background: #363636} table.ox_table thead th { text-align: left; color: #fafafa} table.ox_table tbody td { border-top: 1px solid #ddd; border-color: rgba(0,0,0,.06); -moz-transition: all .6s ease-in; -webkit-transition: all .6s ease-in; -o-transition: all .6s ease-in;} table.ox_table tbody tr:first-child td { border-top: 0} table.ox_table tbody tr:hover td {background: #f8f8f8; border-color: rgba(0,0,0,.03); color: #757575; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in;} table.ox_table tfoot { font-style: italic} pre { overflow-x: auto; padding-left: 8px; margin-bottom: 20px; line-height: 21px; } /* Fluid Columns -------------------------------------------------------------- */ .one_half, .one_third, .two_third, .one_fourth, .three_fourth { float: left; margin-right: 3.8%;} .one_half { width: 48%; *width: 47.99%;} .one_third { width: 30.66%; } .two_third { width: 65.32%; } .one_fourth { width: 22%; *width: 21.9%; } .three_fourth { width: 74%; } .one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last { margin-right: 0px;} /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ .no-shadow{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear:both; height:0; line-height: 0; font-size: 0;} /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .jcarousel-next-horizontal, .jcarousel-prev-horizontal { background-size:70px 70px; } button.btn-proceed-checkout span span {background-size:44px 20px; } .header-switch span.current { background-size:7px 4px} #toTop { background-size:56px 112px} .btn-remove, .block-compare .block-content .actions a:before { background-size:15px 15px} .sorter .view-mode .grid { background-size:27px 54px} .sorter .view-mode .list { background-size:27px 54px} .error-msg { background-size:26px 26px} .success-msg { background-size:26px 26px} .note-msg { background-size:26px 26px} .notice-msg { background-size:26px 26px} .breadcrumbs span { background-size:3px 5px} .cart-top > a, .cart-top-title a span.icon { background-size:24px 20px} .compare-top, .compare-top-title a span.icon { background-size:13px 16px} .products-grid .hover .button-container button.button span span em { background-size:24px 19px} .product-view .add-to-cart button.button span span { background-size:41px 20px} .product-view .add-to-links li span.icon { background-size:17px 16px} .product-view .add-to-links li.compare span.icon { background-size:13px 16px} .product-view .add-to-links li.email-friend span.icon { background-size:18px 13px} .search-top, .search-top-container .search-form .search-top-title span.icon { background-size:18px 18px} .data-table .btn-remove2 { background-size:16px 17px} .footer-info ul.twitterList li span.tweet-icon { background-size:13px 10px} .product-prev span, .product-next span { background-size:26px 54px} .rating-box, .rating-box .rating { background-size:11px 20px} .block-layered-price .ui-widget-content .ui-state-default { background-size:19px 18px} .flex-direction-nav a { background-size:154px 77px} .footer-info ul.social li a { background-size:144px 36px} .footer-info .block-control { background-size:70px 70px} .btn-edit { background-size:15px 15px} .data-table .btn-edit2 { background-size:16px 17px} .std ul.disc li, #queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li, #nav li.custom-block ul li>ul>li, .toolbar-dropdown ul li, .block .block-content li, .block .block-content li.item, .block-layered-nav .block-content dd li, .product-tabs-content ul.disc li { background-size:3px 5px} .slider-container .jcarousel-list .button-container button.button span span, .products-grid .button-container button.button span span, .products-list .button-container .btn-add-cart span, .box-up-sell2 .jcarousel-list .button-container button.button span span { background-size:17px 13px} .new-label, .sale-label { background-size:364px 182px} .product-view .product-img-box .zoom #handle { background-size:9px 22px} .toolbar-switch .toolbar-title { background-size:29px 14px} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .jcarousel-next-horizontal, .jcarousel-prev-horizontal { background-image:url("../../skin/frontend/shopper/default/images/arrow_about-2x.jpg")} button.btn-proceed-checkout span span {background-image:url('../../skin/frontend/shopper/default/images/arrow_button-2x.jpg')} .header-switch span.current { background-image:url("../../skin/frontend/shopper/default/images/arrow_switch-2x.jpg")} #toTop { background-image:url("../../skin/frontend/shopper/default/images/arrow_totop-2x.jpg")} .btn-remove, .block-compare .block-content .actions a:before { background-image:url(../../skin/frontend/shopper/default/images/btn_remove-2x.jpg);} .sorter .view-mode .grid { background-image:url(../../skin/frontend/shopper/default/images/i_grid_mode-2x.jpg);} .sorter .view-mode .list { background-image:url(../../skin/frontend/shopper/default/images/i_list_mode-2x.jpg);} .error-msg { background-image:url(../../skin/frontend/shopper/default/images/i_msg-error-2x.jpg);} .success-msg { background-image:url(../../skin/frontend/shopper/default/images/i_msg-success-2x.jpg);} .note-msg { background-image:url(../../skin/frontend/shopper/default/images/i_msg-note-2x.jpg);} .notice-msg { background-image:url(../../skin/frontend/shopper/default/images/i_msg-notice-2x.jpg);} .breadcrumbs span { background-image:url(../../skin/frontend/shopper/default/images/icon_breadcrumb-2x.jpg);} .cart-top > a, .cart-top-title a span.icon { background-image:url(../../skin/frontend/shopper/default/images/icon_cart-2x.jpg);} .compare-top, .compare-top-title a span.icon { background-image:url(../../skin/frontend/shopper/default/images/icon_compare-2x.jpg);} .products-grid .hover .button-container button.button span span em { background-image:url(../../skin/frontend/shopper/default/images/icon_cart_listing_mask-2x.jpg);} .product-view .add-to-cart button.button span span { background-image:url(../../skin/frontend/shopper/default/images/icon_cart_product-2x.jpg);} .product-view .add-to-links li span.icon {background-image:url(../../skin/frontend/shopper/default/images/icon_wishlist-2x.jpg);} .product-view .add-to-links li.compare span.icon { background-image:url(../../skin/frontend/shopper/default/images/icon_compare-2x.jpg);} .product-view .add-to-links li.email-friend span.icon { background-image:url(../../skin/frontend/shopper/default/images/icon_email-2x.jpg);} .search-top, .search-top-container .search-form .search-top-title span.icon {background-image:url(../../skin/frontend/shopper/default/images/icon_search-2x.jpg);} .data-table .btn-remove2 {background-image:url(../../skin/frontend/shopper/default/images/icon_trash-2x.jpg);} .footer-info ul.twitterList li span.tweet-icon {background-image:url(../../skin/frontend/shopper/default/images/icon_twitter-2x.jpg);} .product-prev span, .product-next span {background-image:url(../../skin/frontend/shopper/default/images/prev_next-2x.jpg);} .rating-box, .rating-box .rating {background-image:url(../../skin/frontend/shopper/default/images/rating-2x.jpg);} .block-layered-price .ui-widget-content .ui-state-default {background-image:url(../../skin/frontend/shopper/default/images/slider_handle-2x.jpg);} .flex-direction-nav a {background-image:url(../../skin/frontend/shopper/default/images/slideshow_arrows-2x.jpg);} /*.footer-info ul.social li a {background-image:url(../../skin/frontend/shopper/default/images/social_icons-2x.jpg);}*/ .footer-info .block-control {background-image:url(../../skin/frontend/shopper/default/images/arrow_footer-2x.jpg);} .std ul.disc li, #queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li, #nav li.custom-block ul li>ul>li, .toolbar-dropdown ul li, .block .block-content li, .block .block-content li.item, .block-layered-nav .block-content dd li, .product-tabs-content ul.disc li {background-image:url(../../skin/frontend/shopper/default/images/arrow_item-2x.jpg);} .btn-edit {background-image:url(../../skin/frontend/shopper/default/images/btn_edit-2x.jpg);} .slider-container .jcarousel-list .button-container button.button span span, .products-grid .button-container button.button span span, .products-list .button-container .btn-add-cart span, .box-up-sell2 .jcarousel-list .button-container button.button span span {background-image:url(../../skin/frontend/shopper/default/images/icon_cart_listing-2x.jpg);} .data-table .btn-edit2 {background-image:url(../../skin/frontend/shopper/default/images/icon_edit-2x.jpg);} .new-label, .sale-label {background-image:url(../../skin/frontend/shopper/default/images/labels-2x.jpg);} .product-view .product-img-box .zoom #handle {background-image:url(../../skin/frontend/shopper/default/images/magnifier_handle-2x.jpg);} .toolbar-switch .toolbar-title {background-image:url("../../skin/frontend/shopper/default/images/selectbox_arrow-2x.jpg")} .block-slider .slides > li, .block-viewed .block-content li, .block-tags .block-content li, .block-bestsellers .block-content li, .block-login .block-content li, .block-reorder .block-content li.item, .block-compare .block-content li.item, .block-slider .flex-control-nav li, .block-poll .block-content li{background:none;} .block-compare .block-content .actions a::before, .compare-top-container .details .actions a::before {display:none } .form-list li.wide select {width:200px } .footer-info .information ul li:before, #checkout-step-login .block-checkout-register ul.ul li:before, .block-progress dt:before {top:-2px} } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 959px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 959px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 959px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 959px){ .toolbar-switch .toolbar-title {background-image:none} .block-slider .slides > li, .block-viewed .block-content li, .block-tags .block-content li, .block-bestsellers .block-content li, .block-login .block-content li, .block-reorder .block-content li.item, .block-compare .block-content li.item, .block-slider .flex-control-nav li, .block-poll .block-content li{background:none;} .block-compare .block-content .actions a::before, .compare-top-container .details .actions a::before {display:none } .form-list li.wide select {width:200px } .footer-info .information ul li:before, #checkout-step-login .block-checkout-register ul.ul li:before, .block-progress dt:before {top:-2px} } a{ transition: color 600ms ease-in-out; -webkit-transition: color 600ms ease-in-out; -moz-transition: color 600ms ease-in-out; -o-transition: color 600ms ease-in-out; } a:hover{ transition: color 10ms ease-in-out; -webkit-transition: color 10ms ease-in-out; -moz-transition: color 10ms ease-in-out; -o-transition: color 10ms ease-in-out; } .slider-container .jcarousel-list .btn-cart, .jcarousel-next-horizontal, .jcarousel-prev-horizontal, #toTop, .banners a span, .banners a em, .banner a span, .banner a em, .products-grid .btn-cart, .products-list .btn-cart, .opc .step-title, .product-tabs a, .footer-banners a img, .homepage-banners a img, footer .footer-subscribe button.button span, .quick-view, nav .nav-top-title, .nav-container .nav-top-title, nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span, .compare-top{ transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; } .jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover{ transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; } .footer-info .block-control { transition: background-color 400ms ease-in-out; -webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; } button.button span, .products-list .button-container .btn-add-cart span, .pager .pages li a.next span, .pager .pages li a.previous span, .slideshow-nav a, .header-dropdown ul li a, .cart-top-title a span.icon, .compare-top-title a span.icon, .search-top-container .search-form .search-top-title span.icon, .footer-info ul.social li a, .footer-info ul.twitterList li span.tweet-icon, .search-top, .cart-top > a, .product-view .add-to-links li span.icon, .top-opc li.allow .number, .btn-remove, .btn-edit, .products-grid .hover .button-container button.button span span em { transition: background 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; } #nav>li>a, #nav ul li a, #nav>li>a>span, #mobile-nav>li>a, #mobile-nav ul li a, #mobile-nav>li>a>span, #queldoreiNav>li>a, #queldoreiNav ul li a, #queldoreiNav>li>a>span { transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; } #nav>li>a:hover, #nav ul li a:hover, #nav>li>a:hover>span, #mobile-nav>li>a:hover, #mobile-nav ul li a:hover, #mobile-nav>li>a:hover>span, #queldoreiNav>li>a:hover, #queldoreiNav ul li a:hover, #queldoreiNav>li>a:hover>span { transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; } .products-grid .add-to-links li a:hover span { color:#000; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .products-grid .add-to-links li a span, .mobile-nav li.parent > a em, .search-field #search_mini_form .form-search button{ transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; } /*----------------------------------------------------------------------------- - Revolution Slider 1.5.4 - Screen Stylesheet version: 2.1 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; } .fullwidthbanner-container .fullwidthbanner {width:100% !important; overflow:hidden; position:relative;} .fullwidthbanner-container iframe{border:0;} /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption.big_white{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color:#000; letter-spacing: 0px; } .tp-caption.big_orange{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: Arial; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fb7354; letter-spacing: -1.5px; } .tp-caption.big_black{ position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: -1.5px; } .tp-caption.medium_grey{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#888; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.small_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.medium_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_black_text{ position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 42px; line-height: 42px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.very_large_text{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: 0px; } .tp-caption.very_large_black_text{ position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_red_text{ position: absolute; color: #d31e00; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_brown_text{ position: absolute; color: #a04606; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.bold_green_text{ position: absolute; color: #5b9830; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; } .tp-caption.very_big_white{ position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 3px 4px; padding-top: 1px; background-color:#7e8e96; } .tp-caption.very_big_black{ position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#fff; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /****************************** - revolution-buttonS - *******************************/ .revolution-button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../../skin/frontend/shopper/default/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .revolution-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../../skin/frontend/shopper/default/images/gradient/g40.png) repeat-x top;} .purchase:hover, .revolution-button:hover, .revolution-button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .revolution-button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .revolution-button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* revolution-button COLORS */ .revolution-button.green, .revolution-button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .revolution-button.blue, .revolution-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .revolution-button.red, .revolution-button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .revolution-button.orange, .revolution-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .revolution-button.darkgrey,.revolution-button.grey, .revolution-button:hover.darkgrey,.revolution-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .revolution-button.lightgrey, .revolution-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; display:none; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../../skin/frontend/shopper/default/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;} .tp-bannershadow.tp-shadow2 { background:url(../../skin/frontend/shopper/default/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../../skin/frontend/shopper/default/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tp-bullets { z-index:100; position:absolute; bottom:-14px !important; } .tp-bullets.simplebullets { bottom:10px;} .tp-bullets.simplebullets.navbar { margin-left:-40px; border:1px solid #666; border-bottom:1px solid #444; bottom:-20px; background:url(../../skin/frontend/shopper/default/assets/boxed_bgtile.png); height:40px; padding:0px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;} .tp-bullets.simplebullets.navbar-old { bottom:-20px; background:url(../../skin/frontend/shopper/default/assets/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:#ededed; width:8px; height:8px; margin-right:0px; float:left; margin-top:-4px; margin-left:6px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .tp-bullets.simplebullets.round .bullet.last { margin-right:6px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/bullets.png) no-repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/bullet_boxed.png) no-repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/navigdots.png) no-repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:30px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:30px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:#fff url(../../skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; width:78px; height:78px; float:left; margin-left:39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;} .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:#fff url(../../skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 100% 0; width:78px; height:78px; float:left; margin-left:-39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_left.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_right.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/small_left_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-right:4px; margin-top:-4px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/small_right_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-left:-36px; margin-top:-4px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrowleft.png) no-repeat top left; width:9px; height:16px; float:left; margin-right:-20px; margin-top:-8px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrowright.png) no-repeat top left; width:9px; height:16px; float:left; margin-left:-20px; margin-top:-8px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../skin/frontend/shopper/default/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.large { z-index:100;cursor:pointer; position:relative; background:#fff url(../../skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; width:78px; height:78px; margin-left:39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;} .tp-rightarrow.large { z-index:100;cursor:pointer; position:relative; background:#fff url(../../skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 100% 0; width:78px; height:78px; margin-left:-39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;} .tp-leftarrow:hover, .tp-rightarrow:hover { opacity: 1; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:100; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:3px; background:#322c29;position:absolute; z-index:200;} .tp-bannertimer.tp-bottom { bottom:0px !important;height:3px;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (max-width: 767px) { .fullwidthbanner-container .tp-bullets { display:none} .fullwidthbanner-container .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:10000px; height:10000px; background:url(../../skin/frontend/shopper/default/assets/coloredbg.png) repeat;} .tp-loader { background:url(../../skin/frontend/shopper/default/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 13.10.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - SHOPPER CAPTIONS - **************************/ .tp-caption.shopper_large_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:300; line-height:72px; } .tp-caption.shopper_large_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:500; line-height:72px; } .tp-caption.shopper_large_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:800; line-height:72px; } .tp-caption.shopper_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:300; line-height:60px; } .tp-caption.shopper_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:500; line-height:60px; } .tp-caption.shopper_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:800; line-height:60px; } .tp-caption.shopper_caption_underline_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:300; line-height:60px; border-bottom:1px solid rgba(0, 0, 0, 0.09) !important; } .tp-caption.shopper_caption_underline_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:500; line-height:60px; border-bottom:1px solid rgba(0, 0, 0, 0.09) !important; } .tp-caption.shopper_caption_underline_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:800; line-height:60px; border-bottom:1px solid rgba(0, 0, 0, 0.09) !important; } .tp-caption.shopper_small_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:300; line-height:28px; } .tp-caption.shopper_small_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:500; line-height:28px; } .tp-caption.shopper_small_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:800; line-height:28px; } .tp-caption.shopper_small_text_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:Arial, sans-serif !important; font-size:14px; font-weight:300; line-height:19px; } .tp-caption.shopper_small_text_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:Arial, sans-serif !important; font-size:14px; font-weight:500; line-height:19px; } .tp-caption.shopper_small_text_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:Arial, sans-serif !important; font-size:14px; font-weight:800; line-height:19px; } .tp-caption.shopper_medium_text_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:300; line-height:28px; } .tp-caption.shopper_medium_text_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:500; line-height:28px; } .tp-caption.shopper_medium_text_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px; font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:800; line-height:28px; } .tp-caption.shopper_white_bg_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px; font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:300; line-height:36px; background:#fff; } .tp-caption.shopper_white_bg_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px; font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:500; line-height:36px; background:#fff; } .tp-caption.shopper_white_bg_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px; font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:800; line-height:36px; background:#fff; } /************************* - CAPTIONS - **************************/ .tp-caption.big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: #000; letter-spacing: 0px; } .tp-caption.big_orange { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: Arial; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #fb7354; letter-spacing: -1.5px; } .tp-caption.big_black { position: absolute; color: #000; color: rgba(0, 0, 0, 0.8); text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #fff; letter-spacing: -1.5px; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #888; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .tp-caption.large_black_text { position: absolute; color: #000; color: rgba(0, 0, 0, 0.8); text-shadow: none; font-weight: 300; font-size: 42px; line-height: 42px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: 0px; } .tp-caption.very_large_black_text { position: absolute; color: #000; color: rgba(0, 0, 0, 0.8); text-shadow: none; font-weight: 800; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_red_text { position: absolute; color: #d31e00; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_brown_text { position: absolute; color: #a04606; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.bold_green_text { position: absolute; color: #5b9830; text-shadow: none; font-weight: 800; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 36px; line-height: 36px; font-family: 'Open Sans', sans; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 3px 4px; padding-top: 1px; background-color: #7e8e96; } .tp-caption.very_big_black { position: absolute; color: #000; color: rgba(0, 0, 0, 0.8); text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #fff; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; color: rgba(0, 0, 0, 0.8); text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } /****************************** - revolution-buttonS - *******************************/ .revolution-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../../skin/frontend/shopper/default/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .revolution-button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../../skin/frontend/shopper/default/images/gradient/g40.png) repeat-x top; } .purchase:hover, .revolution-button:hover, .revolution-button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .revolution-button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .revolution-button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* revolution-button COLORS */ .revolution-button.green, .revolution-button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .revolution-button.blue, .revolution-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .revolution-button.red, .revolution-button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .revolution-button.orange, .revolution-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .revolution-button.darkgrey, .revolution-button.grey, .revolution-button:hover.darkgrey, .revolution-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .revolution-button.lightgrey, .revolution-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } h1, h2, h3{letter-spacing: initial;} /*Header*/ .catalog-category-view .col-left,.col-main{padding-top:0px!important;} .messages li{padding:10px 19px 10px 60px!important;} .cart .page-title{padding:15px 0 15px!important;} .top-logo { width:360px!important; text-align:center;} .free-ship, .top-dropdowns{padding-top:15px;margin:0px;width:390px;} .product-category-title{margin-bottom:0px!important;} .ambanner-3{margin-bottom:10px;} .ambanners.ambanner-4 {width:1170px;position:relative;left:-300px;overflow:hidden;margin-bottom:40px;} .ambanners.ambanner-9 {width:1170px;position:relative;left:-300px;overflow:hidden;} .col-left.sidebar.masonry{margin-top:45px;} /*Help Desk*/ .col2-left-layout .page-title{margin-left:0px;padding-bottom:10px;} #add_reply .row .required-entry{height:100px!important;} #add_reply .row {display:block!important;margin-left:0px;} .reply-operator .message, .reply-customer .message {margin:5px 0 5px -5px;padding:5px; float:none;} .reply-operator .message{background:#ededed;} .reply-customer .message{background:#d6d6d6;} .helpdesk h2{padding:10px 0 10px 0;} #contactForm div.fieldset{background:#d6d6d6;border-radius: 5px;} /*Email Subscribe Popup*/ .t2#esns_box_layer{border:none!important;background:url('../../images/Other/HHEMAIL.jpg') no-repeat!important;width:445px!important;height:360px!important;} .t2 .esns_box_icon,.t2 #esns_box_block_1, .t2 #esns_box_block_2{display:none!important;} .t2 #esns_box_subscribe{position:absolute!important;right:0px; bottom:70px; margin:0px!important;width:295px!important;} .t2 #esns_box_subscribe_input,.t2 #esns_box_subscribe_submit{width:200px!important;border:none!important;} .t2 #esns_box_subscribe_submit a{height:30px!important;line-height:30px!important;font-size:25px!important; background-color:black;} .t2 #esns_box_subscribe_submit{padding-top:16px!important;width:210px!important;} .t2 #esns_box_subscribe_input input{width:205px!important;height:25px!important;line-height:25px!important;margin:0px!important;} .t2 #esns_box_subscribe_input{width:205px!important;margin-left:8px!important;} /*Gift Card View Adjustments*/ #giftcard-template-top .giftcard-template-content-temp2{width:97%!important;} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-title-top{width:93%;} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-date{margin-top:-63px;width:93%;} #giftcard-preview-template .giftcard-template-content-temp2 .giftcard-barcode{width:35%;margin-right:45px;} button.button span{background-color:#003f8f!important;} button.button span:hover{background-color:#0066ff!important;} #search{border-color:black!important;} button.button span span{text-transform:none;} #giftcard-preview-button-add span{padding-left: 10px !important;margin-left: 40px;} .header-switch ,.language-switch,.store-switch{display:none;} #queldoreiNav>li>a{font-size:18px; font-weight: 400; letter-spacing: -0.06em;} #queldoreiNav>li{margin:0px;} #queldoreiNav li.level0{margin-left:0px; margin-right:0px; padding: 0 13px 0 12.5px;border-top: solid #dedede 1px;border-bottom: solid #dedede 0px;} .bg-black img{background-color:black;} #queldoreiNav li.first{padding-left:0px!important;} #queldoreiNav li.custom-block{padding-right:0px!important;} .page-title-bg{height:25px!important;} #promo{padding-top:3px;margin:auto;width:1170px;} #promo img{width:100%;} /*Product Page*/ .amconf-image-selected{border: 1px solid #000!important;} .product-view .box-up-sell .item{width:125px;} .product-view{padding-top:10px;} .product-view .product-shop .price-box .special-price .price{font-size:30px;line-height:30px;color:#E01B22;font-weight:bold;} .product-view .product-shop .price-box .special-price .price-label{padding-top:7px;font-size:20px;line-height:20px; color:#E01B22;} #upsell-products-list .upsell-price{/*color:#E01B22;*/font-size:15px; font-weight:bold;} .save-perc{color:green;} /*Product list page*/ .products-grid .actions{position:relative!important;top:5px;} .amconf-block{padding-bottom:5px;} .amconf-block dd.last{margin-left:0px!important;} .hide-label{display:none!important;} .two_columns_4 .product-name{height:32px;} /*Shopping Cart*/ #shopping-cart-table .td-image img{width:75px!important;} #discount-giftcard-form{display:none;} .misspell{display:block; padding:0!important; position:absolute; right:0px; text-align:right;background-position: 0px 0px!important;} form#search_mini_form.searchautocomplete.UI-SEARCHAUTOCOMPLETE div.form-search div#search_autocomplete.UI-PLACEHOLDER.search-autocomplete ul li .price-box{float:none;color:black;} #search_autocomplete{position:absolute!important;top:28px!important;} .home-content a{color:#003399!important;} header a.logo{margin:10px 0;} header.fixed a.logo{margin:4px 0;} header.fixed #queldoreiNav, header.fixed #nav{margin:0;} .below-logo #queldoreiNav{margin:0;} .disabledSwatch{display:none!important;} /*Header Promo Adjustments*/ .slider {margin-bottom:-65px;} /*Search box fix*/ .search-field #search_mini_form .form-search button span{display:none;} #search_mini_form {position: relative;float: right;top: 2px;} .search-field #search_mini_form .form-search button{left:40px;} .search-field #search{width:200px;} /*.search-field #search_mini_form .form-search label{display:none;}*/ #search_mini_form .form-search > label {display:none;float: left;margin-right: 10px;color: #333;font-weight: bold;margin-top: 8px;} .search-autocomplete{z-index:10001;} /*Checkout*/ .firecheckout-section .page-title{padding:0 0 0; margin-bottom: 0px!important;} .onestepcheckout-index-index .col-main{padding-top:0px;} .onepage-page-title{margin-top:0px!important;} #onepage-billing .col-1 .form-list .control{width:40%;} #giftvoucher_container .message{display:none;} .giftvoucher #giftvoucher{margin-right:5px!important;} /*custom nav block*/ /*.daily-deal*/ #queldoreiNav li.custom-block div.shown-sub{width:275px!important;} li.custom-block .hover{display:none!important;} li.custom-block .sale-label,li.custom-block .new-label{display:none;} li.custom-block .jcarousel-skin-tango .jcarousel-container-horizontal, li.custom-block .jcarousel-skin-tango .jcarousel-clip-horizontal{width:100%;} #queldoreiNav li.custom-block div.sub-wrapper a.jcarousel-next-horizontal:hover{background-color: #97d2c9!important;background-position: 0 100%!important;} #queldoreiNav li.custom-block div.sub-wrapper a.jcarousel-prev-horizontal:hover{background-color: #97d2c9!important;background-position: 100% 100%!important;} #queldoreiNav li.custom-block div.sub-wrapper a.jcarousel-prev-horizontal{background: #fefefe url("../../skin/frontend/shopper/default/images/arrow_about.png") 0 0 no-repeat!important;background-position: 100% 0!important;} #queldoreiNav li.custom-block div.sub-wrapper a.jcarousel-next-horizontal{background: #fefefe url("../../skin/frontend/shopper/default/images/arrow_about.png") 0 0 no-repeat!important;} #queldoreiNav li.custom-block .product-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list{padding:25px 0 5px!important;} #queldoreiNav li.custom-block div.sub-wrapper ul li {padding:0 10px 0 0!important; margin: 0 5px 10px!important;} queldoreiNav li.custom-block div.sub-wrapper{width:275px!important;} /*FOOTER*/ .footer-info{padding: 10px 0 20px 0;} .footer-info ul.social{margin:0;} .footer-info ul li{line-height:20px;} .information a:hover{color:#ec810e!important;} .footer-info h4 {margin: 0 0 14px !important;} .footer-info h5{font-size:18px;margin-bottom:5px!important;} .footer-info hr {margin:5px 0 5px 0!important;} .footer-info .information ul li, .footer-info ul.disc li{padding:0 0 5px 24px!important;} footer ul.links li a {color:whitesmoke!important;} /*Product Page*/ .product-shop-info .price-box{float:none!important;} .product-view .add-to-links{margin:0;} .product-view .short-description{padding:0; border:none;} .product-view .product-options dt{float:left; margin:5px 15px 0 0;} .product-view .product-options dd{padding:0; margin:0;border-bottom:none;} .product-view .product-shop .product-options{margin:10px 0 0 0;} .product-options p.required{padding:0 10px 0 0;} .product-view .qty-container label{margin:0px 10px 0px 10px;} .product-view .qty-container{margin:20px 0 17px;} .product-view .product-shop .product-options-bottom{margin-top:10px;} /*p.retail-price{max-width:100px;}*/ .product-view .product-shop .price-box .price-label{float:left;margin-right:10px;} .product-view .product-shop .price-box .old-price{position:inherit;left:0;margin:7px 0;} /*Quick View*/ .ajax-index-options .swatchesContainerPadded{display:none!important;} .category-image{margin:10px 0 0;} @media only screen and (max-width: 959px){ .cart-top-title, .compare-top-title{display:none;} .home-left-col .home-main .category-products h2 {margin-bottom:10px;} .home-left-col .home-main{margin-top:10px;} .home-main .category-products{margin-bottom:10px;} .view-all-home{display:none;} } .home-main .category-products{margin-bottom:10px;} @media only screen and (max-width: 1200px) and (min-width: 960px){ #queldoreiNav li.custom-block .product-slider-container{max-width:100%!important;} #queldoreiNav>li{margin-left:0;margin-right:0;} } /*Product Grid*/ @media only screen and (min-width: 767px){ .products-grid .price-box{letter-spacing: normal;} .one_column_5 li.item{width:177px;} .products-grid .hover .price-box{display:block;right:-15px!important;top:80px;padding: 20px 10px!important;} .products-grid .hover .price-box .price{font-size:16px;} .easycatalogimg-cols-3 li.item{width:25%!important;} } @media only screen and (max-width: 959px) and (min-width: 768px){ .search-field #search_mini_form .form-search{margin-right:0px; margin-bottom:10px;} .search-field #search_mini_form .form-search button{left:0;} .below-logo .nav-container{margin:0 0 5px;} .compare-top-title, .cart-top-title{margin-bottom:1px;} } /*@media only screen and (max-width: 1205px) and (min-width: 768px){ .two_columns_4 li.item:last-child{display:none;} }*/ @media only screen and (max-width: 655px) and (min-width: 494px){ .cms-shopper-home-2col-left .two_columns_4 li.item:last-child{display:none;} } /*misc*/ .empty-category .product-slider-container .jcarousel-skin-tango .jcarousel-clip,.empty-category .jcarousel-skin-tango .jcarousel-clip-horizontal,.empty-category .jcarousel-skin-tango .jcarousel-container-horizontal{max-width:100%} /*Home Page Categories and Mobile Site Fixes*/ .easycatalogimg-cols-4 li.item{width:200px!important;} .view-all-home{text-align:right;top: -35px;position: relative;} div.home-content p{text-align:justify;} .home_content_bottom{margin-right:auto;margin-left:auto;width:75%;text-align:center;} div.home_content_bottom div{display:inline-block} .new-label, .sale-label{width: 71px; height:71px;background-size:300px 150px;} .sale-top-right{background-position:-229px 0;} @media only screen and (max-width: 767px){ /*.easycatalogimg .products-grid li.item{height:160px;}*/ .products-grid .button-container{display:none;} .home_content_bottom{margin-left:0;} .home-main .category-products,.col2-left-layout .products-grid, .col2-right-layout .products-grid, .col-main, .col-main-left, .col-main-right, .jcarousel-skin-tango .jcarousel-clip-horizontal, .jcarousel-skin-tango .jcarousel-container-horizontal, .main .slider-container, .home-main .jcarousel-skin-tango .jcarousel-container-horizontal, .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal, .product-slider-container, .home-main, .col1-layout .home-main .products-grid{width:100%;} .row{width:90%;} .col1-layout .col-main{width:100%;margin:auto;} .slider-container .jcarousel-list .product-image img, .one_column_5 li.item, .two_columns_4 li.item, .slider-container .jcarousel-list li{width:115px;height:auto; margin: 0 5px 10px;} .new-label, .sale-label{width: 45px; height:45px;background-size:182px 91px;} .sale-top-right{background-position:-138px 0;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal, .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal{width:100%!important;} .hover-image h5 {font-size: 24px; text-align:center;} .hover-image img{display:block; margin-left:auto; margin-right:auto;} div.easycatalogimg{text-align:center;} .easycatalogimg-cols-3 li.item{margin:0 5px 10px 5px; display:inline-block;} .easycatalogimg h5.category-name{/*position:absolute; top:20px;*/z-index:5;font-size: 12px!important; text-align:center;} .easycatalogimg .products-grid li.item,.easycatalogimg .products-grid .product-image img {width:65px;} ul.easycatalogimg-cols-3 {text-align:center;width:300px!important;} .search-field #search_mini_form .form-search{margin-right:0px; margin-bottom:10px;} .search-field #search_mini_form .form-search button{left:35px;margin-left:176px;} } .easycatalogimg {padding-top:10px;} .easycatalogimg h5.category-name{font-size: 20px; text-align:center;} .easycatalogimg a.product-image{text-align:center;} /*Social Footer*/ .footer-info ul.social li a {background-size: 550px 200px;} .footer-info ul.social li a.facebook {background-position: -56px -157px;} .footer-info ul.social li a.twitter {background-position: -7px -157px;} .footer-info ul.social li a.pinterest {background-position: -306px -157px; background-color: #cb252b;} .footer-info ul.social li a.instagram {background-position: -508px -157px; background-color: #ae9581;} .footer-info ul.social li a.email {background-position: -157px -57px; background-color: #836fa2;} .footer-info ul.social li a:hover {background-color: #97d2c9;} .md-effect-7{top:40%!important;} .twitterContent {text-align: left;} img._s0._rw.img{display:none!important;} .amconf-image{ margin: 3px; } em{ color:red; } .product-image img#amasty_zoom:nth-child(2){ display: none; } #amasty_gallery img{ display: inline !important; } .amasty-main-spinner{ top: 0; } .zoomLens { background-color: white; } #amasty_zoom{ position: relative !important; } .zoomContainer { z-index: 10; } .zoomWindow { z-index: 70000 !important; } .zoomWrapper { margin: 0 auto; position: relative; overflow: hidden; } .product-view .product-img-box .product-image { overflow: visible; text-align: center; position: relative; } hr.amconf-hr{ -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; zoom: 1; color: white; border-color: white; background-color: white; position: absolute; top: 9px; width: 100%; z-index: 4; } .swatch-title{ font-weight: 600; position: absolute; padding-left: 3px; } .amconf-image-selected { margin: 0px; border: 3px solid #eaff00; } .amconf-image-outofstock { opacity:0.6; filter:alpha(opacity=60); } .amconf-images-container { width: 100%; clear: both; } .amconf-image-container { float:left; position:relative; text-align: center; margin-right: 5px; } .amconf-image-title { margin-bottom:5px; } #amconf_price_clone_container { float: left; } #amconf_price_clone_container ul { clear: both; } .MagicScrollArrows { cursor: pointer; position: absolute; display: block; } .MagicScrollArrowPrev { width: 35px; height: 35px; background: url(../../skin/frontend/shopper/default/js/amasty/amconf/images/miscellaneous_sprite_sm.png) 0 -35px no-repeat transparent; left:0; } .MagicScrollArrowNext { width: 35px; height: 35px; background: url(../../skin/frontend/shopper/default/js/amasty/amconf/images/miscellaneous_sprite_sm.png) -35px -35px no-repeat transparent; right:0; } #nextGallery.disabled, #prevGallery.disabled { opacity: 0.4; filter: alpha(opacity = 40); cursor: default; } .caroufredsel_wrapper { margin:0 auto !important; } #amasty_gallery a{ text-decoration: none; } #ampagination { text-align: center; } #ampagination a { background: url(../../skin/frontend/shopper/default/js/amasty/amconf/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent; width: 15px; height: 15px; margin: 0 5px 0 0; display: inline-block; } #ampagination a.selected { background-position: -25px -300px; cursor: default; } #ampagination a span { display: none; } .no-display{ display: none !important; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .amtooltip-label{ text-align: center; font-weight: bold; } .amtooltip-img{ margin-bottom: 3px; } .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tooltipster-shadow { border-radius: 5px; background: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); color: #2c2c2c; } .tooltipster-shadow .tooltipster-content { font-family: 'Arial', sans-serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-light { border-radius: 5px; border: 1px solid #cccccc; background: #ededed; color: #666666; } .tooltipster-light .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-noir { border-radius: 0px; border: 3px solid #2c2c2c; background: #fff; color: #2c2c2c; } .tooltipster-noir .tooltipster-content { font-family: 'Georgia', serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-punk { border-radius: 5px; border-bottom: 3px solid #f71169; background: #2a2a2a; color: #fff; } .tooltipster-punk .tooltipster-content { font-family: 'Courier', monospace; font-size: 14px; line-height: 16px; padding: 3px 4px; } /** * Easylife_Switcher extension * * NOTICE OF LICENSE * * This source file is subject to the MIT License * that is bundled with this package in the file LICENSE_EASYLIFE_SWITCHER.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/mit-license.php * * @category Easylife * @package Easylife_Switcher * @copyright Copyright (c) 2013 * @license http://opensource.org/licenses/mit-license.php MIT License */ /** * extension css file * * @category Easylife * @package Easylife_Switcher * @author Marius Strajeru */ .product-options .switcher-field label { border: 1px solid #E7E9EA; border-radius: 2px 2px 2px 2px; color: #696E72; display: inline-block; font-size: 10px; height: 40px; line-height: 40px; margin: 0 10px 10px 0; overflow: hidden; padding: 0; text-align: center; width: auto; min-width: 40px; float:left; } .switcher-field label { cursor: pointer; display: inline-block; margin: 0 5px; } .product-options .switcher-field label.selected { border-color: #FF6600; color: #FF6600; } .product-options .switcher-field label.no-stock { background: url("../../skin/frontend/base/default/images/easylife_switcher/no-stock.gif") repeat scroll 50% 50% rgba(0, 0, 0, 0); color: #DADBDC; } .switcher-field label.no-stock { color: #000000; cursor: default; } .switcher-field label.no-stock.allow-select{ cursor:pointer; } .product-options .switcher-field label.no-stock img { opacity: 0.3; filter: alpha(opacity=30) } .switcher-field .switcher-hexacode { display: inline-block; overflow: hidden; width: 40px; height: 40px; }