/* * 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; } .a-center { text-align:center; } .a-right { text-align:right; } .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; } /* ======================================================================================= */ /* Sprite (list of images using sprite on styles.css): -------------------------------------------------------------- */ .SpriteClassName, .noscript .noscript-inner { background-image:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png);} /* Layout ================================================================================ */ .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; } /* Base Columns */ /* 1 Column Layout */ /* 2 Columns Layout */ /* 3 Columns Layout */ /* 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.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;} button.button span span { background-position:100% 0; padding:0 12px 0 4px; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /* Form lists */ /* Grouped fields */ .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 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-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; width:100%; } .form-list .field { float:left; width:49%; margin-right: 2%; } .form-list .field:last-child {margin-right: 0;} .form-list input.input-text { width:100%; } .form-list textarea { width:100%; height:10em; } .form-list select { width:100%; } .form-list li.wide .input-box { width:100%; } .form-list li.wide input.input-text { width:100%; } .form-list li.wide textarea { width:100%; } .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-suffix .name-middlename, .form-list .customer-name-prefix-middlename .name-firstname { width:153px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename-suffix .name-middlename input.input-text { width:153px; } .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:140px; } .form-list .customer-name-middlename-suffix .name-lastname, .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:325px; } .form-list .customer-name-middlename-suffix .name-lastname input.input-text, .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:325px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-suffix .name-lastname input.input-text { width:324px; } .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-middlename, .form-list .customer-name-middlename-suffix .name-middlename input.input-text { width:194px; } .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, .form-list .customer-name-prefix-suffix .name-lastname, .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:324px; } .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-prefix .name-firstname input.input-text { width: 324px; } .form-list .customer-name-prefix-middlename .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 323px; } .form-list .customer-name-prefix-middlename .name-middlename, .form-list .customer-name-prefix-middlename .name-middlename input.input-text { width: 170px; } .form-list .customer-name-prefix-middlename .name-lastname, .form-list .customer-name-prefix-middlename .name-lastname input.input-text { width: 220px; } .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text { width:194px; } .customer-account-create .form-list > li:first-child { margin-top: 17px; } .customer-account-create .form-list .field, .customer-account-create .form-list .field input.input-text { width: 100%; } .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; } .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 5px; font-size:11px; line-height:13px; color:#f00; } .validation-failed { border:2px solid #f00 !important; } 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; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; } .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; } /* Sorter */ .sorter { padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } /* Toolbar */ /* 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 tr.even { background-color:#f6f6f6; } .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; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/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; } /* 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-reorder { font-weight:bold;} .page-title .link-reorder { display: inline-block; margin-top: 13px;} .link-print { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove, .btn-remove2, .btn-edit { display:block; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;} .btn-remove { width:11px; height:11px;} .btn-remove2 { width:16px; height:16px;} .btn-edit { width:11px; height:11px;} .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.hantermann.eu/skin/frontend/shopper/default/images/i_msg-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 { 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 .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-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ #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 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; } /* 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 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:center; } .block .actions a {display: inline-block;} .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: Currency Switcher */ .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav dt { font-weight:bold; } .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .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: 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 li { padding:5px 0; } /* Block: Recently Viewed */ /* Block: Recently Compared */ /* Block: Poll */ .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: 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-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-description { margin:0 0 10px; } /* 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 .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } /* 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 { margin: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 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 6px; } .rating-box { width:69px; height:13px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px;background-position: 0 10px;} .ratings .rating-box { float:left; margin-right:3px; } .ratings-table th { font-weight:bold;} /* Availability */ .availability { margin:0; } .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .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; } /* Email to a Friend */ /* Alerts */ /********** < Product Prices */ .price { white-space:nowrap; } /* Regular price */ /* Old price */ .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price .price-label { white-space:nowrap; } /* Minimal price (as low as) */ .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .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 .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-label { font-weight:bold; white-space:nowrap; } .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-label { font-weight:bold; white-space:nowrap; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } /* 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-bottom: 5px;} .add-to-cart .paypal-logo { clear:both;} .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 0; text-align: center;} .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .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; } .add-to-box li {list-style:none;} .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-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; cursor:pointer; } .product-view .product-img-box .zoom.disabled { opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/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 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 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 dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { 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 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:0px 0 0; } .product-options-bottom { padding:10px; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ /* Block: Description */ /* Block: Additional */ /* Block: Upsell */ .product-view .box-up-sell .products-grid td { width:25%; } /* Block: 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:100%; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ /* Send a Friend */ /* ======================================================================================= */ /* Content Styles ================================================================= */ /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ /* CMS Home Page */ /* 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 li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } /* RSS */ .rss-title h1 { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/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 ========================================================================= */ /* 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:3.7; } .cart .cart-total .checkout-types .paypal-or { display: block} .cart .checkout-types .bml_button {display: block;margin:0 auto;width:174px;} .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 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 */ /* 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; } /* 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 .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:#fff; padding:5px 0 0 0; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } .tool-tip .tool-tip-on-hover-content { display:none; position:absolute; bottom:1.25em; left:120px; } .tool-tip:hover .tool-tip-on-hover-content { display:block; } .tool-tip:active .tool-tip-on-hover-content { display:block; } .tool-tip:focus .tool-tip-on-hover-content { display:block; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; } /* Gift Messages */ .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .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-message-link { display:block; background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { background-color:#f6f6f6; padding:10px; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* 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 */ /********** Common Checkout Styles > */ /* One Page Checkout */ .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 .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } /* 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; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ /* Account Login/Create Pages ============================================================ */ /* Remember Me Popup ===================================================================== */ .window-overlay { background:rgba(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; box-shadow:0 0 6px 0 #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(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/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 */ /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0 20px; } /* Block: Account Information */ /* 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; } /* 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 */ /* Order View */ .order-info { padding:0; } .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-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 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 .product-image { display:block;} .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-name { margin:0 0 10px; } .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; box-shadow: 0 0 6px 0 #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/base/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; box-shadow:0 0 3px 0 #999; 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 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-wrap: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; } /* ======================================================================================= */ #search_input { margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #555555; padding: 4px 6px; border: 1px solid #cccccc; background-color: #ffffff; } #search_input:focus { outline: none !important; border:1px solid #719ECE; box-shadow: 0 0 10px #719ECE; } .pdf_project_name { margin-left: 20px; } ul.pdf_project_name li { list-style-type:disc; white-space: nowrap; font-weight: normal; } .my-account .link-print , .my-account .title-buttons span.separator, .my-account .sub-title span.separator { display: none; } /* PDF-VT */ #csv-upload-btn .qq-upload-button { width: 144px; height: 52px; background-color: #000!important; display: inline-block; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; color: #fff; margin: 0; line-height: 52px; font-weight: normal; } .pdf-vt-upload-area { color: #000; float: right; } .pdf-vt-upload-area .qq-upload-list , #csv-upload-btn.doneUploading {display:none;} .pdf-vt-upload-area p {margin: 5px 0;} .pdf-vt-upload-area .result p{ font-weight: bold; color: #777777; font-size: 14px; } .pdf-vt-upload-area .result a { margin-right: 10px; } /********************* Preflight check *****************/ .preflight_check { display: inline-block; width: 100%; font-size: 13px; background: #fff; -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); font-size: 100%; background: #fff; -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); padding: 23px 20px; margin: 0 0 30px 0; border: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; } .preflight_check .box .pp {display: inline-block;width: 30%;float: left;margin: 10px 0;font-weight: bold;} .preflight_check .box .content {display: inline-block;width: 68%;margin: 10px 0;} .preflight_check .box .content p {color: #ff5a00;} .preflight_check .icon.icon_err { display: inline-block; float: right; background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/icon_err.png); background-repeat: no-repeat; width: 10px; height: 8px; position: relative; } .preflight_check .box {display: inline-block;width: 100%;} .preflight_check .icon.icon_ok { display: inline-block; float: right; background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/icon_ok.png); background-repeat: no-repeat; width: 12px; height:11px; position: relative; } .preflight_check .buttons {text-align: center;margin-top:20px;} .preflight_check .box h3{font-size: 13px;} .preflight_check .header {text-align: center;} .preflight_check button.button span,.upload-table-row button.button span{height: 25px;} .preflight_check button.button span span, .upload-table-row button.button span span{line-height: 25px;} .sales-order-view .upload_files_buttons_css {width:100%!important;} /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ /** * This file is part of a FireGento e.V. module. * * This FireGento e.V. module is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License version 3 as * published by the Free Software Foundation. * * This script is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. * * @category FireGento * @package FireGento_MageSetup * @author FireGento Team * @copyright 2013-2015 FireGento Team (http://www.firegento.com) * @license http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3) */ /* Left empty on purpose, only needed in rwd theme */ #mv_smartmenu_news .mv_smartmenu{ background:#F6F6F6 none repeat scroll 0 0; border:1px solid #DDDDDD; border-bottom:none; float:left; margin-bottom:1.3em; padding:0px; width:99%; } #mv_smartmenu_news #newsMenu_acc { padding-bottom:2px; background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-ul.jpg) bottom repeat-x; } #mv_smartmenu_news #newsMenu_acc li { border:1px solid #fff; border-bottom:none; border-top:none; background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-a.jpg) repeat-x;} #mv_smartmenu_news #newsMenu_acc li a { clear: both; padding:6px 8px; text-transform:none; } #mv_smartmenu_news #newsMenu_acc li a:hover{ padding:6px 8px; } #mv_smartmenu_news #newsMenu_acc li ul li { border:none;} #mv_smartmenu_news #newsMenu_acc li ul li a{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-li.gif) no-repeat scroll 10px 8px ; padding:1px 8px 6px 8px ; padding-left: 25px; text-transform:none; margin-top:5px; margin-left:8px; display:inline; color: #444; float:left; text-decoration: none; } #mv_smartmenu_news #newsMenu_acc li ul li a:hover{ /*background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-li.gif) no-repeat 10px 8px;*/ padding:1px 8px 6px 8px; padding-left: 25px; text-transform:none; margin-top:5px; margin-left:8px; display:inline; color: #444; float:left; text-decoration: none; } #mv_smartmenu_news #newsMenu_acc li ul li ul li { padding-left:12px;} #mv_smartmenu_news #newsMenu_acc li ul li ul li a{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-cate-active2.gif) no-repeat 12px 7px; padding-left: 25px; color: #444; text-decoration: none; } #mv_smartmenu_news #newsMenu_acc li ul li ul li a:hover{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-cate-active2.gif) no-repeat 12px 7px; padding-left: 25px; color: #444; text-decoration: none; } #mv_smartmenu_news #newsMenu_acc li.active a{ font-weight: bold; } #mv_smartmenu_news #newsMenu_acc li.active ul li a{ font-weight: normal; } #mv_smartmenu_news #newsMenu_acc li.active ul li.active a{ font-weight: bold; } #mv_smartmenu_news #newsMenu_acc li span a{ padding:0px; height:16px; width:16px; } #mv_smartmenu_news #newsMenu_acc li span{ margin-right:10px; margin-top:7px; padding-bottom:7px; } #mv_smartmenu_news #newsMenu_acc li span a:hover{ padding:0px; } #mv_smartmenu_news .mv_smartmenu .head a { background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat.gif) no-repeat 0px 0px; float: right; width: 16px; height: 16px; display:inline; } #mv_smartmenu_news .mv_smartmenu .head a:hover{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat 0px 0px; } #mv_smartmenu_news .mv_smartmenu .selected a{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat 0px 0px !important; } /*-----------------------------------------*/ .mw_shopby{ margin-bottom: 1.3em; } .mw_shopby_head { background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_head_bg.gif) no-repeat scroll 0 0; height:24px; margin:0; } .mw_shopby h4 { background:#D5E8FF url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_narrowed_category_heading.gif) repeat scroll 0 0; border-color:#B9CCDD /*-moz-use-text-color*/; border-style:solid none; border-width:1px 0; color:#1F5070; font-size:1em; font-weight:bold; margin:0; padding:3px 10px; } .mw_shopby p.block-subtitle{ background:#D5E8FF url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_narrowed_category_heading.gif) repeat scroll 0 0; border-color:#B9CCDD /*-moz-use-text-color*/; border-style:solid none; border-width:1px 0; color:#1F5070; font-size:1em; font-weight:bold; margin:0; padding:3px 10px; } .mw_shopby .btn-remove{ float:right; font-size:11px; margin:4px 3px 1px 5px; } .mw_shopby .currently{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .mw_shopby .actions{ text-align: right; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .mw_shopby_content{ border: 1px solid #ddd; padding-bottom: 7px !important; } .mw_shopby_content span.title{ color:#2F2F2F; margin-right: 3px; margin-bottom: 0px; padding:2px 0 5px 15px; text-transform:uppercase; font-size: 12px; font-weight: bold; display: block; } .mw_shopby_content span.title{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat.gif) no-repeat scroll right center; padding-left: 16px; } .mw_shopby_content span.selected { background: transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat scroll right center !important; } .mw_shopby_content span.title a, .mw_shopby_content span.title a:hover{ color:#2F2F2F; text-decoration: none; } .mw_shopby_content ol{ padding-left: 25px; } .mw_shopby_content ol li{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-li.gif) no-repeat scroll 0 6px; padding-left:10px; } #mv_smartmenu_news .mv_smartmenu_head { padding:0px;} #mv_smartmenu_news .mv_smartmenu h4{ border:1px solid #fff; border-bottom:none; color:#222; padding:0px 8px; line-height:29px; margin:0px; text-transform:uppercase; font-size:12px; } #mv_smartmenu_news .mv_smartmenu h4 a { color:#222; text-decoration:none; text-transform:uppercase; } #mv_smartmenu_news a.main-cate,#mv_smartmenu_news a:hover.main-cate { color:#2F2F2F; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; } .mw_shopby_content a.title_auto , .mw_shopby_content a:hover.title_auto{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat scroll right center; color:#2F2F2F; display:block; font-size:12px; font-weight:bold; margin-bottom:0; margin-right:3px; padding:2px 0 5px 15px; text-transform:uppercase; text-decoration: none; } .mw_shopby_content a.select_auto , .mw_shopby_content a:hover.select_auto{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat.gif) no-repeat scroll right center !important; color:#2F2F2F; display:block; font-size:12px; font-weight:bold; margin-bottom:0; margin-right:3px; padding:2px 0 5px 15px; text-transform:uppercase; text-decoration: none; } .mw_shopby_content a.title_collap , .mw_shopby_content a:hover.title_collap{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat scroll right center !important; color:#2F2F2F; display:block; font-size:12px; font-weight:bold; margin-bottom:0; margin-right:3px; padding:2px 0 5px 15px; text-transform:uppercase; text-decoration: none; } .mw_shopby_content a.select_collap , .mw_shopby_content a:hover.select_collap{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat.gif) no-repeat scroll right center; color:#2F2F2F; display:block; font-size:12px; font-weight:bold; margin-bottom:0; margin-right:3px; padding:2px 0 5px 15px; text-transform:uppercase; text-decoration: none; } #mv_smartmenu_news #cate_collap a.title_collap span ,.mv_smartmenu_news #cate_collap a:hover.title_collap span{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat.gif) no-repeat scroll 0 50%; display:block; width:15px; } #mv_smartmenu_news #cate_collap a.select_auto span ,.mv_smartmenu_news #cate_collap a:hover.select_auto span{ background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/arrow-cat-active.gif) no-repeat scroll 0 50%; display:block; width:15px; } #mv_smartmenu_news .ul_level1 ul{ display: block !important; } #mv_smartmenu_news #cate_collap li a{ clear: both; padding-bottom: 0px; padding-top: 2px; padding-left: 12px; color:#2F2F2F; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; } #mv_smartmenu_news #cate_collap li a:hover{ padding-bottom: 0px; padding-top: 2px; padding-left: 12px; color:#2F2F2F; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; } #mv_smartmenu_news #cate_collap li ul li a{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-li.gif) no-repeat 10px 10px; padding-left: 25px; color: #444; text-decoration: none; padding-bottom: 0px; text-transform:capitalize; font-weight: normal; } #mv_smartmenu_news #cate_collap li ul li a:hover{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-li.gif) no-repeat 10px 10px; padding-left: 25px; color: #444; text-decoration: none; padding-bottom: 0px; text-transform:capitalize; font-weight: normal; } #mv_smartmenu_news #cate_collap li ul li ul{ margin-left: 10px; } #mv_smartmenu_news #cate_collap li ul li ul li a{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-cate-active2.gif) no-repeat 10px 10px; padding-left: 25px; color: #444; text-decoration: none; } #mv_smartmenu_news #mv_smartmenu_news #cate_collap li ul li ul li a:hover{ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-cate-active2.gif) no-repeat 10px 10px; padding-left: 25px; color: #444; text-decoration: none; } #mv_smartmenu_news #cate_collap li.active a{ font-weight: bold; } #mv_smartmenu_news #cate_collap li.active ul li a{ font-weight: normal; } #mv_smartmenu_news #cate_collap li.active ul li.active a{ font-weight: bold; } #mv_smartmenu_news #cate_collap li.first{ border-top: 0px none; } .mw-duc{clear:both;} /*** ESSENTIAL STYLES ***/ .mv_smartmenu_news .sf-menu,.mv_smartmenu_news .sf-menu * { margin: 0; padding: 0; list-style: none; } .mv_smartmenu_news .sf-menu { line-height: 1.0; } .mv_smartmenu_news .sf-menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ border: 1px solid #ddd; border-top: 0px none; background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-ul.jpg) bottom repeat-x; border-bottom:none; padding-bottom:2px; } .mv_smartmenu_news .sf-menu ul li { width: 100%; } .mv_smartmenu_news .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .mv_smartmenu_news .sf-menu li { float: left; position: relative; } .mv_smartmenu_news .sf-menu a { display: block; position: relative; } .mv_smartmenu_news .sf-menu li:hover ul, .mv_smartmenu_news .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .mv_smartmenu_news .sf-menu { float: left; margin-bottom: 1em; /*border: 1px solid #ddd;*/ background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-ul.jpg) bottom repeat-x; border:none; padding-bottom:2px; border-top: none 0px; } .mv_smartmenu_news .sf-menu a { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom:none; background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-a.jpg) repeat-x; padding: 8px; color:#333 !important; text-decoration:none !important; } .mv_smartmenu_news .sf-menu a,.mv_smartmenu_news .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #333;/*border:none;*/border-bottom:none;border-top:none; } .mv_smartmenu_news .sf-menu li { background: #f2f2f2; font-weight:bold; z-index:100; } .mv_smartmenu_news .sf-menu li li { background: #f2f2f2; font-weight:normal; } .mv_smartmenu_news .sf-menu li li li { background: #f2f2f2; font-weight:normal; } .mv_smartmenu_news .sf-menu li:hover,.mv_smartmenu_news .sf-menu li.sfHover, .mv_smartmenu_news .sf-menu a:focus,.mv_smartmenu_news .sf-menu a:hover,.mv_smartmenu_news .sf-menu a:active { /*background: #fff url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/base_mini_head_bg.gif) repeat-x;*/ outline: 0; background:#f2f2f2 url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-a.jpg) repeat-x; color:#1E7EC8 !important; } .mv_smartmenu_news .sf-menu ul a{border-left:none;} .mv_smartmenu_news .sf-menu li:hover,.mv_smartmenu_news .sf-menu li.sfHover { /*background:#f2f2f2 url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/icon.png) no-repeat 92% center ;*/ background:#f2f2f2 url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/bg-a.jpg) repeat-x; } /*** arrows **/ .mv_smartmenu_news .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .mv_smartmenu_news .sf-sub-indicator { position:absolute; left:93.5% ; top:50%; /* IE6 only */ display:block; width:4px; height:7px; text-indent:-999em !important; overflow:hidden; /**/background:url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/icon.png) no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */ } /* give all except IE6 the correct values */ .mv_smartmenu_news a > .sf-sub-indicator { top: 37%; background-position: -30px 0px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -30px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: 0px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -30px 0px; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .mv_smartmenu_news .sf-shadow ul { /* padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; */ } .mv_smartmenu_news .sf-shadow ul.sf-shadow-off { background: transparent; } .mv_smartmenu_news .mw_menu_head{ border:none; float:left; width:100%; } .mv_smartmenu_news .mw_menu_head h4.title{ color:#222; font-size:1.0em; line-height:1.35em; margin:0 0 0; padding:6px 10px; border:1px solid #DDDDDD; border-bottom:none; background-color:#f2f2f2; text-transform:uppercase; text-decoration:none; } .mv_smartmenu_news .mw_menu_head h4.title a{ color:#222; text-decoration:none; } .mw_shopby1{ margin-bottom: 1.3em; } .mw_shopby1_head { background:transparent url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_head_bg.gif) no-repeat scroll 0 0; height:24px; margin:0; } .mw_shopby1 h4 { background:#D5E8FF url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_narrowed_category_heading.gif) repeat scroll 0 0; border-color:#fff; border-style:solid none; border-width:1px 0; color:#1F5070; font-size:1em; font-weight:bold; margin:0; padding:3px 10px; } .mw_shopby1 p.block-subtitle{ background:#D5E8FF url(https://www.hantermann.eu/skin/frontend/base/default/cmspro/images/layered_nav_narrowed_category_heading.gif) repeat scroll 0 0; border-color:#fff; border-style:solid none; border-width:1px 0; color:#1F5070; font-size:1em; font-weight:bold; margin:0; padding:3px 10px; } .mw_shopby1 .btn-remove{ float:right; font-size:11px; margin:4px 3px 1px 5px; } .mw_shopby1 .currently{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .mw_shopby1 .actions{ text-align: right; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .mw_shopby1_content{ border: 0px none; padding-bottom: 7px !important; } .mw_shopby1 .narrowed-category { border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; width:99%; } .mw_shopby1 .sf-vertical, .mw_shopby1 .sf-vertical li { width:99%; } .mw_shopby1 .narrowed-category{ width: 99%; } .mw_shopby1 .sf-menu li ul li{ border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-top:1px solid #DDDDDD; padding:0.55em 1em; width: 87.5%; } .mw_shopby1 .sf-menu li ul li a{ float: left; border-bottom:0 none; border-left:0 none; border-top:0 none; padding:0; text-decoration:none; } .mw_shopby1 .sf-menu li ul li a span.sf-sub-indicator { top:37%; left:91%; } .mw_shopby1 .sf-menu li ul li :hover, .sf-menu li ul li .sfHover, .mw_shopby1 .sf-menu li ul li a:focus, .sf-menu li ul li a:hover, .sf-menu li ul li :active { outline: 0;} .display{ border: 0px none !important; } .display_li span.sf-sub-indicator{ display: none; } /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .mv_smartmenu_news .sf-vertical, .sf-vertical li { width: 100%; } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .mv_smartmenu_news .sf-vertical li:hover ul, .mv_smartmenu_news .sf-vertical li.sfHover ul { left: 100%; /* match ul width */ top: 0; } /*** alter arrow directions ***/ .sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */ .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/ /* hover arrow direction for modern browsers*/ .sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } .clear{clear:both;height:1px;overflow:hidden;} .cmspro_clear{clear:both;height:1px;overflow:hidden;} .cmspro_news_title div,.cmspro_news_title img {float:left;} .cmspro_news_title{position:relative;width:100%;} .cmspro_news_title .cmspro_news_images{width:auto;margin-right:10px;} .cmspro_news_title .cmspro_news_summary{float:none;width:auto;} .cmspro_news_images{float:left;margin-left:0;width:40%;} .cmspro_news_images img{/*width:100%;*/border:1px solid silver;padding:2px;} .cmspro_news_summary{float:left;font-weight:bold;margin-left:1%;width:58%;text-align:justify;} .cmspro_news_content{padding:5px;text-align:justify;} .cmspro_news_back{float:right;padding:10px;} .cmspro_new_previous{width:33%;text-align:right;} .cmspro_new_next{width:33%;text-align:left;} .cmspro_new_returncat{width:34%;text-align:center;} .cmspro_news_navigation a{text-decoration: none;} .cmspro_news_navigation a:hover{text-decoration: none;color:orange;} .cmspro_news_relative a{text-decoration: none;} .cmspro_news_relative a:hover{text-decoration: none;color:orange;} .cmspro_news_relative ul li{padding: 2px 20px;} .cmspro_news_relative h3{ border-bottom: 1px solid silver; font-size: 14px; font-weight:bold;} .cmspro_postTitle_published { font-size:10px;font-weight:normal;line-height:1.35; margin:0 0 10px;} .cmspro_postTitle_title { font-size:16px; font-weight:bold;line-height:1.35; margin:10px 0 0px 0;} .cmspro_postTitle { color:#0A263C;} .cmspro_list_item{width:100%;position:relative;} .cmspro_list_content{width:100%; border-bottom:1px solid #ddd; padding-bottom:20px; margin-top:4px;/*float:left;*/} .cmspro_list_images{float:left;margin:5px 10px 5px 5px ;/*width:25%;*/} .cmspro_list_images img{/*width:100%;*/float:left;border:1px solid #DDDDDD;padding:2px;} .cmspro_list_summary{/*float:left;*/margin:5px 5px 5px 10px;text-align:justify;/*width:65%; */font-size:11px; color:#333;/*display:inline;*/} .cmspro_list_item a {text-decoration:none;} .cmspro_list_item a:hover{text-decoration:none;color:orange;} .cmspro_list_summary h3 {font-size:12px; font-weight:bold; color:#333; line-height:15px; margin:0px;padding-top:4px;} .cmspro_list_summary h3 a {color:#333;text-transform:capitalize;} .cmspro_list_summary h3 a:hover {text-decoration:underline ;color:#000 !important;} .cmspro_error{text-align:center;color:red;font-weight:bold;} .block_news_item{padding:10px 9px 5px 9px; border-bottom:1px solid #ddd;background:#fff;} .mw-block-sub .block-subscribe {border:solid 1px #dddddd ;margin-bottom:1.3em;} .block_item_img{float:left;width:52px; height:52px; border:1px solid #ddd;} .block_item_img img{width:50px; height:50px; border:1px solid #fff;} .mw-block-sub .block-subscribe .block-title{ border-bottom:solid 1px #dddddd; background:#f2f2f2; padding:6px 10px; } .mw-block-sub .block-subscribe .block-title strong{color:#222;background:none;padding-left:0px;} .block_item_title{float:right;width:65%; text-align:justify;} .block_item_title a{text-decoration:none; color:#333;} .block_item_title a:hover{text-decoration:none; color:orange;} .cmspro_features_news a{text-decoration:none;} .cmspro_features_news a:hover{color:orange;} .cmspro_features_news{margin-bottom:10px; color:#333;border:1px solid #ddd;} .cmspro_features_border{width:100%;} .cp_features_first {border-bottom:1px solid #ddd;padding:9px;} .cp_features_first_title h3 {} .cp_features_first_title h3 a {} .cp_features_first_title h3 a :hover{text-decoration:underline !important;} .cp_features_other {padding:11px;overflow:hidden;position:relative;} .cp_features_other span{font-size:11px;color:#999;display:block;} .cp_features_other a {float:left;text-align:left;} .cp_features_other a:hover {text-decoration:underline;} .cp_features_other_1{float:left;margin-right:9px;display:inline;text-align:left;} .cp_features_other_2{float:left;text-align:left;margin-right:9px;} .cp_features_other_3{float:left;text-align:left;} .cp_features_other img{border:1px solid #ddd; margin-bottom:7px;padding:1px;display:block;/*width:100%;*/float:none;} .cp_features_first_img{float:left;width:100%;} .cp_features_first_img img {max-width:100%} .posted-date{color:#999999;font-size:11px;margin-bottom:10px;} .postWrapper{border:solid 1px #ddd;padding:10px;} .mw_tt_pager{ background-color:#f2f2f2; margin:20px 0 10px; border:1px solid #DDDDDD; text-align:center;width:100%;position:relative;} .mw_tt_pager .td-page1{float:left;padding:4px 10px;} .mw_tt_pager .a-right{float:right;padding:4px 10px;} .mw_tt_pager .pages{} .mw_tt_pager .pages ol { display:inline; } .mw_tt_pager .pages li { display:inline; margin:0 2px; } .mw_tt_pager img{vertical-align:middle;} .mw_tt_pager caption,.mw_tt_pager th,.mw_tt_pager td { font-weight:normal; text-align:center; vertical-align:middle; } /* edit by ducna@asia-connect.com.vn */ #nav { font-size:13px; margin:0 auto; padding:0 16px; width:918px; position:relative;z-index:101; } #nav li { position:relative; text-align:left; } /****************Responsive************/ .img-responsive, .cmspro_news_content img, .cmspro_list_summary img { display: block; height: auto; max-width: 100%; } .cmspro_postTitle { clear: both; margin-bottom: 8px; overflow: hidden; position: relative; } .cmspro_news_content { margin-top: 5px; } .cmspro_list_mobile{display:none;} .cp_features_first_title h3 { line-height: 24px; margin: 0 0 10px; } .cmspro-view-details .fieldset { padding: 22px; } .cmspro-view-details .box-reviews #input-box { width: 400px; } .cmspro-view-details .box-reviews .form-list input.input-text { width: 187px; } .cmspro-view-details .box-reviews .form-list .field { float: left; margin-right: 0; width: 214px; } .cmspro-view-details .postWrapper hr { margin-bottom: 2px; margin-top: 2px; } .cmspro-view-details .postWrapper ul, .cmspro-view-details .postWrapper ol { margin-bottom: 0; margin-top: 0; } @media (max-width: 768px) { .cmspro_news_title .cmspro_news_images { margin-bottom: 12px; margin-top: 6px; width: 100%; } .cmspro_news_title img { float: none; margin: 0 auto; text-align: center; } .cmspro_list_images { clear: both; float: none; margin: 0 10px 0 5px; width: 100%; } .cmspro_list_mobile{display:block;} .cmspro_list_desktop{display:none;} .cmspro_list_images img { float: none; margin: 0 auto 12px; } .cmspro-view-details .box-reviews .form-list .field { width: 100%; } .cmspro-view-details .box-reviews .form-list input.input-text { width: 100%; } .cmspro-view-details .box-reviews #input-box { width: 100%; } .cmspro-view-details .box-reviews .form-list li.wide textarea { width: 100%; } } .cms-page-view .owl-carousel li { font-style: normal } .productslider-container { margin: 0 0 25px} .productslider-container .owl-carousel, .productslider-container .owl-carousel ul {list-style: none; margin: 0; padding: 0 } .productslider-container .owl-carousel .owl-buttons {position: absolute; right: 0; top: -40px;} .productslider-container .owl-carousel li { margin: 0 } .productslider-container .owl-carousel .add-to-links { margin-top: 10px } .productslider-container .owl-carousel p { margin: 0 } .productslider-container .owl-carousel li.item{ margin: 0 7px} .productslider-container .owl-carousel li.item img{ max-width: 100%} .productslider-container-rtl { direction: rtl} .productslider-container-rtl .owl-carousel .owl-buttons {left: 0; right: inherit } .productslider-container-rtl .owl-carousel .owl-item {float: right} body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; width: 100%;} .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 1px solid #ededed; margin:-1px; /* 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 { margin-left:10px; background-repeat:no-repeat; background-color:#ffffff; border:2px solid white; overflow:hidden; -moz-box-shadow:0 0 10px #ddd; -webkit-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .mousetrap {background:url(https://www.hantermann.eu/skin/frontend/shopper/default/images/spacer.gif) 0 0 !important; } /* * 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('https://www.hantermann.eu/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('https://www.hantermann.eu/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('https://www.hantermann.eu/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('https://www.hantermann.eu/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('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('https://www.hantermann.eu/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('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('https://www.hantermann.eu/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('https://www.hantermann.eu/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('https://www.hantermann.eu/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('https://www.hantermann.eu/skin/frontend/shopper/default/js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('https://www.hantermann.eu/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'); }*/ .klarna_title { margin-left: 10px; } .klarna_title a { margin: 0px !important; } .additional { padding-top: 7px; padding-bottom: 1px; } #easycredit-total-table-wrapper { margin: 10px 0px; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { margin:0; width: auto; padding:0px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:auto; } .home-main .jcarousel-skin-tango .jcarousel-container-horizontal { width: auto; } .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: auto; } .sidebar .jcarousel-skin-tango .jcarousel-clip-horizontal, .home-left .jcarousel-skin-tango .jcarousel-clip-horizontal, .home-right .jcarousel-skin-tango .jcarousel-clip-horizontal { width:300px; } .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(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/arrow_about.png) 0 0 no-repeat; border-radius:100%; } .jcarousel-prev-horizontal {margin:-54px 0 0; right:44px; background-position:100% 0;} .jcarousel-next-horizontal {margin:-54px 0 0; right:4px;} .jcarousel-next-horizontal:hover {background-color:#fe5252; background-position:0 100%;} .jcarousel-prev-horizontal:hover {background-color:#fe5252; 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; } 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 { font-size : 100%; -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; } html, button, input, select, textarea { font-family : sans-serif; color : #222222; } 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 : #666666; color : #FFFFFF; text-shadow : none; } ::selection { background : #666666; color : #FFFFFF; text-shadow : none; } /* ============================================================================= Links ========================================================================== */ a { color : #0000EE; } a:hover { color : #0066EE; } 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 #CCCCCC; margin : 1em 0; padding : 0; } ins { background : #FFFF99; color : #000000; text-decoration : none; } mark { background : #FFFF00; color : #000000; font-style : italic; font-weight : bold; } pre, code, kbd, samp { font-family : monospace, serif; _font-family : 'courier new', monospace; font-size : 1em; } pre { white-space : pre; white-space : pre-wrap; word-break : 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; } pre { overflow-x : auto; padding-left : 8px; margin-bottom : 20px; background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/bg_code.png') repeat 0 0; line-height : 21px; } /* ============================================================================= 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; 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; } /* * 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; } /* * 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; vertical-align : middle; } 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; } /* Custom styles for Radio button, test */ input[type="radio"] { background-color : #FFFFFF; position : relative; width : 13px; height : 13px; display : inline-block; padding : 0; border : 1px solid #E0E0E0; -webkit-box-shadow : inset 0px 0px 5px 0px #EAEAEA; box-shadow : inset 0px 0px 5px 0px #EAEAEA; border-radius : 100%; -webkit-appearance : none; box-sizing : border-box; } input[type="radio"]:checked { background-color : #FFFFFF; -webkit-box-shadow : none; box-shadow : none } input[type="radio"]:checked:before { content : ''; display : inline-block; position : absolute; left : 3px; top : 3px; width : 5px; height : 5px; border-radius : 100%; background : #37322F; } /* * 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: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 : #CCCCCC; color : black; padding : 0.2em 0; } /* ==|== primary styles ===================================================== */ body { font-size : 12px; font-family : Arial, Helvetica, sans-serif; color : #1B1A19; background : #FAFAFA; } /* Sprite (list of images using sprite on local.css): -------------------------------------------------------------- */ .sorter .sort-order a, button.btn-proceed-checkout span span:before, .cart-top-title a span.icon, .btn-edit, .btn-remove, .compare-top-container .details .actions a:before, .block-compare .block-content .actions a:before, .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, .header-switch span.current:before, .cart-top > a, .search-top, .search-top-container .search-form .search-top-title span.icon, .compare-top, .compare-top-title a span.icon, .product-view .add-to-links li.compare span.icon, .footer-info ul.twitterList li span.tweet-icon, .breadcrumbs span, .error-msg:before, .success-msg:before, .note-msg:before, .notice-msg:before, .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, .blog-icon .inner, .toolbar-switch .toolbar-title:before, .products-grid .hover .button-container button.button span span em, .data-table .btn-edit2, .data-table .btn-remove2, .block-layered-price .ui-widget-content .ui-state-default, .product-view .add-to-cart button.button span span, .product-view .add-to-links li span.icon, .blog-img-wrap .blog-img-link-hover, .product-view .add-to-links li.email-friend span.icon { background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png); } a { color : #828282; text-decoration : none; outline : none; } a:hover { color : #3C3C3C; } button.button span { background : #FE5252 url('https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/btn_overlay.png') 0 0 repeat-x; padding : 0px; height : 42px; border-radius : 3px; } button.button span span { line-height : 42px; padding : 0 16px; font-size : 14px; font-weight : 300; color : #FFFFFF; text-align : center; white-space : nowrap; } .buttons-set .back-link a { display : block; height : 42px; padding : 0 16px; border-radius : 3px; color : #FFFFFF; font-size : 14px; font-weight : 300; line-height : 42px; text-align : center; white-space : nowrap; text-decoration : none; } .buttons-set .back-link a small { display : none; } button.btn-proceed-checkout span span { padding-right : 60px; position : relative; } button.btn-proceed-checkout span span:before { content : ''; display : block; position : absolute; top : 10px; right : 18px; width : 28px; height : 19px; background-position : 0 0; transition : width 200ms ease-in-out; } button.btn-proceed-checkout:hover span span:before { width : 32px; } button.button_white { height : 42px; box-shadow : 1px 1px 5px 0px rgba(0, 0, 0, 0.15); } button.button_white span { background : linear-gradient(to bottom, #FFFFFF 1%, #F2F2F2 100%); /* W3C */ } button.button_white span span { padding : 0 37px; color : #000000; color : rgba(0, 0, 0, 0.75); } button.button_white:hover span span { color : #FFFFFF; } .btn-remove, .btn-edit { display : block; width : 15px; height : 15px; background-color : #FE5252; border-radius : 100%; } .btn-edit { background-position : -96px -47px; } .btn-remove { background-position : -145px -45px; } h1, h2, h3 { color : #000000; color : rgba(0, 0, 0, 0.75); font-weight : 400; } .page-404 { } .std dl dt { color : #4C4C4C; } .std h1, .std h2, .std h3, .std h4 { font-size : 24px; 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-repeat : no-repeat; background-position : left 0 bottom 8px; } .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; } .page-title { position : relative; z-index : 2; border : none; padding : 26px 0 26px; margin : -30px 0 38px; min-height : 92px; box-sizing : border-box; } .col2-left-layout .page-title { margin-left : -300px; } .col3-layout .page-title { margin : 0 -300px; } .page-popup .page-title { padding : 0 0 18px; } .page-title h1, .page-title h2 { text-transform : uppercase; font-size : 35px; font-weight : 400; line-height : 40px; letter-spacing : -1.5px; padding : 0px 0 0; } .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-head h3, .col-main-wrap > .blog-title, .col-main-wrap > .product-category-title { position : relative; /*z-index : 2;*/ word-wrap : break-word; margin : -31px 0 30px; line-height : 36px; font-size : 36px; font-weight : 400; padding : 20px 0; color : #322C29; border-top : 1px solid; border-color : rgba(227, 227, 227, 0.61); } .product-category-title { font-weight : 400; letter-spacing : -1.5px; } body.checkout-cart-index .col-main-wrap, body.checkout-onepage-index .col-main-wrap { padding-top : 0; } .breadcrumbs:before { content : ''; position : absolute; left : 0; right : 0; top : 0px; bottom : 0; height : 100%; z-index : -1; } .page-title:before, .page-head h3:before, .postTitle:before, .col-main-wrap > .blog-title:before, .blog-title:before, .product-category-title:before { content : ''; position : absolute; left : -100%; right : -100%; top : 0px; bottom : 0; height : 100%; z-index : -1; } .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; text-align : right; } .buttons-set button.button { float : left; } .buttons-set .back-link { float : right; } .fieldset { border : none; background : transparent; padding : 0px 0; margin : 0 0 0; } .fieldset + .fieldset { margin-top : 28px; } .fieldset .legend { margin : 0; padding : 0 0 10px; float : none; background : transparent; border : none; } .form-list label { float : left; color : #000000; color : rgba(0, 0, 0, 0.75); font-weight : 300; position : relative; z-index : 0; margin-top : 0px; line-height : 21px; } .input-box { border : 0; padding : 0; } input.input-text, textarea, input.qty { padding : 4px 9px; height : 29px; border : 1px solid #E0E0E0; -webkit-box-shadow : inset 0px 0px 5px 0px #EAEAEA; /*for iOs*/ box-shadow : inset 0px 0px 5px 0px #EAEAEA; -webkit-border-radius : 3px; border-radius : 3px; line-height : 19px; box-sizing : border-box; -webkit-appearance : none; } select { padding : 1px; border-radius : 3px; height : 29px; border : 1px solid #E0E0E0; -webkit-box-shadow : inset 0px 0px 5px 0px #EAEAEA; box-shadow : inset 0px 0px 5px 0px #EAEAEA; position : relative; -moz-appearance : none; -webkit-appearance : none; appearance : none; background-color : #FFFFFF; background-repeat : no-repeat; background-position : right 10px top -288px; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png); padding : 4px 25px 4px 3px; box-sizing : border-box; } select:-moz-focusring { color : transparent; text-shadow : 0 0 0 #000000; } /* hide dotted line on FF*/ select::-ms-expand { display : none; } /* hide arrow on IE, "appearance" - not work */ select.multiselect { height : auto; } .form-list select { width : 100%; } .buttons-set p.required { margin : 5px 0 10px; } p.required { font-size : 12px; text-align : left; } .form-list li.wide textarea { width : 100%; } .dotted-border { border : 2px dotted #AAAAAA; padding : 10px; } input.radio + label { margin-left : 7px; } .form-list li.control { line-height : 25px; } .form-list li.control input.radio, .form-list li.control input.checkbox { vertical-align : middle; } /* Layout ================================================================================ */ .top-border { border-top : 3px solid #9A1212; } .page { width : 100%; margin : 0 auto; padding : 0; } .main-container { background : #FAFAFA; overflow-x : hidden; /* for .slider-container */ } .main { position : relative; z-index : 1; } /* Base Columns */ .col-main-wrap { width : 100%; padding : 30px 15px 50px; box-sizing : border-box; } .col-left { float : left; } .col-right { float : right; } .sidebar { position : relative; margin-top : 130px; } /* 1 Column Layout */ /* 2 Columns Layout */ .col2-left-layout .col-left { width : 300px; } .col2-right-layout .col-right { width : 300px; } .col2-left-layout .col-main { margin-left : 300px; } .col2-left-layout .col-main-wrap { float : right; } .col2-right-layout .col-main { margin-right : 300px; } .col2-right-layout .col-main-wrap { float : left; } /* 3 Columns Layout */ .col3-layout .col-main { margin-right : 300px; } .col3-layout .col-main-wrap-left { width : 100%; box-sizing : border-box; float : left; } .col3-layout .col-main-wrap-right { margin-left : 300px; } .col3-layout .col-main-wrap { float : right; } .col3-layout .col-left, .col3-layout .col-right { width : 300px; } /* Home Page Layout */ .home-main-wrap { width : 100%; box-sizing : border-box; } .home-left { width : 285px; float : left; } .home-main { width : 870px; } .cms-shopper-home-2col-left .home-main, .home-main-right { float : right; } .cms-shopper-home-2col .home-main, .cms-shopper-home-slideshow .home-main, .home-main-left { float : left; } .cms-shopper-home-2col .home-right, .cms-shopper-home-slideshow .home-right, .home-right { float : right; width : 285px; } /*** 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 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 { width : 100% } .contacts-index-index .form-list input.input-text { width : 100%; height : 36px } .contacts-index-index .form-list li.wide textarea { width : 100% } .fieldset h2.legend { padding-bottom : 21px; font-size : 26px; font-weight : 400; text-transform : uppercase; letter-spacing : -1px; line-height : 1.25; float : none; } /* blog */ .blog-wrap span.date, body.blog-post-view .postView .postDetails > div { background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/post_meta.png); background-repeat : no-repeat; } /*Contacts Page*/ .topmap { margin-top : -80px; margin-bottom : 20px; } .cform_wrap .fieldset .legend { font-weight : normal; margin : 0; } .cform_wrap { background-color : #FFFFFF; border-top : 6px solid #FE5252; padding : 20px 23px 24px; border-radius : 2px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-sizing : border-box; } .cform_wrap .buttons-set button.button { margin-top : 0; } .cform_wrap button.button span span { padding : 0 25px; } .cform_wrap .buttons-set { margin-top : 12px; } .cform_wrap .input-box input::-webkit-input-placeholder, .cform_wrap .input-box textarea::-webkit-input-placeholder { color : #000000; opacity : .7; font-size : 13px; } .cform_wrap .input-box input::-moz-placeholder, .cform_wrap .input-box textarea::-moz-placeholder { color : #000000; opacity : .7; font-size : 13px; } /* Firefox 19+ */ .cform_wrap .input-box input:-moz-placeholder, .cform_wrap .input-box textarea:-moz-placeholder { color : #000000; opacity : .7; font-size : 13px; } /* Firefox 18- */ .cform_wrap .input-box input:-ms-input-placeholder, .cform_wrap .input-box textarea:-ms-input-placeholder { color : #000000; opacity : .7; font-size : 13px; } .cform_wrap .form-list li { margin : 0 0 10px; } .cform_wrap input.input-text { height : 36px; } .cform_wrap input.qty, .cform_wrap input.input-text, .cform_wrap textarea { padding : 4px 8px; } .caddress { float : left; width : 40%; padding-right : 30px; position : relative; } .caddress:after { content : ""; width : 1px; height : 90%; display : block; position : absolute; right : 0; top : 5px; background-color : #E1DFDF; } .ccontacts { float : right; width : 45%; padding-left : 20px; } /* Login page*/ .customer-account-login .main-container { box-shadow : inset 0px 4px 10px -5px rgba(0, 0, 0, .15); } .account-login, .account-create { padding : 30px 0 60px; } body.customer-account-login .col-main-wrap, body.customer-account-create .col-main-wrap { padding : 0; } .account-login, .account-create { padding : 50px 0; } .customer-account-login h2 { margin : 0 0 10px; } .customer-account-create .account-create h2.legend { margin : 25px 0 0; padding-top : 15px; } .customer-account-create .account-create h2.first { margin : 0; padding-top : 0; } .customer-account-create .account-create .form-list .field { float : none; width : auto; } .customer-account-create .account-create .buttons-set { margin : 0; padding : 10px; 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 .main-container { box-shadow : inset 0px 4px 10px -5px rgba(0, 0, 0, .15); } .main .cart-empty { padding-bottom : 29px; } .catalog-category-view .col-left, .catalog-category-view .col-right { padding : 30px 0 0; margin-top : 0; } .catalogsearch-result-index .breadcrumbs, .catalogsearch-advanced-index .breadcrumbs, .catalogsearch-advanced-result .breadcrumbs { display : none; } .checkout-onepage-index .col-right { margin-top : 213px; } .checkout-onepage-success h2.sub-title { padding-bottom : 21px; font-size : 24px; text-transform : uppercase; letter-spacing : -1px; line-height : 1.25; } .checkout-onepage-success .col-main p { margin-bottom : 10px; } .checkout-onepage-success .buttons-set { margin : 15px 0; } .cart .page-title .checkout-types { margin : -1px 0 -1px; line-height : 0; } .cart .title-buttons .checkout-types li { margin : 0; min-height : 42px; vertical-align : middle; } .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; display : inline-block; } .sendfriend-product-send .buttons-set button.button span span { width : 120px } .sendfriend-product-send #add_recipient_button { display : inline-block; } /* ======================================================================================= */ /* Header ================================================================================ */ .header-container { background : #FFFFFF; color : #656565; position : relative; } .top-switch-bg { background : #F9F9F9; border-top : 5px solid #322C29; 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 { box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, .15); } .top-switch-bg .over span { background : #FFFFFF; } .header-switch span { color : rgba(108, 108, 108, 0.59); display : block; padding : 0 10px; position : relative; z-index : 2; white-space : nowrap; } .header-switch span.current { position : relative; display : inline; color : rgba(29, 28, 27, 0.59); padding : 0 12px 0 5px; } .header-switch span.current:before { content : ''; display : block; position : absolute; top : 5px; right : 0; width : 7px; height : 4px; background-position : -50px -200px; } .header-dropdown { background : #FFFFFF; padding : 14px; display : none; position : absolute; margin : 0; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, .15); } .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 li { margin : 0; padding : 0; display : inline-block; } .links li a { color : #1D1C1B; white-space : nowrap; } .links li a:hover { color : #777777; text-decoration : none; } .links li.separator { margin : 0 11px; width : 1px; height : 7px; vertical-align : middle; background-color : rgba(0, 0, 0, .15); } .header-container .links { padding : 7px 0 6px; text-align : right; } header { position : relative; z-index : 10020; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, .15); } .logo { float : none; display : inline-block; } a.logo { font-weight : 400; font-size : 20px; line-height : 1.15; } header a.logo { text-decoration : none !important; margin : 28px 0; } header a.logo img { max-width : 100%; height : auto; } 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 { display:none;position : fixed; top : 0; width : 100%; background : #FFFFFF; } header.fixed a.logo { margin : 14px 0; } header.fixed #queldoreiNav { margin : 11px 0 14px 46px; } header.fixed .nav_below #queldoreiNav { margin-left : 0; } .cart-top-container { float : right; position : relative; margin : 0px 0px 0 4px; } .cart-top > a { float : left; display : block; background-color : #FE5252; background-position : 7px -241px; width : 38px; height : 38px; border-radius : 100%; } .cart-top > a:hover { background-color : #322C29; text-decoration : none; } .cart-top span { padding : 9px 0 0 9px; color : #373230; font-size : 14px; font-weight : 700; text-transform : uppercase; display : inline-block; line-height : normal; /*max-width : 90px;*/ white-space : nowrap; } .cart-top-container .details { display : none; background : #FFFFFF; width : auto; padding : 16px 16px 11px; line-height : 150%; color : #7B7B7B; position : absolute; z-index : 10020; left : -183px; top : 48px; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius : 2px; } .cart-top-container .details-border { background : #FE5252; height : 4px; width : 100%; padding : 0 16px; margin : -16px 0 16px -16px; border-top-left-radius : 2px; border-top-right-radius : 2px; } .cart-top-container .details-border:before { content : ""; position : absolute; border-color : transparent transparent #FE5252 transparent; border-style : solid; border-width : 5px; height : 0; width : 0; top : -9px; left : 198px; } .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 : #000000; } .cart-top-container .details p { margin : 14px 0 5px 0 } .cart-top-container .details p.product-name { margin : 0 } .cart-top-container .details .item-options { font-size : 12px; 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; display : table; width : 100%; } .cart-top-container .details .buttons .button_wrap { display : table-cell; } .cart-top-container .details .buttons .button_wrap + .button_wrap { padding-left : 8px; } .cart-top-container .details .button.btn-checkout { float : right; } .cart-top-container .cart-promotion { background : #EEEEEE; padding : 10px; color : #392420; } .cart-top-container .details .subtotal-wrapper { width : 100%; margin : 0 auto; padding : 0; } .cart-top-container .details .subtotal { background : #FEFEFE; width : 100%; margin : 0 -16px; padding : 0 16px; line-height : 41px; font-size : 13px; font-weight : 700; text-align : right; text-transform : uppercase; box-shadow : inset 0 0 10px rgba(57, 36, 32, 0.08); } .top-dropdowns { position : absolute; right : 0; top : 50%; margin-top : -20px; } .cart-top-title { 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 : #000000; } .cart-top-title a span.icon { display : block; float : left; background-color : #FE5252; background-position : 7px -241px; width : 38px; height : 38px; margin : 0 10px 0 0; 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; } .search-top { display : block; overflow : hidden; background-color : #FE5252; background-position : 10px -90px; width : 38px; height : 38px; border-radius : 100%; cursor : pointer; } .search-top:hover { background-color : #322C29; } .search-form { display : none; background : #FFFFFF; width : 240px; padding : 8px; position : absolute; z-index : 10030; right : -60px; top : 47px; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius : 2px; } .search-form-border { background : #FE5252; height : 4px; width : 240px; padding : 0 8px; margin : -8px 0 8px -8px; border-top-left-radius : 2px; border-top-right-radius : 2px; } .search-form-border:before { content : ""; position : absolute; border-color : transparent transparent #FE5252 transparent; border-style : solid; border-width : 5px; height : 0; width : 0; top : -9px; right : 74px; } .search-top-container .search-form .search-top-title { 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-color : #FE5252; background-position : 10px -90px; width : 38px; height : 38px; margin : 0 10px 0 0; border-radius : 100%; } .search-top-container .search-form .search-top-title:hover span.icon { background-color : #322C29; text-decoration : none; } #search { width : 100%; padding : 4px 7px; color : #7B7B7B; border-radius : 2px; } #search_mini_form .form-search button { display : none; } .search-autocomplete { background : #FFFFFF; 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 : #000000; color : rgba(0, 0, 0, 0.67); } .search-autocomplete ul li span.amount { float : right; font-weight : 800; } .search-autocomplete ul li.even { background : #E7E7E7; } .search-autocomplete ul li:hover { background : #DDDDDD; } ::-webkit-input-placeholder { color : #7B7B7B; } ::-moz-placeholder { color : #7B7B7B; } /* Firefox 19+ */ :-ms-input-placeholder { color : #7B7B7B; } #search_mini_form .form-search { position : relative; } .search-field .search-top-container { margin : 5px 6px 0 0; } .search-field #search { width : 180px; padding-right : 27px; height : 32px; } .search-field #search_mini_form .form-search button { display : block; } #search_mini_form .form-search button { position : absolute; width : 23px; height : 29px; right : 0; top : 1px; background : transparent url('https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/search_icon.png') 0 0 no-repeat; border : 0; } #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-color : #FE5252; background-position : -87px -89px; width : 38px; height : 38px; border-radius : 100%; cursor : pointer; } .compare-top:hover { background-color : #322C29; } .compare-top-container .details { display : none; background : #FFFFFF; width : 254px; padding : 16px; line-height : 150%; color : #7B7B7B; position : absolute; z-index : 10020; right : -40px; top : 48px; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius : 2px; } .compare-top-container .details-border { background : #FE5252; height : 4px; width : 254px; padding : 0 16px; margin : -16px 0 16px -16px; border-top-left-radius : 2px; border-top-right-radius : 2px; } .compare-top-container .details-border:before { content : ""; position : absolute; border-color : transparent transparent #FE5252 transparent; border-style : solid; border-width : 5px; height : 0; width : 0; top : -9px; right : 54px; } .compare-top-container .details a:hover { text-decoration : none; color : #000000; } .compare-top-container .details li.item { margin : 0 0 20px 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 : 27px; } .compare-top-container .details .actions a { float : none; margin-left : 20px; } .compare-top-container .details .actions a:before { content : ''; position : absolute; width : 15px; height : 15px; margin : 5px 0 0 -20px; border-radius : 100%; background-position : -145px -45px; } .compare-top-title { 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 : #000000; } .compare-top-title a span.icon { display : block; float : left; background-color : #FE5252; background-position : -87px -89px; width : 38px; height : 38px; margin : 0 10px 0 0; border-radius : 100%; } .compare-top-title a:hover span.icon { background-color : #322C29; text-decoration : none; } /* Social links -------------------------------------------------- */ ul.social:after { clear : both; display : table; content : ''; } ul.social li, .footer-info ul.social li { float : left; margin : 0 4px 4px 0; padding : 0; background : none; } ul.social li a, .footer-info ul.social li a { margin : 0; } /*ul.social li a {}*/ a.social_links { position : relative; display : block; width : 36px; height : 36px; background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/sprite_socialbuttons.png') 0 0 no-repeat; border-radius : 100%; overflow : hidden; font-size : 0; color : transparent; margin : 0 4px 4px 0; } a.social_links:hover { background-color : #FE5252; } a.rss_feed { background-color : #FFB400; background-position : 1px -1px; } a.facebook_account { background-color : #3B5998; background-position : 1px -157px; } a.twitter_account { background-color : #00C3F4; background-position : 1px -197px; } a.dribble_account { background-color : #F977A6; background-position : 1px -118px; } a.flicker_account { background-color : #FF0084; background-position : 0px -40px; } a.vimeo_account { background-color : #1AB7EA; background-position : 1px -79px; } a.picasa_account { background-color : #4B8DF8; background-position : 0px -975px; } a.digg_account { background-color : #1B5891; background-position : 1px -1014px; } a.plurk_account { background-color : #CF682F; background-position : 1px -937px; } a.tripadvisor_account { background-color : #589642; background-position : 0px -898px; } a.yahoo_account { background-color : #AB64BC; background-position : -1px -819px; } a.email_to { background-color : #A8C000; background-position : 0px -235px; } a.youtube_account { background-color : #B72D28; background-position : 0px -313px; } a.pinterest_account { background-color : #CB2027; background-position : 0px -390px; } a.google_plus_account { background-color : #4B8DF7; background-position : 0px -274px; } a.linkedin_account { background-color : #0073B2; background-position : 1px -351px; } a.delicious_account { background-color : #004795; background-position : 0px -1092px; } a.devianart_account { background-color : #54675A; background-position : 1px -664px; } a.tumblr_account { background-color : #34526F; background-position : 0px -703px; } a.skype_account { background-color : #33BFF3; background-position : 0px -741px; } a.apple_account { background-color : #4C4C4C; background-position : 1px -781px; } a.aim_account { background-color : #FFB400; background-position : 1px -1054px; } a.paypal_account { background-color : #0079C1; background-position : 1px -469px; } a.blogger_account { background-color : #FF6403; background-position : 1px -586px; } a.behance_account { background-color : #1769FF; background-position : 0px -625px; } a.myspace_account { background-color : #003399; background-position : 0px -859px; } a.stumble_account { background-color : #CC492B; background-position : 0px -429px; } a.forrst_account { background-color : #176023; background-position : 0px -508px; } a.imdb_account { background-color : #F4C118; background-position : 0px -548px; } a.instagram_account { background-color : #99654D; background-position : 0px -1132px; } /* FOOTER ================================================================================ */ .footer-container { background : none #322C29; color : #666666; margin : 0 0 50px 0; padding : 0; position : relative; } .footer-banners { /*background : #F7F7F6;*/ padding : 25px 0; } .footer-banners img { max-width : 100%; height : auto; } .footer-banners a:hover img { opacity : 0.6; } .footer-info { background : #F4F4F2; border-top : 1px solid #ECECEA; padding : 60px 0; } .footer-info a { color : #FE5252 } .footer-info a:hover { color : #000000; text-decoration : none; } .footer-info h4 { font-size : 24px; font-weight : 400; text-transform : uppercase; letter-spacing : -1.2px; 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 23px; line-height : 130%; position : relative; } .footer-info .information ul li:before, .footer-info ul.disc li:before { content : ''; position : absolute; top : 2px; left : 2px; width : 8px; height : 8px; border-radius : 100%; background-color : #FE5252; } .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-color : #FE5252; background-position : -139px 12px; 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 : 35px 0 0; } .footer-info .block-control { display : none; position : absolute; top : 0; right : 0; width : 35px; height : 35px; background : #FEFEFE url("https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/arrow_footer.png") 0 0 no-repeat; border-radius : 100% !important; } .footer-info .block-control:hover { background-color : #FE5252; background-position : 0 100%; } .footer-info .block-control-hide { background-position : 100% 0; } .footer-info .block-control-hide:hover { background-color : #FE5252; background-position : 100% 100%; } .footer-info .block-content { display : block; } .footer-info iframe { width : 300px; height : 260px; margin : 0 0; } footer { padding : 21px 0 20px; } footer a { color : #A2A2A2 } footer a:hover { color : #FFFFFF; text-decoration : none; } footer ul { margin : 0; padding : 0; } footer ul.links { float : right; margin-top : -1px; line-height : 1.5; } footer ul.links a { color : rgb(140, 140, 140); color : rgba(140, 140, 140, 0.87); } footer ul.links li { line-height : inherit; } footer ul.links li a:hover { color : #FFFFFF; text-decoration : none; } footer ul.links li.separator { height : 8px; background-color : rgba(195, 195, 195, .18); } footer .copyright { border-top : 1px dotted #E0E0E0; margin : 40px 0 0; padding : 20px 0 0; } /********** < Navigation */ .nav-container { position : relative; z-index : 10010; display : inline-block; vertical-align : middle; } .nav-container .nav-top-title { cursor : pointer; font-size : 16px; text-align : left; width : 220px; margin : 0 auto 3px; padding : 0 10px; line-height : 36px; background : #F5F5F3; color : #000000; border-radius : 3px; display : none; } .nav-container .nav-top-title a { color : #000000; 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 a, .nav-container .nav-top-title.active a { color : #FFFFFF; } .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span { background : #FFFFFF; } /* mobile styles main menu */ .nav-container li > a em { float : right; display : none; width : 36px; text-align : center; font-size : 0; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/nav_sprite.png); background-repeat : no-repeat; } .nav-container li > a em:hover { cursor : pointer; background-color : #FFFFFF; color : #000000 !important; } /* main menu position icon */ .nav-container li > a em { background-position : 0 0; } .nav-container li:hover > a em, .nav-container li.active > a em { background-position : 0 -36px; } .nav-container li:hover > a em:hover { background-position : 0 0; } .nav-container ul li.minus > a em { background-position : -36px 0; } .nav-container ul li.minus.over > a em { background-position : -36px -36px; } .nav-container ul li.minus:hover > a em, .nav-container ul li.active.minus > a em { background-position : -36px -36px; } .nav-container ul li.minus:hover > a em:hover { background-position : -36px 0; } /* sub menu position icon */ .nav-container ul.level0 li > a em { background-position : 0 -3px; } .nav-container ul.level0 li:hover > a em, .nav-container ul.level0 li.active > a em { background-position : 0 -3px; } .nav-container ul.level0 li:hover > a em:hover { background-position : 0 -3px; } .nav-container ul.level0 li.minus > a em, .nav-container ul.level0 li.minus.over > a em { background-position : -36px -3px; } .nav-container ul.level0 li.minus:hover > a em, .nav-container ul.level0 li.active.minus > a em { background-position : -36px -3px; } .nav-container ul.level0 li.minus:hover > a em:hover { background-position : -36px -3px; } #queldoreiNav { width : 650px; margin : 28px 0 31px 46px; padding : 0; position : relative; border : none; float : left; } .search-field #queldoreiNav { width : 560px } /* All Levels */ #queldoreiNav li { text-align : left; position : static; } #queldoreiNav li.over { z-index : 998; } #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 : -2px 3px; } #queldoreiNav > li > a { position : relative; float : left; padding : 0; color : #373230; font-size : 14px; 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 : #FFFFFF; } #queldoreiNav > li:hover, #queldoreiNav > li.over, #queldoreiNav > li.active { 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 #FE5252; } /* 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 : #FFFFFF; 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 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 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 : #FFFFFF !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-weight : 700; } #queldoreiNav li.custom-block div.sub-wrapper a { 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 > li, #queldoreiNav li.custom-block div.sub-wrapper ul li { width : auto; float : none; background-repeat : no-repeat; background-position : left 0 bottom 8px !important; background-color : transparent !important; /*background:transparent url("https://www.hantermann.eu/skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;*/ line-height : 22px; padding : 0 10px 0 20px; } /* Custom styles for Navigation Blocks */ #queldoreiNav li.custom-block div.sub-wrapper { box-sizing : border-box; } table.mobile-custom-block td { width : 33.3333%; padding : 0 5px; text-align : center; } table.mobile-custom-block img { max-width : 100%; height : auto; } table.mobile-custom-block ~ a { text-align : center; } #nav { width : 750px; margin : 9px 0 15px 46px; padding : 0; position : relative; border : none; float : left; } .search-field #nav { width : 590px } /* All Levels */ #nav li { text-align : left; position : static; } #nav li.over { z-index : 998; } #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 : -3px 3px; } #nav > li > a { position : relative; float : left; padding : 0; color : #373230; font-size : 14px; 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-color : transparent; } #nav > li:hover, #nav > li.over, #nav > li.active { box-shadow : 0 0 10px 0 rgba(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 #FE5252; background-color : #FFFFFF; } #nav > li.custom-block > a, #nav > li.custom-block > a > span { cursor : default; } /* 2nd Level */ #nav ul { position : absolute; z-index : 999; width : auto; padding : 16px; margin : 39px 0 0; left : -10000px; border : none; background : #FFFFFF; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } /* 3rd+ leven */ #nav ul ul { top : -5px; margin : 0 0 0 101px; padding : 0; width : auto; border : none; 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 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 : #FFFFFF !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-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 : #FFFFFF; top : 0; margin : 0; padding : 0; box-shadow : none; } #nav li.custom-block ul li > ul > li { width : auto; float : none; background-color : transparent !important; background-repeat : no-repeat; background-position : left 0 bottom 8px !important; line-height : 22px; padding : 0 10px 0 20px; } /********** Navigation > */ /* ======================================================================================= */ /* Below logo -------------------------------------------------- */ .below-logo .nav-container { display : block; margin-left : -13px; } .below-logo #queldoreiNav, .below-logo #nav { width : auto; margin : 0 0 14px 5px } @media only screen and (min-width : 980px) { .below-logo header a.logo { margin : 18px 0; } .below-logo .top-dropdowns { margin-top : -32px; } } /* -------------------------------------------------- */ a.product-image { display : block; position : relative; } .new-label, .sale-label { position : absolute; z-index : 10000; width : 91px; height : 91px; background : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/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 styles -------------------------------------------------- */ .price-box a { /*white-space : nowrap;*/ } .price-box a:hover { text-decoration : none; } .price-box .price { color : #FE5252; font-size : 16px; } .product-view .product-shop .price-box .price { font-size : 40px; line-height : 40px; } .product-view .product-shop .price-box .price-label { display : block; } .price-box .old-price .price { color : #C3C3C3; font-weight : 400; /*font-size:11px;*/ } .price-box { display : table; } .price-box p.special-price { float : left; margin : 0 !important; line-height : 18px !important; } .price-box p.old-price { /*float: left;*/ padding-right : 3px; margin : 0 !important; line-height : 18px !important; } .price-box .price-from, .price-box .price-to { float : left; } .price-box p.price-from:after { content : '-'; padding : 0 3px 0 2px; margin : -1px 0 0; display : inline-block; vertical-align : top; } .product-view .price-box p.price-from:after, .hover .price-box p.price-from:after { content : ''; } .price-box:after { clear : both; content : ''; display : table; } .hover .price-box p, .product-view .product-shop .price-box .price-to, .product-view .product-shop .price-box .price-from { float : none; } .in-stock { color : green } .out-of-stock { color : red } .rating-box, .rating-box .rating { height : 10px; background-image : url("https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/rating.png"); } .rating-box { width : 60px; margin : 2px 12px 0 0; } .rating-links .separator { margin : 0 2px; font-weight : 300; font-size : 12px; color : #D9D9D9; } .breadcrumbs { border : none; padding : 0 15px; margin : 0; position : relative; z-index : 1; } .breadcrumbs a { color : rgba(27, 26, 25, 0.77); } .breadcrumbs strong { color : rgba(128, 128, 128, 0.77); font-weight : 300; } .breadcrumbs span { background-repeat : no-repeat; background-position : -94px -195px; padding : 0 9px; } .breadcrumbs ul { margin : 0; padding : 17px 15px 16px; } /* Global Messages */ .success { color : #3D6611; font-weight : bold; } .error { color : #FF0000; font-weight : bold; } .notice { color : #CCCCCC; } body ul.messages, body .messages ul { list-style : none; margin : 0; padding : 0; } body ul.messages { width : 100%; margin : 0 0 15px !important; } body ul.messages li li { padding : 0 !important; margin : 0 !important; line-height : inherit !important; background : none !important; font-style : normal; text-align : left !important; } body ul.messages li.error-msg, body ul.messages li.success-msg, body ul.messages li.note-msg, body ul.messages li.notice-msg { padding : 33px 19px 35px 71px !important; border-radius : 2px !important; background-position : 27px 31px !important; background-repeat : no-repeat !important; background-color : #FFFFFF !important; box-shadow : 0px 0px 5px 0px rgba(0, 0, 0, 0.09) !important; color : #888888 !important; font-size : 15px !important; line-height : 1.4 !important; position : relative !important; } body ul.messages > li:before { content : ''; position : absolute; width : 26px; height : 26px; display : block; left : 27px; top : 31px; } .error-msg:before { background-position : -50px -150px; } .success-msg:before { background-position : 0 -150px; } .note-msg:before { background-position : -100px -150px; } .notice-msg:before { background-position : -150px -150px; } .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 : -69px 0 0 320px; } .quick-view { display : none; position : absolute; z-index : 2; top : 14%; left : 30%; background : #FE5252 url('https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/btn_overlay.png') 0 0 repeat-x; height : 42px; border-radius : 3px; line-height : 42px; padding : 0 16px; font-size : 14px; font-weight : 300; color : #FFFFFF; text-align : center; white-space : nowrap; } .quick-view a { color : #FFFFFF; } .quick-view:hover { color : #FFFFFF; text-decoration : none; } div.alert a { font-size : 12px; color : #8DB201; padding-left : 5px; } div.alert a:hover { color : #FFFFFF; } div.alert { position : fixed; background : #353535; top : 0; left : 50%; width : 333px; margin-left : -220px; padding : 20px 60px; color : #FFFFFF; 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(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/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 */ .row .row.homepage-banners { margin-top : -43px; margin-bottom : 68px; } body.cms-shopper-home .main-container { overflow : inherit; } .homepage-banners a { position : relative; overflow : hidden; display : block; padding : 11px; background : #FFFFFF; border-radius : 2px; box-shadow : 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .homepage-banners a:hover { padding : 16px; margin : -5px; box-shadow : 0px 0px 22px 1px rgba(0, 0, 0, 0.15); } .homepage-banners a, .homepage-banners a:hover { transition : all 300ms ease-in-out; } .pright { right : 0; transition : all 300ms ease-in-out; } .homepage-banners a:hover .content.pright { right : 5px; transition : all 300ms ease-in-out; } .homepage-banners a img { position : relative; z-index : 1; max-width : 100%; height : auto; } .homepage-banners a .content { position : absolute; z-index : 2; margin : 38px; color : #4E4D4B; text-align : center; } .homepage-banners a .content strong { 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 0px; letter-spacing : -1.2px; line-height : 21px; } /*********** < BRANDS */ .brands a img { opacity : .49; } .brands a:hover img { opacity : 1; } .brands img { transition : opacity 200ms ease-in-out; } /*********** < SLIDER */ .slider-container { position : relative; z-index : 2; margin : 42px 0 -50px 0px; padding : 42px 0 0; } .slider-container:before { content : ''; position : absolute; top : 0px; left : -100%; right : -100%; display : block; height : 100%; border-top : 1px solid #E1E1E1; background : #EDEDED; z-index : -1; } .main-container > .slider-container { margin : 0; } .slider-container h3, .col-main .widget h3, .paypal-express-review h2.legend { font-size : 24px; font-weight : 400; padding : 0 0 26px; margin : 0 0 0 0px; 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 { } .slider-container .jcarousel-list h3 { font-size : 24px; font-weight : 300; color : #000000; 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%; text-indent : -9999px; } .slider-container .jcarousel-list .button-container button.button span span { padding : 0; background-position : -241px -89px; } .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 a { color : #3C3C3C; font-size : 16px; font-weight : 300; display : block; margin : 4px; line-height : 120%; } .slider-container .jcarousel-list .product-name:hover { color : #000000; text-decoration : none; } .slider-container .jcarousel-list .related-checkbox { margin : 0 4px; line-height : 12px; float : left; display : block; } .slider-container .jcarousel-list .price-box { margin : 0px 0 0 4px; line-height : 12px; letter-spacing : -1.2px } .slider-container .price-box { display : table; } .slider-container .price-box p { padding : 0; } .slider-container .price-box p.old-price { padding-right : 3px; } .slider-container .price-box:after { clear : both; content : ''; display : table; } .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 { position : relative; margin : 0 0 -27px; padding-right : 83px; } .product-slider-container h2 { margin : 0 0 0 0px; padding : 0 0 26px; font-size : 24px; font-weight : 400; text-transform : uppercase; letter-spacing : -1.2px; line-height : 21px; } .product-slider-container .jcarousel-skin-tango .jcarousel-clip { margin : 0 -15px; } .product-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list { padding : 28px 0 50px !important; } .product-slider-container .jcarousel-skin-tango ul.products-grid li.item { width : 300px; } .product-slider-container .jcarousel-skin-tango .jcarousel-clip ul li.item div.hover { box-shadow : 0px 0px 25px 6px rgba(0, 0, 0, 0.09); } .home-main .product-slider-container h2 { margin-left : 0; } .product-slider-container .title-container + ul.products-grid { padding-top : 28px; } .product-slider-container + script + script + .widget { margin-top : 50px; } .col-main .widget { padding-top : 50px; } /* 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 : #FE5252; } .pager .pages li a.next, .pager .pages li a.previous { border : 1px solid #E1E1E1; background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/pager_bg.png') 0 0 repeat-x; } .pager .pages li a.next:hover, .pager .pages li a.previous:hover { 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 : #FE5252; line-height : 25px; } /* Sorter */ .sorter { padding : 0px; margin : -10px 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; box-shadow : 1px 1px 2px 0px rgba(0, 0, 0, 0.05); background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/sorter_bg.png') 0 0 repeat-x } .sorter .sort-by { margin : 10px 1px 0 0 } .sorter .sort-by label { margin : 0 8px 0 8px } .sorter .limiter label { margin : 0 7px; } .sorter .sort-order { margin : 10px 10px 0 0; } .sorter .sort-order a { display : block; width : 27px; height : 27px; } .sorter .sort-order a img { display : none; } .sorter .sort-order a.i_asc_arrow { background-position : -239px -191px; } .sorter .sort-order a.i_desc_arrow { background-position : -189px -191px; } .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 { position : relative; display : block; float : left; overflow : hidden; width : 27px; height : 27px; margin : 0; text-indent : -999px; } .sorter .view-mode a:before, .sorter .view-mode strong:before { content : ''; position : absolute; width : 27px; height : 27px; display : block; } .sorter .view-mode .grid { border-left : 1px solid #E1E1E1; border-right : 1px solid #E1E1E1; } .sorter .view-mode .list { } .sorter .view-mode .grid:before { background : transparent url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/i_grid_mode.png) 0% 0% no-repeat; } .sorter .view-mode .list:before { background : transparent url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/i_list_mode.png) 0% 0% no-repeat; } .sorter .view-mode a:hover:before, .sorter .view-mode strong:before { opacity : .35; } .sorter .view-mode a:hover, .sorter .view-mode strong.grid, .sorter .view-mode strong.list, .sorter .sort-order a:hover { box-shadow : inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10); } /* 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 .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 : 8; padding : 0 40px 0 0; background-color : transparent; } .toolbar-switch .toolbar-title:before { content : ''; position : absolute; right : 0; top : 6px; width : 29px; height : 14px; background-position : 0 -200px; } .over .toolbar-title { background-color : #FFFFFF; height : 30px; margin : 0 -1px; border-left : 1px solid #E1E1E1; border-right : 1px solid #E1E1E1; } .toolbar-dropdown { background : #FFFFFF; padding : 11px 22px; display : none; position : absolute; z-index : 7; margin : -1px; border : 1px solid #E1E1E1; 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-repeat : no-repeat; background-position : left 0 bottom 8px; } .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 : #FE5252; } .category-title { display : none; } .category-image { width : 100%; overflow : hidden; margin : 0 0 30px; text-align : center; } .category-image img { max-width : 100%; } .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-style : normal; color : #000000; color : rgba(0, 0, 0, 0.67); text-transform : uppercase; } .category-description p { margin : 22px 0 0; } .category-description strong { color : #000000; color : rgba(0, 0, 0, 0.67); font-style : normal; } .category-description img { max-width : 100%; height : auto; } /* View Type: Grid */ .products-grid { border : none; position : relative; margin : 0 -15px; } .products-grid.last { border-bottom : 0; } .products-grid li.item { position : relative; float : left; padding : 0 15px; margin : 0 0 30px; box-sizing : border-box; } .products-grid li.item .regular { position : relative; background : #FFFFFF; border : 9px solid #FFFFFF; border-radius : 3px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } /* Prodcut grid and item */ /*one column layouts*/ /*one_column_4*/ .one_column_4 .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .one_column_4 .col1-layout .widget-products .products-grid li.item:nth-child(4n+1) { clear : both; } .one_column_4 .col1-layout .category-products .products-grid li.item, .one_column_4 .col1-layout .widget-products .products-grid li.item { width : 25%; } /*one_column_5*/ .one_column_5 .col1-layout .category-products .products-grid li.item:nth-child(5n+1), .one_column_5 .col1-layout .widget-products .products-grid li.item:nth-child(5n+1) { clear : both; } .one_column_5 .col1-layout .category-products .products-grid li.item, .one_column_5 .col1-layout .widget-products .products-grid li.item { width : 20%; } /*one_column_6*/ .one_column_6 .col1-layout .category-products .products-grid li.item:nth-child(6n+1), .one_column_6 .col1-layout .widget-products .products-grid li.item:nth-child(6n+1) { clear : both; } .one_column_6 .col1-layout .category-products .products-grid li.item, .one_column_6 .col1-layout .widget-products .products-grid li.item { width : 16.66%; } /*two columns layouts*/ /*two_columns_3*/ .two_columns_3 .col2-left-layout .category-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-right-layout .category-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-left-layout .widget-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-right-layout .widget-products .products-grid li.item:nth-child(3n+1) { clear : both; } .two_columns_3 .col2-left-layout .category-products .products-grid li.item, .two_columns_3 .col2-right-layout .category-products .products-grid li.item, .two_columns_3 .col2-left-layout .widget-products .products-grid li.item, .two_columns_3 .col2-right-layout .widget-products .products-grid li.item { width : 33.33%; } /*two_columns_4*/ .two_columns_4 .col2-left-layout .category-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-right-layout .category-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-left-layout .widget-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-right-layout .widget-products .products-grid li.item:nth-child(4n+1) { clear : both; } .two_columns_4 .col2-left-layout .category-products .products-grid li.item, .two_columns_4 .col2-right-layout .category-products .products-grid li.item, .two_columns_4 .col2-left-layout .widget-products .products-grid li.item, .two_columns_4 .col2-right-layout .widget-products .products-grid li.item { width : 25%; } /*two_columns_5*/ .two_columns_5 .col2-left-layout .category-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-right-layout .category-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-left-layout .widget-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-right-layout .widget-products .products-grid li.item:nth-child(5n+1) { clear : both; } .two_columns_5 .col2-left-layout .category-products .products-grid li.item, .two_columns_5 .col2-right-layout .category-products .products-grid li.item, .two_columns_5 .col2-left-layout .widget-products .products-grid li.item, .two_columns_5 .col2-right-layout .widget-products .products-grid li.item { width : 20%; } /*three columns layouts*/ /*three_columns_2*/ .three_columns_2 .col3-layout .category-products .products-grid li.item:nth-child(2n+1), .three_columns_2 .col3-layout .widget-products .products-grid li.item:nth-child(2n+1) { clear : both; } .three_columns_2 .col3-layout .category-products .products-grid li.item, .three_columns_2 .col3-layout .widget-products .products-grid li.item { width : 50%; } /*three_columns_3*/ .three_columns_3 .col3-layout .category-products .products-grid li.item:nth-child(3n+1), .three_columns_3 .col3-layout .widget-products .products-grid li.item:nth-child(3n+1) { clear : both; } .three_columns_3 .col3-layout .category-products .products-grid li.item, .three_columns_3 .col3-layout .widget-products .products-grid li.item { width : 33.33%; } .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(4n+1) { clear : inherit; } .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(3n+1) { clear : both; } .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item, .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item, .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item { width : 33.33%; } ul li h2.product-name, .product-view ul li h2.product-name { letter-spacing : 0; margin : 0 !important; padding : 0; word-wrap : break-word; text-transform : none; font-family : Arial, "Helvetica Neue", Helvetica, sans-serif; } .products-grid li.item a:hover { text-decoration : none; } .products-grid h3 { font-size : 24px; font-weight : 300; color : #000000; 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%; text-indent : -9999px; } .products-grid .button-container button.button span span { padding : 0; background-position : -241px -89px; } .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; } .products-grid .product-name { } .products-grid .product-name a { color : #3C3C3C; font-size : 16px; display : block; margin : 4px; line-height : 120%; margin-left: 0; } .products-grid .product-name a:hover { color : #000000; text-decoration : none; } .products-grid .price-box { display : block; margin : 0px 0 5px 0; line-height : 14px; } .product-name a { word-wrap : break-word; } /** gird hover mode **/ .products-grid .hover { display : none; position : absolute; z-index : 2; top : 0px; left : 15px; right : 15px; background : #FFFFFF; border : 9px solid #FFFFFF; border-radius : 3px; box-shadow : 0px 0px 46px 12px rgba(0, 0, 0, 0.09); min-height: 323px; } .products-grid .hover .price-box { position : absolute; z-index : 2; right : 11px; min-width : 66px; margin : 0; padding : 0; background : #FE5252; line-height : 18px; text-align : center; border-radius : 100%; display: none!important; } .products-grid .hover .price-box .price-label, .products-grid .hover .price-box .label { display : none; } .products-grid .hover .price-box sup { color : #FFFFFF; color : rgba(255, 255, 255, 0.5); font-size : 18px; font-style : normal; top : -0.3em; } .products-grid .hover .price-box .price { color : #FFFFFF; font-size : 24px; } .products-grid .hover .price-box .old-price .price { color : #FFFFFF; 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; }*/ .mini-products-list .product-details, .cart-top-container .details .text-recently, .compare-top-container .details li.item { text-align : left; } .products-grid .hover .ratings { width : 55px; padding : 3px 3px 0 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; 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 : -2px 13px 0 0; width : 24px; height : 19px; background-color : #FE5252; background-position : -200px -100px; } .products-grid .add-to-links { box-sizing : border-box; min-height : 40px; margin : 9px -9px -9px; padding : 12px 5px 10px; background : #FCFCFC; box-shadow : inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); text-align : center; display: none !important; } .products-grid .add-to-links li { display : inline; margin : 0 5px 0 0; } .products-grid .add-to-links li span { display : inline-block; color : #FE5252; margin-right : 5px; } .products-grid .add-to-links a { font-weight : 300; white-space : nowrap; } .products-grid .add-to-links a:hover { text-decoration : none; } .products-grid .availability { line-height : 39px; } .two_columns_4 .add-to-links { 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 a { 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 .add-to-links { 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 a { font-size : 14px } .two_columns_5 .hover .button-container button.button span span em { margin : 0 5px 0 0; } .one_column_5 .add-to-links { 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 a { font-size : 14px } .one_column_5 .hover .button-container button.button span span em { margin : 0 5px 0 0; } .one_column_6 .add-to-links { 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 a { font-size : 14px } .one_column_6 .hover .button-container button.button span span em { margin : 0 5px 0 0; } .three_columns_3 .add-to-links { height : auto; padding : 10px 0; } .three_columns_3 .add-to-links li { display : block; margin : 0; line-height : 140%; } .three_columns_3 .add-to-links li { display : block; margin : 0; } .three_columns_3 .hover .price-box { display : none } .three_columns_3 .quick-view { top : 18%; left : 21%; height : 32px; line-height : 32px; font-size : 12px; } .three_columns_3 .product-name a { font-size : 14px } .three_columns_3 .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 26px; } .products-list li.item .f-left { position : relative; } .products-list .product-image { padding : 0; margin : 0; position : relative; z-index : 1; background : #FFFFFF; border : 9px solid #FFFFFF; border-radius : 3px; 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; overflow : hidden; padding-left : 30px; } .products-list .product-name { margin : 9px 0 5px -2px; font-size : 16px; padding : 0 0 12px; border-bottom : 1px solid; border-bottom-color : #E3E3E3; border-bottom-color : rgba(227, 227, 227, 0.61); } .products-list .product-name a { color : rgba(0, 0, 0, 0.67); font-size : 16px; letter-spacing : 0px; font-weight : bold; } .products-list .product-name a:hover { text-decoration : none; color : #000000; } .products-list .price-container { float : none; margin : 0 0 11px; 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; } .products-list .price-box .price { font-size : 20px; } .products-list .price-box p { display : inline-block; float : right; margin : 0 5px 0 0; } .products-list .price-box p.old-price { float : right; margin : 6px 0 0; } .products-list .price-box p.old-price .price { font-size : 12px; font-family : Arial, Helvetica, sans-serif; } .products-list .price-box p.special-price { float : left; } .products-list .price-box p.special-price .price-label { display : none; } .products-list .quick-view { display : none !important; } .minimal-price-link { clear : both; } .products-list .ratings { float : left; width : 270px; margin : 7px 0 0 22px; font-size : 12px; padding : 0; } .products-list .ratings, .products-list .ratings a { color : #1B1A19; } .ratings .rating-box { margin : 1px 7px 0 0; } .col3-layout .products-list .ratings { float : none; width : auto; clear : both; margin : 0; } .products-list .desc { line-height : 1.5; margin : 0 0 13px; padding : 0 0 13px 2px; color : #1B1A19; 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%; text-indent : -9999px; width : 35px; height : 35px; margin : 0 15px 0 0px; background-color : #FE5252; background-position : -241px -89px; } .products-list .button-container .btn-add-cart:hover { color : #000000; text-decoration : none; } .products-list .button-container .btn-add-cart:hover span { background-color : #322C29; } .products-list .add-to-links { padding : 0; } .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; line-height : 35px; vertical-align : top; } .products-list .add-to-links a:hover { color : #000000; text-decoration : none; } /* ======================================================================================= */ /* QTY styles */ .qty-wrap input { float : left; width : 40px; } .qty-wrap { width : 58px; float : left; } .qty-elements { float : left; } .qty-elements a { background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/moreless.png); font-size : 0; display : block; width : 16px; height : 14px; margin-left : 2px; border-radius : 3px; box-sizing : border-box; text-decoration : none; } .qty-elements a:hover { background-color : #322C29; } a.increment_qty { background-position : 0 -18px; margin-top : 0; margin-bottom : 1px; } a.decrement_qty { background-position : 17px -18px; } .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 : #FFFFFF; border : none; border-top : 6px solid #FE5252; padding : 20px 13.513%; border-radius : 2px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.10); } .cart .cart-collaterals h2 { 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 : 100%; } .cart .cart-collaterals .input-box select { width : 100%; } .cart .cart-collaterals .cart-coupon .input-box { margin : 17px 0; } .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; 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-size : 24px; font-weight : 400; text-transform : uppercase; letter-spacing : -1.2px; color : #000000; 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%; } #shopping-cart-totals-table td.a-right:first-child { padding-left : 6px; padding-right : 6px; } #shopping-cart-totals-table tr.summary-total td { padding-top : 4px; } #shopping-cart-totals-table tr.summary-details td { padding-top : 8px; } #shopping-cart-totals-table tr.summary-total div.summary-collapse { float : right; position : relative; cursor : pointer; padding-left : 21px; } #shopping-cart-totals-table tr.summary-total div.summary-collapse:before { content : ''; display : block; position : absolute; top : 0px; left : 0; width : 15px; height : 15px; border-radius : 3px; background : #99D1C8 url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/moreless.png) -1px -18px; } #shopping-cart-totals-table tr.summary-total.show-details div.summary-collapse:before { background-position : 16px -18px; } #shopping-cart-totals-table tr.summary-total div.summary-collapse:hover:before { background-color : #322C29; } .cart .cart-collaterals .cart-total-top { float : right; } .data-table { border-collapse : separate; /*border-top : 6px solid #575757;*/ border-radius : 2px; box-shadow : 0px 0px 8px rgba(0, 0, 0, 0.15); } .data-table th { color : #000000; } .data-table td, .data-table td a { color : #000000; 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 : #000000; 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 { box-shadow : inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15); } .data-table tfoot tr.first td { box-shadow : inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15); } .data-table tfoot td { border : 1px solid #E9E9E9; border-top : none; border-left : none; } .data-table tfoot tr.last td { border-bottom : none; } .data-table .td-name { padding : 26px 18px; } /* // for line heading and product name on table */ .data-table tfoot td button + button { margin-left : 15px; } .data-table tbody tr, .data-table tr.even, .data-table tr.odd { background-color : #FFFFFF; } .data-table th { padding : 26px 26px; font-weight : 300; } .data-table td { padding : 18px; } .data-table td.td-edit, .data-table td.td-price, .data-table td.td-wishlist { 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-size : 14px; font-weight : bold; } .data-table .td-title { display : none; } .data-table .td-actions { display : none; } .data-table .btn-edit2 { width : 38px; height : 38px; background-color : #FE5252; background-position : 12px -38px; } .data-table .btn-remove2 { width : 38px; height : 38px; background-color : #FE5252; background-position : -39px -40px; } .data-table .btn-continue { float : left; } .data-table button.button span { font-size : 12px; } /* #my-orders-table */ body.sales-order-view table#my-orders-table tfoot td { } /* compare popup table */ #product_comparison { margin : 0 0 20px } #product_comparison th { background : #FAFAFA; box-shadow : inset -6px 0 6px -6px rgba(0, 0, 0, 0.15); } #product_comparison thead, #product_comparison tfoot { background : #FFFFFF; } #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; font-size: 12px; line-height: 14px; } .item-options dt:after { content : ' - '; } .item-options dd { float : left; margin : 0 0 3px 3px; padding : 0; font-weight : 400; font-style : normal; font-size: 12px; line-height: 14px; } .data-table .item-options dt { color : #000000; } .data-table .item-options dd { margin-left : 0; } .data-table .item-options dd br { display : none; } .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 : 0 0 14px; } .sp-methods dt { margin : 0 0 9px; font-weight : bold; } .sp-methods dd { margin : 0; } .sp-methods dd li { margin : 5px 0; } .sp-methods label { font-weight : bold; color : #666666; } .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 { } .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; } .opc .buttons-set .please-wait { width : 16px; height : 16px; line-height : 16px; font-size : 0; color : transparent; margin : 12px; } .cvv-what-is-this { font-size : 11px; cursor : help; margin-left : 12px; margin-top : 5px; display : inline-block; } .dedicated-review-box .ratings-list { margin : 10px 0; } #product-review-table { margin : 0 0 15px; } #product-customer-reviews li { margin : 1px 0 20px; } #product-customer-reviews .review-title { font-size : 16px; font-weight : 600; letter-spacing : -1px; color : #000000; color : rgba(0, 0, 0, 0.67); padding-right : 15px; } #product-customer-reviews p { margin : 0 0 0 0; } #product-customer-reviews .ratings-list { margin : 10px 0 10px 0; } #product-customer-reviews .ratings-list td { line-height : 14px; padding : 3px 11px 3px 0; } .product-tabs-content .std ul.disc { margin : 0; padding-left : 0; } .product-tabs-content p, .product-tabs-content .std { line-height : 1.5; margin : 0 0 18px; } .product-tabs-content p.note { margin-bottom : 0; } .product-tabs-content > *:last-child { margin-bottom : 0; } .add-review { border-top : 1px solid #EDEDED; padding-top : 21px; } .add-review h3.title { font-size : 14px; text-transform : uppercase; padding-right : 15px; margin : 0 0 10px; font-weight : 600; letter-spacing : -1px; } #product_tabs_review_tabbed_contents > .add-review .add-review { border-top : 0; padding-top : 0; } #product_tabs_review_tabbed_contents > .add-review .add-review > h3.title { display : none; } #product-review-table th { padding : 12px; } #product-review-table tbody th, #product-review-table .data-table td { border : 1px solid #E9E9E9; border-top : none; border-left : none; } #product-review-table tbody tr:last-child th { border-bottom : 0; } #product-review-table td { padding : 12px; text-align : center !important; } .add-review .form-list { max-width : 60%; } .add-review .form-list label { color : #565656; } .add-review .buttons-set { margin : 0; } .add-review .buttons-set button.button { float : left; } .add-review .form-list .input-box, .add-review .form-list input.input-text, .add-review .form-list textarea { width : 100%; } .add-review input.radio { margin : 0; } #customer-reviews { margin-top : 25px; border-top : 4px solid #FE5252; } #customer-reviews .customer-reviews-title { padding-bottom : 14px; } #customer-reviews dt a { font-size : 14px; padding-right : 15px; } #customer-reviews dd { margin : 0 0 20px 0px; } .product-view .product-shop .ratings-table + .ratings { padding-top : 5px; } .ratings-table th, .ratings-table td { line-height : 14px; padding : 3px 11px 3px 0; } #customer-reviews .ratings-table { margin : 10px 0 10px 0px; } #customer-reviews .form-add h2 { font-size : 14px; 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; position : relative; z-index : 1; margin-left : -50px; } .top-opc:after { content : ''; display : table; clear : both; } .top-opc li { float : left; width : 150px; margin : 0 40px 30px 0; } .top-opc li:first-child { margin-left : 50px; } .top-opc li:last-child { width : 150px; margin-right : 0; } .top-opc li .number { display : block; float : left; width : 54px; height : 54px; margin : 0 10px 0 0; background : #DBDBDB; line-height : 52px; font-size : 25px; font-weight : 400; color : #FFFFFF; text-align : center; border-radius : 100%; } .top-opc li h2 { overflow : hidden; margin : 11px 0 0; line-height : 18px; font-size : 16px; font-weight : 400; 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 : #FE5252; } .opc { border : 0; } .opc button.button span { font-size : 14px; } .opc .step { padding : 23px 21px; margin : 0 0 30px; position : relative; background : #FFFFFF; border : none; border-top : 6px solid #FE5252; border-radius : 2px; 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; 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 : #FE5252; font-weight : 300; } .opc h4 { font-size : 16px; font-weight : 300; color : #FE5252; } .opc .buttons-set { margin : 0; } .opc .form-list { margin : 0px 0 3px; } .opc .form-list li { margin : 0; } .opc .form-list .input-box { margin : 0 0 12px; width : 100%; } .opc .form-list .input-box:after { content : ''; display : table; clear : both; } .opc .form-list input.input-text { width : 100%; } .opc .form-list li.wide .input-box { width : 100%; } .opc .form-list li.wide input.input-text { width : 100%; } .opc .sp-methods .form-list input.cvv { width : 45px; } .opc .td-label { display : none; font-style : italic; width : 90px; } .opc .product-name { overflow : hidden; } /* Gift Messages */ .gift-messages h3 { margin-bottom : 10px; } .gift-messages .control, .gift-messages-form { padding-bottom : 15px; } .gift-messages-form h4 { margin : 0; padding : 0 0 10px; bottom : 0; } .gift-messages-form #allow-gift-messages-for-items-container p { padding : 7px 0; } #checkout-step-login { padding : 0; margin : 0; background : none transparent; border : 0; box-shadow : none; } #checkout-step-login button.button span span { min-width : 70px; } #checkout-step-login { margin : 0 -15px; } #checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login { float : left; width : 50%; padding : 0 15px; box-sizing : border-box; } #checkout-step-login .block { margin : 0 0 30px; } #checkout-step-login .block-checkout-login h4 { margin : 0px 0 10px; } #checkout-step-login .block .block-title { /*margin:0; border:none; padding-bottom: 18px;*/ } #checkout-step-login .block .block-content li { margin : 0; padding : 0; line-height : 25px; background : none } #checkout-step-login .block-checkout-register h4 { margin : 22px 0 10px; } #checkout-step-login .block-checkout-register .form-list { /*margin-top: -8px;*/ } #checkout-step-login .block-checkout-register ul.ul { margin : 0 0 9px; } #checkout-step-login .block-checkout-register ul.ul li { line-height : 130%; font-weight : 300; position : relative; padding : 0 0 10px 23px !important; } #checkout-step-login .block-checkout-register ul.ul li:before { content : ''; position : absolute; top : 3px; left : 2px; width : 8px; height : 8px; border-radius : 100%; background-color : #FE5252; } #checkout-step-login .block-checkout-register .buttons-set p.required { display : none; } #checkout-step-login .block-checkout-login .form-list { margin : 7px 0 3px; } #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 a { float : left; } #checkout-step-login input.input-text { width : 100%; } #checkout-step-login label { color : #808080; } .block-checkout-login .buttons-set p.required { margin : 0; padding : 4px 0 3px; } #checkout-review-table h3 { margin : 0; font-size : 12px; font-family : Arial, serif; color : #000000; color : rgba(0, 0, 0, 0.75); } #checkout-step-review .buttons-set { line-height : 42px; } #checkout-step-review .buttons-set button.button { float : right; } #cart-sidebar-reorder { margin : 0 0 30px } #checkout-progress-wrapper .block-progress { width : auto; } #checkout-progress-wrapper .block-progress .block-title { padding-bottom : 16px; margin-bottom : 16px; } .block-progress dt { line-height : 130%; font-weight : 300; position : relative; padding : 0 0 15px 23px; } .block-progress dt:before { content : ''; position : absolute; top : 2px; left : 2px; width : 8px; height : 8px; border-radius : 100%; background-color : #FE5252; } .block-progress dt.complete { background : transparent; font-weight : 700; } .block-progress dt a:hover { text-decoration : none; } .block-progress dt:last-child { border-bottom : none; } .block-progress dd { margin : -10px 0 15px; padding : 0 0 0 23px; } .block-progress dd.complete { background : transparent; } .block { position : relative; left : 0; right : 0; padding : 23px 20px; margin : 0 15px 30px; background : #FFFFFF; border : none; border-top : 6px solid #FE5252; border-radius : 2px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-sizing : border-box; } .home-left .block { margin-left : 0; margin-right : 15px !important } /*@media only screen and (min-width: 980px){ .block { width: 270px;} }*/ #checkout-step-login .block { width : auto; } .block .block-title { border : 0; padding : 0 0 22px; margin : 0 0 25px; color : #000000; color : rgba(0, 0, 0, 0.75); border-bottom : 1px solid #E8E8E8; word-wrap : break-word; } .block .block-title strong { font-size : 23px; font-weight : 400; 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 .price-box p { padding : 0; } .block .block-content .price-box .old-price { padding-right : 3px; } .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 .actions button.button { display : inline-block; vertical-align : middle; } .block .block-content .actions button.button span { text-transform : none; } .block .block-content .actions button.button + a { margin-left : 15px; } .block .block-content li, .block .block-content li.item { margin : 0 0 0 3px; padding : 0 0 0 13px; line-height : 20px; background-repeat : no-repeat; background-position : left 0 top -338px; } .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, .tags-list li 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 : #999999; text-decoration : none; } .block li.even, .block li.odd { background-color : transparent; } .block .btn-remove, .block .btn-edit { float : left; } .block .block-content .price-box .special-price { margin-right : 5px; } .cms-index-index .col-main-wrap { padding-bottom : 0; } .cms-index-index .block { padding : 0; margin-right : 0; } .cms-index-index .block .block-title { border : 0; padding : 24px 35px 0px; margin : 0; color : #000000; color : rgba(0, 0, 0, 0.75); text-align : center; } .cms-index-index .block .block-title:after { content : ''; display : block; width : 120px; height : 1px; background : #E8E8E8; margin : 20px auto 0; } .cms-index-index .block .block-title strong { font-size : 24px; font-weight : 400; 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 : 25px 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; } .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 : #999999; } .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 ul.tags-list { margin : -5px 0 0 -5px; } .block-tags .block-content ul.tags-list:after { content : ''; clear : both; display : table; } .tags-list li a, .block-tags .block-content li { background : none; padding : 0; margin : 0; float : left; } .tags-list li a, .block-tags .block-content li a { display : block; padding : 4px 10px 3px; margin : 5px 0 0 5px; min-height : 29px; font-size : 12px !important; line-height : 20px; color : #757575; border : 1px solid rgb(226, 226, 226); box-shadow : 0px 1px 6px 0px rgba(0, 0, 0, 0.06); border-radius : 2px; box-sizing : border-box; } .tags-list li a:hover, .block-tags .block-content li a:hover { color : #FFFFFF; background-color : #FE5252; border-color : #FE5252; } .block-tags .block-content .actions { height : 40px; line-height : 40px; margin : 16px -21px -22px; background : #FCFCFC; text-align : center; 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; color : #000000; color : rgba(0, 0, 0, 0.67); } .block-poll .block-subtitle { font-weight : 300; } .block.block-poll .block-content li { line-height : 30px; margin : 0; padding : 0; background : none; } .block-poll input.radio { margin-top : 9px; } .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 : 600; color : #000000; 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-repeat : no-repeat; background-position : left 0 bottom 8px; } .block-layered-nav .block-content dd li:last-child { border : 0; } .block-layered-nav .block-content dd li a:hover { color : #999999; } .block-layered-nav .shopby_more { display : none; text-align : right; } .block-layered-price .ui-slider-horizontal { height : 6px; border : 1px solid #E6E6E6; background : #FEFEFE; margin : 0 8px 10px; border-radius : 0; box-shadow : inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } .block-layered-price .ui-widget-header { background : #5E5E5E !important; } .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-color : transparent; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png) !important; background-position : -100px 0; 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; padding : 4px 0 0 19px; } .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 -25px; border-radius : 100%; background-position : -145px -45px; } .block-compare .block-content .actions button.button span span { min-width : 70px; } .block-wishlist .block-content a.btn-remove { margin-top : 2px; } .block-wishlist .block-content p.product-name { padding-left : 25px; } .block-wishlist .block-content li.item { padding-bottom : 20px; } .block-wishlist .block-content .actions { height : 40px; line-height : 40px; margin : 0px -21px -22px; background : #FCFCFC; text-align : center; box-shadow : inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); } .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 #FFFFFF; border-radius : 3px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } .block-bestsellers .product-info { float : left; width : 120px; } .block-bestsellers .product-info h2.product-name { font-size : 14px; } .block-bestsellers .price-box { margin-top : 5px; } .block-bestsellers .price-box .price { font-size : 12px; } .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 #FFFFFF; border-radius : 3px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } .block-viewed .product-info { overflow : hidden; } .block-viewed .product-name { font-size : 12px; } .block-viewed .price-box { margin-top : 5px; } .block-viewed .price-box .price { font-size : 12px; } .block-subscribe .form-subscribe-header { text-align : center; font-size : 14px; color : #000000; color : rgba(0, 0, 0, 0.67); } .block-subscribe .input-box { margin : 16px 0; text-align : center } .block-subscribe input.input-text { width : 100%; border-radius : 2px; } .block-login { float : none; width : 350px; margin : 0 auto; padding : 0; position : relative; background : #FFFFFF; border : none; border-top : 6px solid #FE5252; border-radius : 2px; 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 : #000000; 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 : 26px; line-height : 30px; } .block-login .block-content { margin : 0; padding : 0 43px 35px; 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; width : 100%; border-radius : 3px; } .block-login button.button span span { min-width : 70px; } .block-login .forgot-password { display : block; margin : 10px 0 16px; color : #322C29; } .block-login .forgot-password:hover { color : #000000; 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 : 25px 0; background : #FEFEFE; text-align : center; 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; background : none; line-height : 1.4; min-height : 10px; padding : 0 0 10px; font-size : 14px; font-weight : normal; font-style : italic; } /* More / less styles */ .block-layered-nav .block-content dd { position : relative; } .block .block-content a.shopby_more { position : absolute; right : 0; top : -23px; width : 17px; height : 17px; border-radius : 100%; background : #E9E9E9 url('https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/moreless.png') 0 0 no-repeat; font-size : 0; } .block .block-content a.shopby_more:hover { background-position : 0 100%; } .block .block-content a.shopby_more_hide, .block .block-content a.shopby_more_hide:hover { background-position : 100% 100%; } /* Product Tabs */ .product-tabs-container h2.tab-heading { display : none } .product-tabs { margin : 27px 0 0; border : 0; } .product-tabs li { float : left; border : 1px solid #E1E1E1; height : 43px; margin-right : 7px; position : relative; border-radius : 2px; } .product-tabs a { display : block; padding : 0px 20px; box-sizing : border-box; height : 49px; padding-top : 10px; font-weight : bold; color : #000000; color : rgba(0, 0, 0, 0.67); font-size : 16px; background : #F5F5F5; } .product-tabs a:hover { background-color : #FFFFFF; text-decoration : none; } .product-tabs li.active { border : none; border-top : 4px solid #FE5252; z-index : 3; margin-top : -6px; height : 46px; background : #FFFFFF; border-radius : 2px; box-shadow : 1px -1px 6px -1px rgba(0, 0, 0, 0.15); } .product-tabs li.active a { padding-top : 13px; } .product-tabs li.active a, .product-tabs li.active a:hover { background-color : #FFFFFF; } .product-tabs-content, .box-reviews { position : relative; z-index : 2; border : none; background : #FFFFFF; padding : 23px 24px 22px; margin : 69px 0 40px; border-radius : 2px; box-shadow : 2px 1px 6px 0px rgba(0, 0, 0, 0.15); } .product-tabs-content h2 { display : none; font-size : 12px; font-weight : bold; } .form-add h3, .form-add h4 { font-weight : 400; font-size : 14px; } .product-tabs-content h4 { margin : 0 0 10px; } #review-form h3 { font-size : 16px; font-weight : 600; letter-spacing : -1px; text-transform : uppercase; padding-bottom : 15px; } .form-add h4 { margin-bottom : 20px; } .product-tabs-content .data-table td { min-width : 37px; } .product-tabs-content ul.disc li { width : auto; float : none; background-color : transparent !important; background-repeat : no-repeat; background-position : left 0 bottom 8px !important; line-height : 22px; padding : 0 10px 0 10px; } .product-tabs-accordion { display : none; margin : 25px 0 30px; border : 0; } .product-tabs-container h2.tab-heading { border : 1px solid #E1E1E1; margin : -1px 0 0 0; position : relative; background : #F5F5F5; padding : 11px 0 10px; box-sizing : border-box; font-weight : bold; } .product-tabs-container h2.tab-heading:hover { background-color : #FFFFFF; } .product-tabs-container h2.tab-heading a { display : block; padding : 0px 20px; color : #000000; color : rgba(0, 0, 0, 0.67); font-size : 16px; } .product-tabs-container h2.tab-heading a:hover { text-decoration : none; } .product-tabs-container h2.active { border : none; padding-left : 1px; border-top : 4px solid #FE5252; background : #FFFFFF; border-radius : 2px; } .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover { background-color : #FFFFFF; } .accordion-content { display : none; margin : 0; } /*Ui tabs styles*/ body .ui-tabs { border : 0; background : none; } body .ui-tabs .ui-tabs-nav { margin : 27px 0 0; border : 0; padding : 0; } body .ui-tabs-nav li { float : left; border-width : 1px; border-style : solid; height : 43px; margin : 0 7px 0 0 !important; position : relative; border-radius : 2px; cursor : pointer; } body .ui-tabs-nav li:hover { border-color : #E1E1E1; } body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default { background-image : none !important; border-color : #E1E1E1; } body .ui-tabs .ui-tabs-nav li a { display : block; padding : 10px 20px !important; box-sizing : border-box; height : 49px; padding-top : 10px; font-weight : bold; color : #000000; color : rgba(0, 0, 0, 0.67); font-size : 16px; letter-spacing : -0.1em; line-height : 1.4; background : #F5F5F5; } body .ui-tabs .ui-tabs-nav li.ui-tabs-active { border : none; border-top-width : 4px; border-top-style : solid; border-top-color : #FE5252; z-index : 3; margin-top : -6px !important; padding-bottom : 0; height : 46px; background : #FFFFFF; border-radius : 2px; box-shadow : 1px -1px 6px -1px rgba(0, 0, 0, 0.15); } body .ui-tabs .ui-tabs-nav li.ui-tabs-active a { padding-top : 13px; } body .ui-tabs .ui-tabs-nav li a:hover, body .ui-tabs .ui-tabs-nav li.ui-tabs-active a, body .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover { background-color : #FFFFFF; text-decoration : none; } body .ui-widget-header { background : none !important; border : 0 !important; } body .ui-widget { font-family : inherit !important; } body .box-reviews, body .ui-tabs-panel { position : relative; z-index : 2; border : none; background : #FFFFFF !important; padding : 23px 24px 22px !important; margin : 69px 0 40px; border-radius : 2px; box-shadow : 2px 1px 6px 0px rgba(0, 0, 0, 0.15); } body .ui-tabs-panel, body .ui-tabs-panel p { font-size : inherit; line-height : 1.5; font-weight : inherit; } body .ui-tabs-panel > p, body .ui-accordion-content > p { margin : 0 0 18px; } body .ui-widget-content { border : 0 !important; } body .ui-helper-clearfix:before, body .ui-helper-clearfix:after { display : none !important; } /* Alternative Custom Tabs Style */ .clean_tabs { padding-right : 15px; padding-left : 15px; } .clean_tabs .ui-tabs .ui-tabs-nav { text-align : center; } .clean_tabs .ui-tabs .ui-state-default, .clean_tabs .ui-tabs .ui-tabs-nav li { float : none !important; display : inline-block !important; border-width : 0 !important; border-style : solid; height : auto !important; margin : 0 0 0 29px !important; position : relative; border-radius : 0; cursor : pointer !important; background : none !important; } .clean_tabs .ui-tabs ul.ui-tabs-nav li:first-child { margin-left : 0 !important; } .clean_tabs .ui-tabs ul.ui-tabs-nav li:after { content : ""; display : block; position : absolute; bottom : -3px; width : 100%; height : 3px; } .clean_tabs .ui-tabs .ui-tabs-nav li a { display : block; padding : 0 !important; height : auto; padding-top : 10px; color : rgba(0, 0, 0, 0.67); font-size : 18px !important; font-weight : 600; letter-spacing : -1px; line-height : 1.4; background : transparent !important; } .clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-width : 0 !important; color : #000000; background : transparent !important; border-radius : 0; box-shadow : none; } .clean_tabs .ui-tabs ul.ui-tabs-nav li:hover:after, .clean_tabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active:after { background-color : #FE5252; } .clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color : #000000; } .clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover { background-color : transparent !important; } .clean_tabs .ui-tabs .box-reviews, .clean_tabs .ui-tabs .ui-tabs-panel { background : transparent !important; padding : 25px 0 !important; margin : 0 !important; border-radius : 0; box-shadow : none; } .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-weight : 400; color : #322C29; letter-spacing : -1px; line-height : 1.22; } .product-view h2 { font-size : 20px; font-weight : 400; color : #322C29; letter-spacing : -1px } .product-view .product-name { margin-bottom : 7px; } .product-view .product-shop-info .product-name { margin : -4px 0 10px -1px; } .product-view .product-name a { color : #322C29; } .product-view .product-name a:hover { color : #000000; text-decoration : none; } .product-view .availability { float : left; clear : left; font-size : 12px; color : #73B334; margin : 10px 14px 0px 0px; } .product-view .sku { float : left; font-size : 12px; margin : 10px 0 5px; } .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 !important; line-height : 24px !important; } .product-view .product-shop .grouped-items-table .price-box .old-price .price { font-size : 16px !important; line-height : 16px !important; } .product-view .product-shop .grouped-items-table tbody td { padding : 10px; } .product-view .short-description { margin : 10px 0 20px; padding : 17px 0; border : 1px solid; border-color : #E3E3E3; border-color : rgba(227, 227, 227, 0.61); border-left : none; border-right : none; color : #000000; color : rgba(0, 0, 0, 0.67); line-height : 1.6; } #product_tabs_review_tabbed_contents h2 { display : block; font-size : 20px; font-weight : bold; text-transform : uppercase; margin : 0; } .product-view .add-to-box-wrap { margin : 0 0 20px; padding : 0 0 20px; border-bottom : 1px solid; border-bottom-color : #E3E3E3; border-bottom-color : rgba(227, 227, 227, 0.61); } .product-view .qty-container { display : inline-block; vertical-align : middle; margin-right : 20px; float : left; margin-top : 11px; } .product-view .qty-container label { float : left; margin-right : 10px; line-height : 30px; color : #000000; color : rgba(0, 0, 0, 0.67); } .product-view .add-to-box { display : inline-block; vertical-align : middle; float : left; /*width : 170px;*/ /*margin-left: 20px;*/ } /* .product-view .add-to-box .grouped-product { margin-left: 0px; }*/ .product-view .product-options { background : transparent; margin : 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 0 0 30px; } .product-view .product-shop .product-options { margin : 0px 0 13px; } .product-view .product-shop .price-box { position : relative; float : left; white-space : nowrap; } .price-box .price-label { display : none; } .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { float : left; /*margin-right: 11px;*/ } .product-view .product-shop-info .price-box .regular-price .price, .product-view .product-shop-info .price-box .special-price .price { font-size : 40px; line-height : 40px; letter-spacing : -2px; margin-left : -2px } .product-view .product-shop .price-box .old-price { /* position:absolute; */ left : 100%; /* margin:6px 0 0 5px;*/ } .product-view .product-shop .price-box .old-price .price { color : #ABABAB; line-height : 100%; font-size : 19px; } .price-box-bundle .price-box .price-label { display : inline; padding-right : 3px; } .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 6px; } .product-view .product-options dt label em { color : #FF0000; } .product-view .product-options dd { padding : 0px 0px 20px; margin : 0 0 17px; border-bottom : 0px solid; border-bottom-color : #E3E3E3; border-bottom-color : rgba(227, 227, 227, 0.61); } .product-options dd input.input-text { width : 96% } .product-options dd input.input-text.datetime-picker { width : inherit; margin-right : 10px; } .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-options ul.options-list li { padding : 5px 0; } .product-options ul.options-list input.checkbox, .product-options ul.options-list input.radio { margin-top : 2px; } .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 0px 0 0; } .product-view .product-img-box .zoom { width : 210px; background : none; } #track { background : url("https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/slider_bg.png") no-repeat scroll 50% 50% transparent; } .product-view .product-img-box .product-image { padding : 0; margin : 0 0 6px; position : relative; background : #FFFFFF; border : 9px solid #FFFFFF; border-radius : 3px; 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 .more-views { padding : 17px 0; margin : 0 0 6px; position : relative; background : #FFFFFF; border-radius : 3px; 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 { padding : 0 55px; } .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal { width : auto !important; margin : 0; } .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal { width : auto !important; margin : 0; } .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-skin-tango .jcarousel-item img { max-width : 100%; height : auto; } .product-view .product-img-box .jcarousel-controls { position : relative; } .product-view .product-img-box .jcarousel-prev-horizontal { position : absolute; left : 10px; } .product-view .product-img-box .jcarousel-next-horizontal { position : absolute; right : 10px; } .product-view .product-img-box .jcarousel-next-horizontal, .product-view .product-img-box .jcarousel-prev-horizontal { width : 35px; height : 35px; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/slideshow_arrows.png); background-repeat : no-repeat; border-radius : 50%; background-size : 70px 70px; } .product-view .product-img-box .jcarousel-prev-horizontal { background-position : 0 0; } .product-view .product-img-box .jcarousel-next-horizontal { background-position : right 0 top 0; } .product-view .product-img-box .jcarousel-prev-horizontal:hover { background-position : 0 -35px; } .product-view .product-img-box .jcarousel-next-horizontal:hover { background-position : right 0 top -35px; } .product-view .add-to-cart { margin : 0; } .product-view .add-to-cart button.button span { height : 52px; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/btn_overlay_product.png); } .product-view .add-to-cart button.button span span { line-height : 52px; font-size : 14px; text-transform : none; padding : 0 20px 0 70px; background-size : 41px 20px !important; background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/icon_cart_product.png') no-repeat 17px 50%; } .product-view .add-to-links { margin : 20px 0 0; padding : 0; clear : both; } .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 li { margin : 0px 50px 8px 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-color : #322C29; background-position : -39px -90px; border-radius : 100% !important; text-indent : -999px; } .product-view .add-to-links li.compare span.icon { background-position : -87px -89px; } .product-view .add-to-links li.email-friend span.icon { background-position : -140px -87px; } .product-view .add-to-links li a:hover { text-decoration : none } .product-view .add-to-links li:hover span.icon { background-color : #FE5252 } .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 12px; padding : 0 0 15px; border-bottom : 1px solid; border-bottom-color : #E3E3E3; border-bottom-color : rgba(227, 227, 227, 0.61); } /*.product-view .product-shop */ .no-rating a, .ratings a { color : #000000; color : rgba(0, 0, 0, 0.67); font-size : 12px; text-decoration : none; } .no-rating a:hover, .ratings a:hover { color : #000000; } .product-view .addthis_toolbox { padding : 17px 0; } /*.product-view .grouped-items-table .qty { width : 40px; }*/ .product-view .tier-prices { margin : 14px 0 0; } .product-options dd select { width : 208px; } .product-options dd select.multiselect { width : 100%; background-image : none; } .product-view .box-tags h3 { font-size : 14px; text-transform : uppercase; font-weight : 600; letter-spacing : -1px; } .product-view .box-tags .product-tags { margin : 1px 0 20px; } .product-view .box-tags h3 + .product-tags { margin-top : 10px; } .product-view .box-tags ul.product-tags { margin : 5px 0 25px -5px; } .product-view .box-tags ul.product-tags:after { content : ''; clear : both; display : table; } .product-view .box-tags ul.product-tags li { float : left; } .product-view .box-tags ul.product-tags li { padding : 6px 10px 5px; margin : 5px 0 0 5px; min-height : 29px; font-size : 12px !important; color : #757575; border : 1px solid rgb(226, 226, 226); box-shadow : 0px 1px 6px 0px rgba(0, 0, 0, 0.06); border-radius : 2px; box-sizing : border-box; cursor : pointer; } .product-view .box-tags ul.product-tags li a { text-decoration : none; display : inline-block; } .product-view .box-tags ul.product-tags li:hover { color : #FFFFFF; background-color : #FE5252; border-color : #FE5252; } .product-view .box-tags div.form-add { border-top : 1px solid #EDEDED; padding : 20px 0 10px; } .product-view .box-tags .form-add label { display : block; float : none; font-size : 14px; margin-bottom : 5px; text-transform : uppercase; font-weight : 600; letter-spacing : -1px; } .product-view .box-tags .form-add .input-box { margin : 0 5px 0 0; } .product-view .box-tags .form-add .input-text { height : 34px; } .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 38px; margin : 0; color : #000000; 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 : 18px 0 0 39px; } .product-view .product-additional .block .block-title strong { font-size : 24px; font-weight : 400; 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 : #999999; } .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 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 #FFFFFF; border-radius : 3px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.15); } .product-view .box-up-sell .product-name a { 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 : #000000; text-decoration : none; } .product-view .box-up-sell .upsell-checkbox { margin : 0 4px; line-height : 12px; float : left; display : block; } .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 !important; 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; } .box-up-sell2 h3 { font-size : 24px; font-weight : 400; padding : 0 0 28px; margin : 0 0 0 0px; 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 h3 { font-size : 24px; font-weight : 300; color : #000000; 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%; text-indent : -9999px; } .box-up-sell2 .jcarousel-list .button-container button.button span span { padding : 0; background-position : -241px -89px; } .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 a { color : #3C3C3C; font-size : 16px; font-weight : 300; display : block; margin : 4px; line-height : 120%; } .box-up-sell2 .jcarousel-list .product-name:hover { color : #000000; text-decoration : none; } .box-up-sell2 .jcarousel-list .upsell-checkbox { margin : 0 4px; line-height : 12px; float : left; display : block; } .box-up-sell2 .jcarousel-list .price-box { 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 : #FFFFFF } .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 : #000000; opacity : 0; /* fx, safari, opera, chrome */ } .banner a:hover em { opacity : 0.1; /* fx, safari, opera, chrome */ } /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float : none; margin : 0; } /********** < Dashboard */ .dashboard .welcome-msg { margin : 0 0 15px 0; line-height : 1.5; } .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 10px; 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 : 8px 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; line-height : 1.5; } /* Block: Recent Orders */ /* Block: Account Information */ .dashboard .box-info h4 { font-size : 11px; font-weight : bold; } /* Block: Reviews */ .dashboard .box-reviews .box-head { background : #F1F1F1; padding : 8px 10px; margin : 0 0 12px; } .dashboard .box-reviews .box-head h2 { font-size : 12px; font-weight : bold; line-height : 1.35; color : #444444; } .dashboard .box-reviews .number { display : none; float : left; font-size : 10px; font-weight : bold; line-height : 1; color : #FFFFFF; margin : 3px -20px 0 0; padding : 2px 3px; background : #0A263C; } .dashboard .box-reviews .details { padding : 0 0px; } .dashboard .box-reviews ol { margin : 0 -15px 0 -5px; } .dashboard .box-reviews li.item { margin : 0 -3px 21px 0; padding : 0 15px; display : inline-block; vertical-align : top; width : 24.666%; box-sizing : border-box; } .dashboard .box-reviews li.item.last { margin-bottom : 0; } .dashboard .box-reviews .ratings { margin : 7px 0 0; } .page-title a.link-reorder:hover, .page-title a.link-print:hover, .box-account .box-head a:hover, .dashboard .box-reviews li.item a:hover, .dashboard .box .box-title a:hover, .box-content address a:hover, .addresses-list a:hover { color : #FE5252; text-decoration : none; } /* Block: Tags */ .dashboard .box-tags .box-head { background : #F1F1F1; padding : 8px 10px; margin : 0 0 12px; } .dashboard .box-tags .box-head h2 { font-size : 12px; font-weight : bold; line-height : 1.35; color : #444444; } .dashboard .box-tags .number { display : none; float : left; font-size : 10px; font-weight : bold; line-height : 1; color : #FFFFFF; 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 : 8px 10px; margin : 0 0 12px; font-size : 12px; 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 .separator { margin : 0 3px; } .addresses-list li.item { padding : 0 10px; margin : 0 0 12px; line-height : 1.5; } .addresses-list li.empty p { font-weight : bold; } /* Order View */ .order-info dt { display : none; } .order-info dd { margin-left : 0; } .order-info ul { margin-bottom : 15px; border-bottom : 1px solid #666666; background : #F2F2F2; } .order-info li { float : left; border-right : 1px solid #A4A4A4; border-left : 1px solid #FFFFFF; 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 : #444444; } .order-info li a:hover { background-color : #DDDDDD; text-decoration : none; color : #444444; } .order-info li.current { background-color : #666666; font-weight : bold; padding : 6px 7px; color : #FFFFFF; margin : 0 0 0 -7px; display : inline-block; float : none; } .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 #DDDDDD; margin : 0 0 10px; padding-bottom : 10px; } .order-info-box .box-payment p { margin : 0 0 3px; } .order-info-box .box-payment th { font-weight : bold; padding-right : 7px; } .order-items h2, .order-items h3 { clear : none; font-weight : bold; font-size : 13px; padding : 0; margin : 0 0 10px; } .order-items h3 { font-size : 12px; } .order-items .product-name a { 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-items table#my-orders-table { margin-bottom : 15px; } .order-additional { margin : 15px 0; } /* Order Gift Message */ .gift-message dt strong { color : #555555; } .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 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 #CCCCCC; 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 .description { padding : 10px 0 10px 0 } .my-wishlist .data-table td .cart-cell { text-align : center; } .my-wishlist .product-image { display : block; width : 113px; height : 113px; margin : 0 auto 5px; } .my-wishlist textarea { width : 100%; 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 { margin : -46px 0 0; } .my-wishlist + .buttons-set .back-link { margin : 0; } .my-wishlist .data-table .add-to-links { white-space : nowrap; } .my-wishlist .data-table input.qty { width : 79px; margin : 5px 0 15px; } .my-wishlist .data-table button.button { display : block; margin : 0 auto 10px; } /* 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; margin-right : 28px; } .product-review .product-img-box .product-image { display : inline-block; border-radius : 3px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.15); background : #FFFFFF; border : 9px solid #FFFFFF; } .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 { overflow : hidden; } .product-review .product-name a { 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 dl { clear : both; padding : 10px 0; } .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; z-index : 3; } .product-prev, .product-next { display : block; float : right; margin : -5px 0 0 5px; overflow : hidden; padding : 5px 0 4px; min-height : 27px; border : 1px solid #E1E1E1; box-shadow : 1px 1px 2px 0px rgba(0, 0, 0, 0.05); background : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/gradient/sorter_bg.png) 0 0 repeat-x #FAFAFA; box-sizing : border-box; } .product-prev span, .product-next span { display : block; width : 63px; padding : 0 11px; background : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/prev_next.png) 0px -6px no-repeat; } .product-prev { right : 108px; } .product-prev span { padding-left : 28px; text-align : right; } .product-next span { padding-right : 28px; background-position : right 0 bottom -4px; } .product-next:hover, .product-prev:hover { text-decoration : none; 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 0; 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; } .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%; } /* Revolution Slider */ .slider .rev_slider_wrapper { padding : 0 0 30px !important; } /* FlexSlider Default Theme *********************************/ .flexslider { margin : 0; position : relative; } .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; } .carousel li { margin-right : 5px } .flexslider .slides .row { position : relative; overflow: auto; } .flexslider .slides .content { float : left; max-width : 1000px; margin : 10px 100px; } .flexslider .slides .white { color : #454746; color : rgba(0,0,0,0.6); text-align : center; background: rgba(255,255,255,0.6); padding: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); } .flexslider .slides .content strong { font-size : 40px; font-weight : 300; text-transform : uppercase; line-height : 30px; 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 : #FFFFFF url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/slideshow_arrows.png) no-repeat 0 0; border-radius : 100%; position : absolute; top : 50%; cursor : pointer; text-indent : -9999px; opacity : 0; } .flex-direction-nav a, .flex-direction-nav a:hover { transition : all .3s ease; } .flex-direction-nav .flex-prev { left : -36px; } .flex-direction-nav .flex-next { background-position : 100% 0; right : -36px; } .flexslider:hover .flex-prev { opacity : 1; left : 5px; } .flexslider:hover .flex-next { opacity : 1; right : 5px; } .flexslider:hover .flex-prev:hover { background-position : 0 100%; } .flexslider:hover .flex-next:hover { background-position : 100% 100%; } .flex-direction-nav .disabled { opacity : .3 !important; cursor : default; } /* Control Nav */ .flex-control-nav { width : 100%; text-align : center; } .flexslider .flex-control-nav { position : absolute; bottom : -22px; } .flex-control-nav li { margin : 0 6px; display : inline-block; } .flex-control-paging li a { width : 8px; height : 8px; display : block; background : #EDEDED; cursor : pointer; text-indent : -9999px; border-radius : 20px; box-shadow : inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background : #FE5252; } .flex-control-paging li a.flex-active { background : #FE5252; 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 { 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, .block-slider .slides > li strong.block-slider-title { display : block; border : 0; padding : 0 0 22px; margin : 0 0 25px; color : #000000; color : rgba(0, 0, 0, 0.75); border-bottom : 1px solid #E8E8E8; font-size : 22px; font-weight : 400; 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 : #000000; color : rgba(0, 0, 0, 0.67); } .block-slider .slides > li button.button { margin : -21px 0 21px; } .block-slider .slides img { max-width : 100%; } .block-slider .flex-control-nav { position : relative; width : auto; height : 33px; overflow : hidden; margin : 0 -20px -25px; background : #FEFEFE; text-align : center; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; 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; } .block-slider .flex-control-paging li a { margin : 12px 0; } /*.cms-index-index .block-slider .slides > li { padding:22px 0 0;}*/ .cms-index-index .block-slider .slides img { display : block; margin : 0 auto; } .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 : #FE5252 url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/arrow_totop.png) 0 0 no-repeat; border-radius : 100%; } #toTop:hover { background-color : #FFFFFF; background-position : 0 100%; } /*.twitterWidget {min-height:275px}*/ #review-buttons-container { padding : 23px 0 0; } #review-buttons-container button { margin : 0; } .paypal-shipping-method { margin : 0 0 15px } .paypal-express-review .info-set { margin-bottom : 50px; } .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; 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; padding : 0 15px; min-height : 1px; box-sizing : border-box; } .grid_2 { width : 16.66%; } .grid_3 { width : 25%; } .grid_4 { width : 33.33%; } .grid_6 { width : 50%; } .grid_8 { width : 66.67%; } .grid_9 { width : 75%; } .grid_12 { width : 100%; } /* CMS PAGE ======================================================================================= */ .cms-page-view h1 { font-size : 36px; font-weight : 400; padding : 0 0 6px; letter-spacing : -1.5px } .cms-page-view .std h1, .cms-page-view .std h2, .cms-page-view .std h3, .cms-page-view .std h4, .cms-page-view .std h5, .cms-page-view .std h6 { margin : 0 0 15px } .cms-page-view .std h1 { font-size : 30px; } .cms-page-view .std h2 { font-size : 26px; } .cms-page-view .std h3 { font-size : 22px; } .cms-page-view .std h4 { font-size : 18px; } .cms-page-view .std h5 { font-size : 16px; } .cms-page-view .std h6 { font-size : 14px; } .cms-page-view .page-head h3 { font-size : 36px; margin : -31px 0 30px } .cms-page-view .std p { margin : 5px 0 20px; font-size : 14px; line-height : 24px; } /*.cms-page-view .std p {margin: 5px 0 15px;}*/ .cms-content h1 { font-size : 36px; font-weight : 400; padding : 0 0 6px; letter-spacing : -1.5px } .cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4, .cms-content h5, .cms-content h6 { margin : 0 0 15px } .cms-content h1 { font-size : 30px; } .cms-content h2 { font-size : 26px; } .cms-content h3 { font-size : 22px; } .cms-content h4 { font-size : 18px; } .cms-content h5 { font-size : 16px; } .cms-content h6 { font-size : 14px; } .cms-content p { margin : 5px 0 20px; font-size : 14px; line-height : 24px; } .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:before { background : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png); background-position : 100px 0px; content : ''; width : 25px; height : 25px; margin : 8px 25px 0 2px; float : left; } .std blockquote { padding : 20px 25px; background : #F3F3F3; margin : 0; font-size : 14px; line-height : 24px; } /* Class: std - styles for admin-controlled content */ .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 : 25px; margin : 0 0 18px; font-size : 14px; line-height : 24px; } .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 : #000000; } .std .data-table tbody th { padding : 13px 19px; color : #000000; font-size : 13px; text-transform : uppercase; } .product-view .grouped-items-table th { padding : 15px 10px !important; } /* 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 : #EEEEEE } 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 #DDDDDD; 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; } /* for Responive Video (video-container) -------------------------------------------------- */ .video-container { position : relative; padding-bottom : 56.25%; padding-top : 30px; height : 0; overflow : hidden; } .video-container iframe, .video-container object, .video-container embed { position : absolute; top : 0; left : 0; width : 100%; height : 100%; } /* Fluid Columns -------------------------------------------------------------- */ .one_half, .one_third, .two_third, .one_fourth, .three_fourth { float : left; margin-right : 3.8%; } .one_half { width : 48%; } .one_third { width : 30.66%; } .two_third { width : 65.32%; } .one_fourth { width : 22%; } .three_fourth { width : 74%; } .one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last { margin-right : 0px; } .last { margin-right : 0px; } /* Title indent -------------------------------------------------------------- */ body.checkout-onepage-index .page-title, body.checkout-cart-index .page-title { margin-top : 0; } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ .no-shadow { 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; } .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; } .clear { clear : both; height : 0; line-height : 0; font-size : 0; } /* ==|== print styles ======================================================= Print styles ========================================================================== */ @media print { *, *:before, *:after { background : transparent !important; color : #000000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow : none !important; text-shadow : none !important; } a, a:visited { text-decoration : underline; } a[href]:after { content : " (" attr(href) ")"; } abbr[title]:after { content : " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content : ""; } pre, blockquote { border : 1px solid #999999; page-break-inside : avoid; } thead { display : table-header-group; } tr, img { page-break-inside : avoid; } img { max-width : 100% !important; } p, h2, h3 { orphans : 3; widows : 3; } h2, h3 { page-break-after : avoid; } } /* Colorswatches ---------------------------------------------------------------------*/ .colorswatches-container .colorswatch a { display : inline-block; padding : 0px 0px; } ol.configurable-swatch-list li a.swatch-link.has-image { padding : 0; margin : 0; } ol.configurable-swatch-list li a.swatch-link.has-image:hover { background-color : transparent !important; } ol.configurable-swatch-list li a.swatch-link.has-image, ol.configurable-swatch-list li a.swatch-link.has-image:hover { color : #322C29; } ol.configurable-swatch-list li a.swatch-link img { border-radius : 3px; } ol.configurable-swatch-list li a.swatch-link:hover img { box-sizing : border-box; -moz-box-sizing : border-box; -webkit-box-sizing : border-box; border-radius : 3px; border : 2px solid #322C29; } ol.configurable-swatch-list li { float : left; width : 50%; } ol.configurable-swatch-list li a.swatch-link { margin : 0; } ul.configurable-swatch-list li { display : inline-block; margin : 0 2px 0px 0; text-align : center; } ul.configurable-swatch-list li a.swatch-link { display : inline-block; padding : 2px 0px; margin : 2px; } ul.configurable-swatch-list li a.swatch-link.has-image, ul.configurable-swatch-list li a.swatch-link.has-image:hover { -webkit-transition : inherit; -moz-transition : inherit; -o-transition : inherit; transition : inherit; } ul.configurable-swatch-list li a.swatch-link.has-image { padding : 0; margin : 0px } ul.configurable-swatch-list li.selected a.swatch-link.has-image, ul.configurable-swatch-list li a.swatch-link.has-image:hover { border-radius : 3px; background-color : transparent !important; } ul.configurable-swatch-list li a.swatch-link img { border-radius : 3px; } ul.configurable-swatch-list li a.swatch-link:hover img, ul.configurable-swatch-list li.selected a.swatch-link img { box-sizing : border-box; -moz-box-sizing : border-box; -webkit-box-sizing : border-box; border-radius : 3px; border : 2px solid #322C29; } ul.configurable-swatch-list li span.x { display : none; } .products-grid ul.configurable-swatch-list { text-align : center; padding : 8px 0 0 0px; position : relative; z-index : 1; } .products-list ul.configurable-swatch-list { clear : both; margin : 0px 0 16px; border-bottom : 1px solid; border-color : rgba(227, 227, 227, 0.61); padding : 0px 0 15px 0; } /* facnybox styles---------------------------------------------------------------------*/ #fancybox-close { top : 10px; right : 10px; background : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/shopper_sprite.png); background-position : -240px -37px; width : 31px; height : 31px; border-radius : 50%; background-color : #F4F4F2; } #fancybox-close:hover { background-position : -195px -37px; } #fancybox-right-ico, #fancybox-left-ico { background-color : #F4F4F2; width : 35px; height : 35px; background-image : url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/slideshow_arrows.png); background-repeat : no-repeat; border-radius : 50%; background-size : 70px 70px; } #fancybox-left-ico { background-position : 0 0; } #fancybox-right-ico { background-position : right 0 top 0; } #fancybox-left-ico:hover { background-position : 0 -35px; } #fancybox-right-ico:hover { background-position : right 0 top -35px; } /* content wrappers ---------------------------------------------------------------------*/ .white-wrap { padding : 20px 22px; background : #FFFFFF; border-radius : 2px; margin-bottom : 50px; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-sizing : border-box; border : none; } .white-border-wrap { padding : 20px 22px; border-radius : 2px; margin-bottom : 50px; background : #FFFFFF; box-shadow : 0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-sizing : border-box; border-top-color : #FE5252; border : none; border-top : 6px solid #FE5252 } .container-bottom { margin-bottom : -50px; } .fw_container { width : 100%; } .fullwidth-bg { background-color : #FFFFFF; position : relative; padding : 30px 0; } .fullwidth-bg:before { background-repeat : no-repeat; background-position : 50% 100%; content : ''; position : absolute; left : -200%; right : -200%; top : 0px; bottom : 0px; display : block; background-color : inherit; background-image : inherit; } .std .fullwidth-bg p, .cms-page-view .std .fullwidth-bg p, .fullwidth-bg p { font-size : 16px; line-height : 28px; } .a-center { text-align : center; } .icon_box .icon_wrapper { overflow : hidden; -webkit-border-radius : 200px; -moz-border-radius : 200px; border-radius : 200px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; text-align : center; } .icon_style_outlined .icon_wrapper, .icon_style_bg_color .icon_wrapper { width : 110px; height : 110px; margin : 0 auto 32px auto; padding-top : 33px; } .icon_style_outlined-small .icon_wrapper, .icon_style_bg_color-small .icon_wrapper { width : 70px; height : 70px; margin : 0 auto 28px auto; padding-top : 22px; } .icon_box.icon_style_outlined-small .icon_wrapper, .icon_box.icon_style_outlined .icon_wrapper { border-width : 2px; border-style : solid; } .icon_box.icon_style_outlined-small .icon_wrapper, .icon_box.icon_style_outlined .icon_wrapper { background : none !important; } /* ----------------------------*/ .thin_huge_title { font-size : 58px !important; letter-spacing : -3px !important; font-weight : 300 !important; line-height : 50px !important; } .tb_padding_wrap { padding : 40px 10px 0; width : 40%; float : right; } .tb_padding_wrap hr { margin : 30px 60px 0 } .regular_big_title { font-size : 48px !important; font-weight : 400 !important; text-align : center !important; line-height : 42px !important; letter-spacing : -2px !important; } .small_above_title { font-size : 17px !important; font-weight : 600 !important; text-align : center !important; color : #949494 !important; margin-bottom : 5px !important; } .align_right { text-align : right !important; } .align_left { text-align : left !important; } .product-filters dt { clear : both; } .product-filters dd + dt { padding-top : 25px; } .box-account.box-recent td.projectName li, .my-account td.projectName li {padding:0 0 0 13px; line-height:20px; background: url("https://www.hantermann.eu/skin/frontend/shopper/default/images/arrow_item.gif") 0 8px no-repeat;list-style: none;} #quantity-selection { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(227,227,227,0.61); } #quantity-selection label { display: block; margin-bottom: 5px; color:rgba(0,0,0,0.67); } .my-account > span.separator, .my-account .order-info { display: none; } .sales-order-view .my-account a.link-reorder { margin: 0; cursor: pointer; float: right; font: bold 12px/21px Arial, Helvetica, sans-serif; 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: #ffffff; text-align: center; white-space: nowrap; } .sales-order-view .my-account a.link-reorder:hover { text-decoration: none !important; background-color: #393431 !important; color: #fff !important; } .my-account #my-orders-table a.link-reorder { font-weight: normal; } .sales-order-view .my-account .truncated { cursor: auto; } #costcenter_number { margin-top: 5px; margin-bottom: 15px; width: 200px; } .product-view .product-options dd.last { border-bottom: 1px solid rgba(227, 227, 227, 0.61); } td.a-center.td-qty { min-width: 80px; } /* Cookie Notice */ .notice-cookie { position:fixed; z-index:10031; width:100%; top:0; left:0; margin:0 !important; opacity:0.75; background-color: #a7c70c; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */ } .notice-cookie .notice-text { color: #fff; float: left; font-size: 18px; font-weight: 600; font-family: 'karbon'; padding: 8px; } .notice-cookie .notice-text a { color: #fff; } .notice-cookie .actions { float: right; } .notice-cookie button.button span { background: none; font-size: 18px; font-weight: 600; font-family: 'karbon'; } /* footer slider - partner logos */ #partner-slider { margin: 0 auto 15px auto; max-width: 1170px; } /***** Standard *****/ @media only screen and (min-width:1280px) { /* View Type: List */ .col3-layout .products-list .f-left {max-width: 40%;} .col3-layout .products-list .f-left img {max-width: 100%; height: auto;} .col3-layout .products-list .product-name {margin-left: 0;} .col3-layout .products-list .button-container p, .col3-layout .products-list .add-to-links, .col3-layout .products-list .add-to-links li a {line-height: 30px;} /* .col3-layout .products-list .button-container .btn-add-cart, .products-list .add-to-links a {font-size: 12px;}*/ .col3-layout .products-list .button-container .btn-add-cart span {width: 29px;height: 29px; margin: 0 15px 0 0;background-position:-243px -91px;} .col3-layout .products-list .button-container .btn-add-cart {font-size: 12px;} .col3-layout .products-list .add-to-links li a {font-size:12px;} .col3-layout .products-list .add-to-links li span {display: none;} .col3-layout .products-list .add-to-links li:first-child { padding: 0 18px;} } @media only screen and (max-width:1280px) { .col3-layout .page-head{margin: 0 -240px;} .home-main { width: 630px; } .products-list .add-to-links li:first-child { padding: 0 18px;} .products-list .add-to-links li span { display: none;} /* Product View */ .product-view .product-shop-info .add-to-links { margin-left: -20px;} .product-view .product-shop-info .add-to-links li { float:left; margin: 0 0 8px 20px;} /* Form lists */ /* Customer */ .form-list .customer-name-middlename-suffix .name-lastname, .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:511px; } .form-list .customer-name-middlename-suffix .name-lastname input.input-text, .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:511px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text { width: 213px; } .form-list .customer-name-prefix-middlename-suffix .name-middlename, .form-list .customer-name-prefix-middlename-suffix .name-middlename input.input-text { width: 286px;} .form-list .customer-name-prefix-suffix .name-firstname, .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:210px; } .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-middlename, .form-list .customer-name-middlename-suffix .name-middlename input.input-text { width:288px; } .form-list .customer-name-prefix-middlename .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 511px;} .form-list .customer-name-prefix-middlename .name-middlename, .form-list .customer-name-prefix-middlename .name-middlename input.input-text, .form-list .customer-name-prefix-middlename .name-lastname, .form-list .customer-name-prefix-middlename .name-lastname input.input-text { width: 288px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-prefix .name-firstname input.input-text { width:211px; } .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename .name-middlename input.input-text { width:288px; } .form-list .customer-name-middlename .name-lastname, .form-list .customer-name-middlename .name-lastname input.input-text { width:100%; } .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-prefix-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-middlename, .form-list .customer-name-prefix-middlename-suffix .name-middlename { margin-right: 0; } .customer-account-create .form-list .field, .customer-account-create .form-list .field input.input-text { width: 100%; } .product-slider-container .jcarousel-skin-tango .jcarousel-clip { margin: 0 -35px 0 -15px;} .tb_padding_wrap{padding:0 10px;width:35%;} .tb_padding_wrap h1{ font-size: 44px !important} .top-opc li:first-child { margin-left : 0; } } @media only screen and (min-width:980px) and (max-width:1280px) { .row { width:960px; } #queldoreiNav, #nav, .search-field #queldoreiNav, .search-field #nav { width:470px; margin:15px 0 15px 23px; } .search-field #queldoreiNav, .search-field #nav { width:340px; } .below-logo #queldoreiNav, .below-logo #nav {width:auto;} .homepage-banners a .content{margin:18px;} .flexslider .slides .content{max-width:760px;} .flex-direction-nav {width:960px;} .product-view .product-additional {display:none } .product-view .box-up-sell2 {display:block; margin-left:0; } .jcarousel-skin-tango .jcarousel-clip-horizontal, .jcarousel-skin-tango .jcarousel-container-horizontal {width:auto;} .home-main .jcarousel-skin-tango .jcarousel-container-horizontal, .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal {width: auto;} .product-slider-container {width:auto} .home-main .product-slider-container {width: auto;} .home-left-col .home-main .product-slider-container {margin:30px 30px 0 0;} /* Base Columns */ /* 1 Column Layout */ /* 2 Columns Layout */ /* 3 Columns Layout */ .col3-layout .col-main { margin-right: 238px;} .col3-layout .col-main-wrap-right { margin-left: 238px;} .col3-layout .col-main-wrap { float: right;} .col3-layout .col-left, .col3-layout .col-right { width: 238px;} /* Home Page Layout */ home-main-left .cms-shopper-home-2col-left .product-slider-container .jcarousel-skin-tango ul.products-grid li.item, .cms-shopper-home-2col .product-slider-container .jcarousel-skin-tango ul.products-grid li.item, .cms-shopper-home-slideshow .product-slider-container .jcarousel-skin-tango ul.products-grid li.item { width: 220px;} .product-slider-container .jcarousel-skin-tango ul.products-grid li.item { width: 240px;} .home-main-left .product-slider-container .jcarousel-skin-tango ul.products-grid li.item, .home-main-right .product-slider-container .jcarousel-skin-tango ul.products-grid li.item { width: 220px;} /* View Type: Grid */ .col2-left-layout .category-description {margin-right:30px; } .col2-left-layout .products-list .ratings, .col2-right-layout .products-list .ratings { float: none; width: auto; clear: both; margin: 0;} .col2-left-layout .products-list .button-container .btn-add-cart span, .col2-right-layout .products-list .button-container .btn-add-cart span {width: 34px;height: 34px;} .col2-left-layout .products-list .button-container .btn-add-cart, .col2-right-layout .products-list .button-container .btn-add-cart, .col2-left-layout .products-list .add-to-links a, .col2-right-layout .products-list .add-to-links a { font-size: 12px;} .products-grid .hover .price-box { right: 9px; margin: -104px 0 0;} .products-grid .hover .price-box .price {font-size: 20px;} .products-grid .add-to-links { width: auto; font-size: 11px;} /* View Type: List */ .col3-layout .products-list .f-left { max-width: 30%;} .col3-layout .products-list .f-left img { max-width: 100%; height: auto;} .col3-layout .products-list .product-shop { padding-left: 20px;} .col3-layout .products-list .product-name { margin-left: 0; font-weight:bold;} .col3-layout .products-list .button-container p, .col3-layout .products-list .add-to-links, .col3-layout .products-list .add-to-links li a {line-height: 30px;} .col3-layout .products-list .button-container .btn-add-cart, .products-list .add-to-links a {font-size: 12px;} .col3-layout .products-list .button-container .btn-add-cart span {width: 29px;height: 29px; margin: 0 10px 0 0;background-position:-243px -91px;} .col3-layout .products-list .add-to-links li span {display: none;} .col3-layout .products-list .add-to-links li:first-child { padding: 0 14px;} /* two_columns 4 products per row */ .two_columns_3 .add-to-links { height:auto; padding:10px 0;} .two_columns_3 .add-to-links li { display:block; margin:0; line-height:140%; } .two_columns_3 .add-to-links li { display:block; margin:0; } .two_columns_3 .hover .price-box {display:none} .two_columns_3 .quick-view { top:15%; left:23%; height:32px; line-height:32px; font-size:12px; } .two_columns_3 .product-name {font-size:14px} .two_columns_3 .hover .button-container button.button span span em {margin:0 5px 0 0;} /* two_columns 4 products per row */ .two_columns_4 .add-to-links { 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:15%; left:13%; 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 -15px} .two_columns_5 .add-to-links { height:auto; padding:5px 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_4 .hover .price-box {display:none} .two_columns_5 .quick-view { top:15%; left:7%; height:32px; line-height:32px; font-size:11px; } .two_columns_5 .product-name a {font-size:12px} .two_columns_5 .hover .button-container button.button span span em {margin:0 5px 0 0;} .two_columns_5 .hover .button-container button.button span span {font-size: 11px;} .two_columns_5 .products-grid li.item {padding: 0 10px} .two_columns_5 .products-grid .hover {left:10px;right:10px} /* one_columns 5 products per row */ .one_column_5 .add-to-links { 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 .add-to-links { 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:26%; 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;} .three_columns_3 .add-to-links { height:auto; padding:10px 0;} .three_columns_3 .add-to-links li { display:block; margin:0; line-height:140%; } .three_columns_3 .add-to-links li { display:block; margin:0; } .three_columns_3 .hover .price-box {display:none} .three_columns_3 .quick-view { top:15%; left:13%; height:32px; line-height:32px; font-size:12px; } .three_columns_3 .product-name {font-size:14px} .three_columns_3 .hover .button-container button.button span span em {margin:0 5px 0 0;} .products-list .add-to-links {padding:0;} .top-opc { width: 930px; margin-left: 0px;} .top-opc li{ margin-left: 0; margin-right: 12px; max-width: 180px; width: auto;} .top-opc li:last-child {margin-right: 0;} #checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login{} .form-list li.wide .input-box {width:100%} .form-list li.wide input.input-text {width:100%} .footer-info iframe {width:200px; margin:0 auto;} /* Product View */ .product-view .product-img-box {max-width: 50%;} .product-view .product-img-box .product-image img {max-width: 100%; height: auto;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {margin-right: 1px;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item { width:110px !important;} } /***** iPad *****/ @media only screen and (max-width: 979px) { .col3-layout .page-head{margin: 0} .home-main { float: none; width: 100%; } .cms-shopper-home-2col-left .home-left, .cms-shopper-home-2col .home-right, .cms-shopper-home-slideshow .home-right {float: none; width: auto; } .cms-shopper-home-2col-left .home-left .block { margin-left: 15px; } /* Navigation custom block */ #queldoreiNav li.custom-block div.sub-wrapper { width: 100% !important; left: inherit !important; } table.mobile-custom-block {margin: 0 -5px;} table.mobile-custom-block h1 {font-size: 18px; word-wrap: break-word;} table.mobile-custom-block img { width: 100%; /* its fix for IE, FF - not reseized image in table on devices (?) */} /* Search input - "disable" text for mobile */ #search::-webkit-input-placeholder { color: transparent;} .cart-top-container {margin-right: 0;} .col1-layout.col-main, .col2-left-layout .col-main, .col2-right-layout .col-main, .col-main-left, .col-main-right, .col2-left-layout .col-left, .col2-right-layout .col-right { clear: both; width: auto; float: none;} .sidebar, .catalog-category-view .col-left, .catalog-category-view .col-right { margin: 0; padding-top: 30px; padding-bottom: 30px;} .category-products, .toolbar-bottom .toolbar .pager {margin-bottom: 0;} /* View Type: Grid */ .col3-layout .col-main { width: auto; float: none; } .top-opc {width: auto;} .checkout-onepage-index .col-right { margin: 0;} #checkout-step-login input.input-text {width: 100%;} .add-review .form-list {max-width: 100%;} footer address { margin-bottom: 11px;} /*Form input styles*/ .form-list .field, .form-list .field input.input-text { width:100% !important; margin-right: 0;} .fullwidth-bg {padding:13px 0} .tb_padding_wrap{padding:0 10px;width:35%;} .tb_padding_wrap h1{ font-size: 35px !important;line-height: 40px !important} } /***** iPad (landscape) *****/ @media only screen and (min-width: 766px) and (max-width: 979px) { .container-bottom{margin-bottom:0px;} .col3-layout .page-head{margin: 0} .row { width:750px;} .row .row { width:auto; margin: 0 -12px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { padding-left: 12px; padding-right: 12px;} .breadcrumbs { padding: 0 12px;} .sidebar .block { width: 226px; margin: 0 12px 24px;} .search-field #search_mini_form .form-search button {margin-left:216px} footer .grid_6 { text-align:center; width:100%; margin:0 auto; } footer ul.links { float:none; } .footer-info .grid_3 { width:50%; margin-bottom:24px; } .footer-info .grid_3:nth-child(odd) {clear: both;} header a.logo {margin: 24px 0;} .nav-container, .nav-container .nav-top-title, .nav-container li.parent em {display: inline-block; } .nav-container {margin-left: 22px; margin-top: 3px; position: relative; } .nav-container .nav-top-title { /*width: 106px; margin-bottom: 6px;*/} .below-logo .nav_below { display: inline-block;} .below-logo .nav-container { margin-left: 22px; display: inline-block;} #queldoreiNav, #nav, .search-field #queldoreiNav, .search-field #nav, .below-logo #nav, .below-logo #queldoreiNav{ float:none; width: 499px; margin:0 auto 10px !important; display:none; position: absolute; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius: 2px; padding: 26px 25px 23px; box-sizing: border-box } #queldoreiNav li, #nav li { float:none; position:relative; width:auto; margin:0 auto 3px;} #queldoreiNav li a, #nav li a, #queldoreiNav ul li a, #nav ul li a { float:none; padding:0; } #queldoreiNav li a span, #nav li a span {padding:0px 10px; border:none;} #queldoreiNav li:hover, #queldoreiNav li.over, #queldoreiNav li.active, #nav li:hover, #nav li.over, #nav li.active{ box-shadow:none;} #queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span, #nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span{border:none; background:transparent; color:#fff; } #queldoreiNav>li>a:hover>em, #queldoreiNav>li.over>a>em, #queldoreiNav>li.active>a>em, #nav>li>a:hover>em, #nav>li.over>a>em, #nav>li.active>a>em{color:#fff; } #queldoreiNav ul, #queldoreiNav ul ul, #nav ul, #nav ul ul { position:static; margin:0; padding:5px 0 10px 5px; box-shadow:none; } #nav ul, #nav ul ul { display:none; } #queldoreiNav ul li, #nav ul li {width:auto; } #queldoreiNav div.sub-wrapper, #queldoreiNav div.sub-wrapper ul div.sub-wrapper { display:none; position:static; width:auto; padding:0; margin:0; border:none; background:#fff; box-shadow:none;} #queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:block; border:none; width:auto; padding:0;} #queldoreiNav ul div.sub-wrapper ul { float:none; display:block; border:none; width:auto; padding:5px 0 10px 5px;} #nav ul.level0, #nav > li div { position:static; margin:0; padding:5px 0 10px 5px; width:auto; } #nav ul.level0 > li { float:none; display:block; width:auto !important; margin:0 auto 3px;} #nav ul.level0 > li > a { padding:0; font-family:Arial, serif !important; font-size:12px; font-weight:normal; color:#322c29 !important; line-height:28px; letter-spacing:0; text-transform:none; } #nav ul ul li { float:none; width:auto; margin:0 auto 3px; padding:0; line-height:28px; background:none;} #nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4 !important; } .homepage-banners a .content{margin:25px 20px;} .homepage-banners a .content p{display:none; } .homepage-banners a .content .border{margin:5px 10px; } .homepage-banners a .content strong{font-size:24px; } .homepage-banners a .content button{margin:5px 0 0;} /* Base Columns */ .col-main-wrap { padding: 24px 12px 0;} .col-main-right { width:600px; padding:30px 0 0; } /* 1 Column Layout */ /* 2 Columns Layout */ .col2-left-layout .col-main { margin-left: 0;} .col2-left-layout .col-main-wrap { float: none;} .col2-left-layout .col-left { float:none; clear:both; width: 100%;} .col2-right-layout .col-main { margin-right: 0;} .col2-right-layout .col-main-wrap { float: none;} .col2-right-layout .col-right { float:none; clear:both; width: 100%;} /* 3 Columns Layout */ .col3-layout .col-main { margin-right: 0;} .col3-layout .col-main-wrap-right { margin-left: 0;} .col3-layout .col-main-wrap { float: none;} .col3-layout .col-left, .col3-layout .col-right { width: 100%;} /* Home Page Layout */ .home-main .category-products {margin:0;} .home-left, .home-right { clear: both; width: auto; float: none; padding-top: 30px; padding-bottom: 30px;} .home-left:after, .home-right:after { content: ''; clear: both; display: table;} .cms-shopper-home-2col-left .home-main, .home-main-right, .home-main-left { margin: 0;} .cms-shopper-home-2col-left .home-main-wrap, .home-main-wrap { float: none; padding-left: 0;} .cms-shopper-home-2col .home-main, .home-main, .cms-shopper-home-slideshow .home-main { margin: 0;} .cms-shopper-home-2col .home-main-wrap, .cms-shopper-home-slideshow .home-main-wrap { float: none; padding-right: 0;} .home-left,.home-right { margin: 0 -2%;} .home-left .block, .home-right .block { padding: 0; margin: 0 2%; float: left; width: 46%; } /* View Type: Grid */ .products-grid {margin: 0 -12px;} .products-grid li.item { padding: 0 12px; margin: 0 0px 24px;} .col2-left-layout .page-title, .col2-right-layout .page-title, .col3-layout .page-title, .col2-left-layout .page-head, .col2-right-layout .page-head, .col3-layout .page-head { margin-left:0; margin-top: -24px;} .page-head h3, .product-category-title {margin-top: -25px;} .cart .cart-collaterals { padding: 24px 0px;} .cart .cart-collaterals .grid_4 { width: 50%;} .cart .cart-collaterals .cart-total-top { float: none; width: auto; margin: 0 0px 24px; display: block;} .checkout-onepage-index .col-right .block { float:none; position: static !important; top:0; } .flexslider .slides .content{max-width:560px;} .flexslider .slides .content strong {font-size:48px; line-height:40px; } .flex-direction-nav {width:768px; display:none !important; } .slider-container { margin-bottom: 0;} .site-block, .mousetrap, #cloud-big-zoom {display:none; } #shopping-cart-totals-table strong {font-size:18px; padding:0 10px 0 0;} .data-table tfoot td { text-align:right !important;} .data-table td.td-image a {text-align:center; } .data-table td.td-edit, .data-table .btn-remove {display:none;} .data-table .td-actions .btn-remove, .data-table .td-actions .btn-edit {display:inline-block;} .data-table td.td-delete { text-align:center !important;} .data-table .td-actions {display:inline-block; padding:0 0 5px;} .data-table th.td-wishlist, .data-table th.td-edit, .data-table td.td-wishlist, .data-table td.td-edit, .data-table .btn-remove { display:none;} #product-attribute-specs-table th { display:block;} #product-review-table {display:table; } #product-review-table thead, #product-review-table tfoot, #product-review-table tbody{display:table-row-group; } #product-review-table tr{display:table-row; } #product-review-table td{display:table-cell; } #product-review-table th{display:table-cell;} /* Checkout: */ .block-checkout-login .buttons-set p.required { clear: both; padding-top: 9px;} .opc .step {margin-bottom: 24px;} .opc .td-label {display:block; float:left; } .opc .step .buttons-set .back-link { margin: 0;} #checkout-review-table tfoot tr{display:table-row; } #checkout-review-table tfoot td{display:table-cell; } #checkout-review-table th, #checkout-review-table td {padding: 10px;} .opc #checkout-review-table span.td-label {display: none;} body.checkout-onepage-index .col2-right-layout .col-main { margin-right: 250px;clear: inherit;} body.checkout-onepage-index .col2-right-layout .col-main-wrap { float: left;} body.checkout-onepage-index .col-right { float: right; clear: inherit; width: 250px;margin-top: 296px; padding: 0px 12px 0; box-sizing: border-box;} #checkout-step-login { margin: 0 -12px;} #checkout-step-login .block, #checkout-progress-wrapper .block { margin-bottom: 24px;} #checkout-progress-wrapper .block-progress { margin-left: 0;margin-right: 0;} .page-title{min-height:85px;} /* Product View */ .product-view .product-img-box {max-width: 50%;} .product-view .product-img-box .product-image img {max-width: 100%; height: auto;} .product-view .product-additional {display:none } .product-view .box-up-sell2 {display:block; margin-left:0; } .home-main .jcarousel-skin-tango .jcarousel-container-horizontal, .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:auto;} .product-slider-container .jcarousel-skin-tango .jcarousel-clip { margin: 0 -12px;} .brands-slider-container .jcarousel-skin-tango .jcarousel-clip { margin: 0 -22px;} .product-slider-container {width:auto} .product-slider-container .jcarousel-skin-tango ul.products-grid li.item {width: 250px;} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {} #toTop {display:none !important;} /* two_columns 4 products per row */ .two_columns_4 .add-to-links { 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:15%; left:23%; 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} .two_columns_5 .add-to-links { 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_4 .hover .price-box {display:none} .two_columns_5 .quick-view { top:15%; left:23%; 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 5 products per row */ .one_column_5 .add-to-links { 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:21%; 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 .add-to-links { 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;} .three_columns_2 .category-products .products-grid li.item, .three_columns_2 .widget-products .products-grid li.item {clear: none !important;width: 33.33% !important;} .three_columns_2 .category-products .products-grid li.item:nth-child(3n+1), .three_columns_2 .widget-products .products-grid li.item:nth-child(3n+1) {clear: both !important;} .products-list .add-to-links {padding:0;} .top-opc {margin-left: -30px; margin-right: -250px;} .top-opc li, .top-opc li:first-child { margin-left: 30px; min-width : 180px;} #my-orders-table tr {border-bottom:1px solid #e9e9e9 } #my-orders-table tr.last {border:none} .form-list li.wide .input-box, .form-list li.wide input.input-text {width: 100%;} /* wishlist */ .my-wishlist .data-table td .btn-remove { display: inline-block;} } /***** iPhone *****/ @media only screen and (max-width: 767px) { .container-bottom{margin-bottom:0px;} .col3-layout .page-head{margin: 0} .h1, .h2, .page-title h1, .page-title h2 { font-size:25px; line-height:30px; letter-spacing:-1px; } .row .row { margin:0 -10px;} .header-wrapper {height: auto !important;} .one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last, .one_half, .one_third, .two_third, .one_fourth, .three_fourth { float: none; width: 100%; margin-bottom:30px;/* text-align:center;*/} .title-buttons {text-align:center} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {float:none;} .site-block {display:none;} .top-switch-bg .grid_6 {text-align:center; margin:0} .links li{ line-height:120%; display:inline; padding:0 5px; text-align:center; white-space:nowrap; } .links li.separator {display:none; } .top-switch-bg .links {text-align: center;} .cart-top span {max-width: inherit;} .footer-banners { padding:25px 0 0; } .footer-info { padding:30px 0 15px 0; } .footer-info .grid_3 { margin-bottom:0px; } .footer-info .grid_3 .block-content { margin-bottom:30px; } .footer-info ul.social {margin:10px 0 0; } .footer-info .block-control {display:block; } .footer-info .block-content {display:none; } footer .grid_6{ text-align:center; margin-bottom: 0;} footer ul.links { float:none; } .language-switch, .currency-switch {display:none;} .language-select, .currency-select { padding-top: 7px; display: block; } .switch1 .language-select { width: 50%; margin: 0 auto;} .switch2 .currency-select { width: 50%; margin: 0 auto;} .switch1.switch2 .language-select, .switch1.switch2 .currency-select { float: left; margin: 0; box-sizing: border-box;} .switch1.switch2 .language-select { padding-right: 5px;} .switch1.switch2 .currency-select { padding-left: 5px;} .language-select span, .currency-select span {display:none; } .language-select select, .currency-select select { width:100%;} .nav-container .nav-top-title {width: auto;} .nav-container, .nav-container .nav-top-title, .nav-container li.parent em {display:block; } #queldoreiNav, #nav, .search-field #queldoreiNav, .search-field #nav{float:none; width:auto; margin:0 auto 0px; display:none;} #queldoreiNav li, #nav li { float:none; position:relative; width:auto; margin:0 auto 3px;} #queldoreiNav li a, #nav li a, #queldoreiNav ul li a, #nav ul li a { float:none; padding:0; } #queldoreiNav li a span, #nav li a span {padding:0px 10px; border:none;} #queldoreiNav li:hover, #queldoreiNav li.over, #queldoreiNav li.active, #nav li:hover, #nav li.over, #nav li.active{ box-shadow:none;} #queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span, #nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span{border:none; background:transparent; color:#fff; } #queldoreiNav>li>a:hover>em, #queldoreiNav>li.over>a>em, #queldoreiNav>li.active>a>em, #nav>li>a:hover>em, #nav>li.over>a>em, #nav>li.active>a>em{color:#fff; } #queldoreiNav ul, #queldoreiNav ul ul, #nav ul, #nav ul ul { position:static; margin:0; padding:5px 0 10px 5px; box-shadow:none; } #nav ul, #nav ul ul { display:none; } #queldoreiNav ul li, #nav ul li {width:auto; } #queldoreiNav div.sub-wrapper, #queldoreiNav div.sub-wrapper ul div.sub-wrapper { display:none; position:static; width:auto; padding:0; margin:0; border:none; background:#fff; box-shadow:none;} #queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:block; border:none; width:auto; padding:0;} #queldoreiNav ul div.sub-wrapper ul { float:none; display:block; border:none; width:auto; padding:5px 0 10px 5px;} #nav ul.level0, #nav > li div { position:static; margin:0; padding:5px 0 10px 5px; width:auto; } #nav ul.level0 > li { float:none; display:block; width:auto !important; margin:0 auto 3px;} #nav ul.level0 > li > a { padding:0; font-family:Arial, serif !important; font-size:12px; font-weight:normal; color:#322c29 !important; line-height:28px; letter-spacing:0; text-transform:none; } #nav ul ul li { float:none; width:auto; margin:0 auto 3px; padding:0; line-height:28px; background:none;} #nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4 !important; } .homepage-banners a .content{margin:50px 20px;} .homepage-banners a .content .border{margin:5px 10px; } .homepage-banners a .content strong{font-size:24px; line-height:18px; } .homepage-banners a .content p{display:none;} .homepage-banners a .content button{margin:5px 0 0;} /* Base Columns */ .col-main-wrap { float: none; padding: 20px 10px 0;} .col2-left-layout .col-left, .col3-layout .col-left, .col2-right-layout .col-right, .col3-layout .col-right { padding-top: 30px;} /* 1 Column Layout */ /* 2 Columns Layout */ .col2-left-layout .col-main { margin-left: 0;} .col2-left-layout .col-main-wrap { float: none;} .col2-left-layout .col-left { float:none; clear:both; width: 100%;} .col2-right-layout .col-main { margin-right: 0;} .col2-right-layout .col-main-wrap { float: none;} .col2-right-layout .col-right { float:none; clear:both; width: 100%;} /* 3 Columns Layout */ .col3-layout .col-main { margin-right: 0;} .col3-layout .col-main-wrap-right { margin-left: 0;} .col3-layout .col-main-wrap { float: none;} .col3-layout .col-left, .col3-layout .col-right { width: 100%;} /* Home Page Layout */ .cms-index-index .col-main { margin: 0;} .home-main .category-products {width:auto; margin:0 auto 0px;} .home-left, .home-right { clear: both; width: auto; float: none; padding-top: 30px; padding-bottom: 30px;} .home-left:after, .home-right:after { content: ''; clear: both; display: table;} .cms-shopper-home-2col-left .home-main, .home-main-right, .home-main-left { margin: 0;} .cms-shopper-home-2col-left .home-main-wrap, .home-main-wrap { float: none; padding-left: 0;} .cms-shopper-home-2col .home-main, .cms-shopper-home-slideshow .home-main, .home-main { margin: 0;} .cms-shopper-home-2col .home-main-wrap, .cms-shopper-home-slideshow .home-main-wrap { float: none; padding-right: 0;} /* Prodcut grid and item */ .category-products .products-grid li.item, .widget-products .products-grid li.item {clear: none !important;width: 50% !important;} .category-products .products-grid li.item:nth-child(2n+1), .widget-products .products-grid li.item:nth-child(2n+1) {clear: both !important;} .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(3n+1) { clear: inherit;} .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(4n+1) { clear: inherit;} .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(2n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(2n+1), .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(2n+1) { clear: both;} .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item, .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item, .cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item {width: 50%;} .col2-left-layout .page-title, .col2-right-layout .page-title, .col3-layout .page-title, .col2-left-layout .page-head, .col2-right-layout .page-head, .col3-layout .page-head { margin-left:0; margin-top: -20px;} .page-head h3, .product-category-title {margin-top: -21px;} .checkout-onepage-index .col-right .block { float:none; } .flexslider .slides .content{max-width:240px; margin:30px; } .flexslider .slides .content strong{font-size:32px; line-height:26px; } .flex-direction-nav {width:300px; display:none !important;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; } .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .slider-container {margin-bottom:0;} .site-block, .mousetrap, #cloud-big-zoom {display:none; } .block-login {width:300px;} .block-login .block-title {padding:29px 8px 50px;} .block-login .block-content {padding:0 18px 25px;} .block-login .new-users {width:300px;} .product-prev, .product-next { font-size: 0; color: transparent; width: 27px; height: 27px; padding: 0; margin-top: 4px; } .product-prev span, .product-next span { width: 27px; height: 27px; padding: 0; display: block; } .product-prev span { background-position: 1px -1px; } .product-next span { background-position: -2px -29px; } .data-table tfoot tr.first td.last {box-shadow: none; text-align: center !important;} #checkout-review-table tfoot tr.first td.last {box-shadow: inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15);} body.sales-order-view table#my-orders-table tfoot td.last {padding-top: 0;} .cart .cart-collaterals .grid_4 {clear: both; float: left;} /* View Type: Grid */ .products-grid { margin: 0 -10px;} .products-grid li.item { width: 50%; padding: 0 10px; margin: 0 0px 20px; } .product-view .product-shop-info {padding-left: 0;} .product-view .product-shop-info .product-name {margin-left: 0; margin-top: 0;} .product-view .product-additional {display:none } .product-view .box-up-sell2 {display:block; margin-left:0; } .product-view .product-img-box {float:none; margin:0 auto 20px; max-width:300px } .product-view .product-img-box .product-image img{ width:282px; height:auto; } /* .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:190px !important; overflow:hidden; } .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:190px !important; margin:0} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {display:block; width:140px; height:auto; margin:0 auto;}*/ .product-tabs {display:none} .product-tabs-container { margin: 0 0 30px; box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); } .product-tabs-container h2.tab-heading { display:block; font-family: Arial, Helvetica, sans-serif;} .product-tabs-container > h2#product_acc_description_tabbed {border-radius: 3px 3px 0 0;} .product-tabs-container > h2#product_acc_custom {border-radius: 0 0 3px 3px;} .product-tabs-content { margin: 0px 0px 1px; padding: 3px 21px 22px; box-shadow: none; } /*ui-accordion styles*/ body .ui-accordion { margin: 0 0 30px; box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); } body .ui-accordion h2.ui-accordion-header { border: 1px solid #e1e1e1; margin: -1px 0 0 0 !important; position: relative; background: #f5f5f5; padding: 11px 0 10px; box-sizing: border-box; font-weight: bold; line-height: 1.25; border-radius: 0; } body .ui-accordion-header-icon { display: none !important; } body .ui-accordion:first-child h2 { border-radius:3px 3px 0px 0px; } body .ui-accordion h2.ui-accordion-header { display:block; font-family: Arial, Helvetica, sans-serif;} body .ui-accordion h2.ui-accordion-header:hover { background-color:#fff; } body .ui-accordion h2.ui-accordion-header a { display:block; padding:0px 20px !important; color:#000; color:rgba(0,0,0,0.67); font-size:16px;text-transform: none; letter-spacing: -1px; } body .ui-accordion h2.ui-accordion-header a:hover { text-decoration:none; } body .ui-accordion h2.ui-state-active {border:0; padding-left: 1px; border-top-width:4px; border-top-style: solid; background:#fff; border-radius:2px; } body .ui-accordion h2.ui-state-active a, body .ui-accordion h2.ui-state-active a:hover { background-color:#fff; } body .ui-helper-reset, body .ui-accordion-content { font-size: inherit; line-height: inherit; } body .ui-accordion .ui-accordion-content { margin: 0px 0px 1px !important; padding: 3px 21px 22px !important; box-shadow: none !important; } /* Accordeon style for Alternative Custom Tabs */ body .clean_tabs .ui-accordion h2.ui-accordion-header:hover { background-color:transparent; } body .clean_tabs .ui-accordion h2.ui-state-active {border:0; border-top-width:4px; border-top-style: solid; background:transparent; } body .clean_tabs .ui-accordion h2.ui-state-active a, body .clean_tabs .ui-accordion h2.ui-state-active a:hover { background-color:transparent; } body .clean_tabs .ui-accordion .ui-widget-content { background:transparent; } .product-view .box-tags .form-add .input-box {width:167px;} .home-main .jcarousel-skin-tango .jcarousel-container-horizontal, .home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:auto;} .product-slider-container .jcarousel-skin-tango .jcarousel-clip { margin: 0 -10px;} .brands-slider-container .jcarousel-skin-tango .jcarousel-clip { margin: 0 -20px;} .product-slider-container {width:auto} .product-slider-container .jcarousel-skin-tango ul.products-grid li.item {width: 230px;} .product-slider-container h2 {width:200px;} .brands-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list { padding: 28px 0 0px !important;} .my-account .page-title button.button {margin-top: 30px;} .cart .page-title { height:auto;} .cart .page-title .checkout-types { margin:19px 0 0; float:none;} .cart .title-buttons .checkout-types li {float:none; margin:0; text-align:center;} #shopping-cart-totals-table strong {font-size:20px; padding:0 10px 0 0;} .data-table table, .data-table thead, .data-table tbody, table.data-table td, .data-table tr { display: block; border:0px; text-align: left !important;} .data-table tr {border-bottom:1px solid #e9e9e9;} .data-table th {display:none;} .data-table td, .data-table .td-name {padding:20px;} .data-table td.td-name h2 {font-size:20px; font-weight:400; } .data-table td.td-image {padding-top: 25px;} .data-table td.td-image a {text-align:center; } .data-table td.td-image img {width:200px;} .data-table td.td-edit, .data-table .btn-remove {display:none;} .data-table .td-actions .btn-remove, .data-table .td-actions .btn-edit {display:inline-block;} .data-table td.td-price {padding:20px; background:#fafafa;} .data-table td.td-qty {padding:0 20px; background:#fafafa;} .data-table button.button span{padding:0} .data-table button.button span{width:100%} .data-table td.td-delete {background:#fafafa; text-align:center !important;} .data-table td.td-wishlist {padding:10px;} .data-table .td-title {display:inline-block; width:100px; padding:0 10px 0 0; font-weight:bold; vertical-align: middle;} .data-table .qty-wrap {float: none;vertical-align: middle;display:inline-block;} .data-table .td-actions {display:inline; padding:0 5px; } .data-table .button, .data-table .btn-continue {float:none; display:inline-block; margin:0 0px 12px; width:100%; padding:0;} .data-table .btn-continue {margin-left: 0;} .data-table .btn-update {margin-right: 0;} .data-table .btn-emty {clear: both; margin-bottom: 0;} .ox_table table, .ox_table thead, .ox_table tbody, table.ox_table td, .ox_table tr { display: block; border:0px; text-align: left !important;} table.ox_table tbody td{ border-top:0px;} .ox_table th {display:block;} .ox_table tr {border-bottom:1px solid #e9e9e9;} .ox_table td, .ox_table .td-name {padding:10px;} .ox_table td.td-name h2 {font-size:20px; font-weight:400; } .ox_table td.td-image {padding-top: 25px;} .ox_table td.td-image a {text-align:center; } .ox_table td.td-image img {width:200px;} .ox_table td.td-edit, .ox_table .btn-remove {display:none;} .ox_table .td-actions .btn-remove, .ox_table .td-actions .btn-edit {display:inline-block;} .ox_table td.td-price {padding:10px; background:#fafafa;} .ox_table td.td-qty {padding:0 10px; background:#fafafa;} .ox_table td.td-delete {background:#fafafa; text-align:center !important;} .ox_table td.td-wishlist {padding:10px;} .ox_table .td-title {display:inline-block; width:100px; padding:0 10px 0 0; font-weight:bold; vertical-align: middle;} .ox_table .qty-wrap {float: none;vertical-align: middle;display:inline-block;} .ox_table .td-actions {display:inline; padding:0 5px; } .ox_table .button, .ox_table .btn-continue {float:none; display:inline-block; margin:0 5px 12px} .ox_table .btn-continue {margin-left: 0;} .ox_table .btn-update {margin-right: 0;} .ox_table .btn-emty {clear: both; margin-bottom: 0;} #product-review-table th { display:block;} #product-review-table th span { display: block; margin: 0 auto; width: 8px; overflow: hidden;} #product-review-table {display:table; } #product-review-table thead, #product-review-table tfoot, #product-review-table tbody{display:table-row-group; } #product-review-table tr{display:table-row; } #product-review-table td{display:table-cell; min-width: 13px; border: 1px solid #e9e9e9;border-top: none;border-left: none;} #product-review-table tbody tr:last-child td {border-bottom: none;} #product-review-table th{display:table-cell;} .cart .cart-collaterals { padding: 20px 0px;} .opc .step { margin-bottom: 20px;} #toTop {display:none !important;} #my-reviews-table td {padding-bottom: 0;} #my-reviews-table tbody td.last {border-bottom: 1px solid #e9e9e9; padding-bottom: 10px;} #my-reviews-table tbody tr.last td.last {border-bottom: 0;} .products-list .ratings { float: none; width: auto; clear: both; margin: 0;} /* two_columns 4 products per row */ .two_columns_4 .product-name {font-size:16px} /* two_columns 5 products per row */ .col2-left-layout .two_columns_5 { margin:0 auto} .two_columns_5 .product-name {font-size:16px} /* one_column 5 products per row */ .one_column_5 .product-name {font-size:16px} /* one_column 6 products per row */ .one_column_6 .product-name {font-size:16px} .top-opc {margin-left: 0;} .top-opc li { margin:0 0 30px} .opc .td-label {display:block; float:left; } .form-list .field { float: none; width: 100%; margin-right: 0; margin-bottom: 5px;} /* Checkout: */ #checkout-review-table tfoot tr {display:table-row; } #checkout-review-table tfoot td {display:table-cell; } #checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login { float: none; width: auto;} #checkout-step-login .block-checkout-register .block, #checkout-progress-wrapper .block { margin-bottom: 20px;} #checkout-step-login .block-checkout-login .block { margin-bottom: 0;} #checkout-review-submit p {margin:0 20px 0 0;} #review-buttons-container {text-align: center} #review-buttons-container button {float:none;} #my-orders-table span.title {display:inline-block} #my-orders-table tr {border-bottom:1px solid #e9e9e9 } #my-orders-table tr.last {border:none} .form-list li.wide .input-box, .form-list li.wide input.input-text { width: 100%;} .col2-set .col-1, .col2-set .col-2 {float:none; width:100%;} .my-account .col2-set .col-1 {float:left; width:49%;} .my-account .col2-set .col-2 {float:right; width:49%;} .col2-set address {margin:5px 0;} .opc .step .buttons-set .back-link { margin: 0;} /* wishlist */ .my-wishlist .data-table td .btn-remove { display: inline-block;} .my-wishlist .data-table td.last {padding: 0 0 10px; text-align: center !important;} .my-wishlist .data-table .add-to-cart-alt { margin: 0 4px;} .my-wishlist .data-table .cart-cell > div, .my-wishlist .data-table .cart-cell > p { display: inline-block; vertical-align: middle;} .my-wishlist .data-table input.qty, .my-wishlist .data-table button.button { display: inline-block; margin: 0 4px; vertical-align: middle;} .my-wishlist .data-table input.qty { width: 45px;} .my-wishlist + .buttons-set { margin: 0;} .my-wishlist + .buttons-set .back-link {float: left;} .account-login, .account-create {padding: 20px 0;} /*blog styles*/ .postContent { margin: 0; } .blogMeta { float: none; width: 100%; padding: 0; } .postDetails { margin: 0; text-align: left; } .postDetails .author { display: inline-block; } .add-comments ul.form-list input.input-text { width: 100%; } .blog-icon { display: none; } .commentBox, .postDetails .separator-resp { display: inline-block; } .postContentWrapper { margin-left: 0; } button.button.aw-blog-read-more { margin-top: 0; } .tb_padding_wrap{padding:40px 10px;width:100%;} .fullwidth-bg.a-center.clearfix {background-image:none !important} } /***** iPhone (landscape) *****/ @media only screen and (min-width: 480px) and (max-width: 770px) { .align_right, .align_left {text-align: center!important;} .hide_on_mobile{ display:none!important; } .container-bottom{margin-bottom:0px;} .col3-layout .page-head{margin: 0} .product-options dd select{width:100%;} .toolbar-switch .toolbar-title {z-index:4;} .product-view .product-img-box {float:none; margin:0 auto 20px; max-width:440px } .product-view .product-img-box .product-image img{ width:100%; height:auto; } .row { width:460px; margin: 0 auto;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:100%; padding: 0 10px; margin:0 0 20px; } .links li:last-child{ margin-right:0; } .links li.separator {display:none; } .cart-top-container {margin-right: 56px;} .cart-top span { padding-left:5px; font-size: 11px; padding: 11px 0 0 9px; width: 50px; position: absolute; } .homepage-banners a .content p{display:block;} /* Header */ header a.logo {margin: 19px 0;} header .grid_12 {margin-bottom: 13px;} .top-dropdowns {top: 37px;} #queldoreiNav, #nav, .search-field #queldoreiNav, .search-field #nav {width: auto; margin-bottom: 0;} #queldoreiNav li, #nav li {width: auto;} /* Search field */ .search-field a.logo { margin-bottom: 59px;} .search-field .search-top-container { position: absolute; left: 0; top: 49px; margin: 0;} .search-field .search-top-container .form-search { margin-left: -309px; margin-right: -131px;} .search-field #search { width: 100%;} .below-logo .nav-container { margin: 0;} .breadcrumbs {padding: 0 12px;} .home-left,.home-right { margin: 0 -2%;} .home-left .block, .home-right .block, .cms-shopper-home-2col-left .home-left .block { padding: 0; margin: 0 2%; float: left; width: 46%; } /* View Type: Grid */ .sorter .sort-order {margin-right: 9px;} /* View Type: List */ .products-list .f-left {max-width: 30%;} .products-list .f-left img {max-width: 100%; height: auto;} .products-list .product-shop { padding-left: 20px;} .products-list .product-name {margin-left: 0;} .products-list .button-container p, .products-list .add-to-links, .products-list .add-to-links li a {line-height: 30px;} .products-list .button-container .btn-add-cart, .products-list .add-to-links a {font-size: 12px;} .products-list .button-container .btn-add-cart span {width: 30px;height: 30px; margin: 0 6px 0 0;background-position:-243px -91px;} .products-list .add-to-links li:first-child {padding: 0 11px;} .flexslider .slides .content{max-width:396px; margin:30px; } .flex-direction-nav {width:456px;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; } .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .homepage-banners a .content p{display:none;} .top-opc li { width: 137px; padding-right: 5px;} .top-opc li h2 { font-size: 14px;} .dashboard .box-reviews li.item {width: 50%;} .sidebar .block { margin: 0 10px 20px; width: 210px;} .toolbar-switch .toolbar-title {padding-right: 37px;} } /***** iPhone (portrait) *****/ @media only screen and (max-width: 479px) { .container-bottom{margin-bottom:0px;} .col3-layout .page-head{margin: 0} .product-options dd select{width:100%;} .toolbar-switch .toolbar-title {z-index:4;} /* hide cart icon on mobiles*/ .products-grid .button-container{ display:none; } /* scale down labels on mobiles */ .product-img-box .sale-top-left{ background-position:-130px -0px; } .sale-label{ background-position: -197px 0px!important; } .sale-top-left{ background-position:-130px -0px!important; } .new-label{ background-position: -65px 0px!important; } .new-top-left{ background-position: 0px 0px!important; } .new-label, .sale-label{ width:65px; height:65px; background-size: 260px 130px!important; } /*prodct page */ .product-view .product-shop .price-box .old-price{ position:initial; margin:0px 0 5px 0px; } .product-view .product-shop .price-box .price, .product-view .product-shop-info .price-box .regular-price .price, .product-view .product-shop-info .price-box .special-price .price{ font-size:36px; } .price-box p.old-price{ float:none; } .product-view h1{ font-size:26px; } 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:190px !important; overflow:hidden; } .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:190px !important; margin:0} .product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {display:block; width:140px; height:auto; margin:0 auto;} .row { width:320px; margin: 0 auto;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:320px; padding: 0 10px; margin: 0 0 20px; } header .grid_12 { text-align: center; /*margin-bottom: 19px;*/} header .logo { display: block;} header a.logo { margin: 19px 0;} .top-dropdowns { position: relative; top: inherit; margin: 0; display: inline-block } /* Resize Navigations Elements: */ .nav-container { width: 38px; display: inline-block;} .nav-container .nav-top-title { width: 38px; height: 38px; border-radius: 100%; padding: 0; margin: 0;} .nav-container .nav-top-title a {display: none;} .nav-container .nav-top-title div.icon { margin: 13px 10px 0 12px;} #queldoreiNav, #nav, .search-field #queldoreiNav, .search-field #nav, .below-logo #nav, .below-logo #queldoreiNav { margin: 8px 0px 0px -69px; width: 300px;} .search-field #queldoreiNav, .search-field #nav {margin-left: -86px; /* ? */ } .top-dropdowns {vertical-align: top;} .compare-top-container, .cart-top-container {margin-left: 6px;} .cart-top {position: relative;} .cart-top span { padding-left: 5px; padding: 11px 0 0 9px; font-size: 11px; /*width: 63px;*/ position: absolute; text-align: left; display : none; } .search-form, .compare-top-container .details, .cart-top-container .details, .search-form-border, .compare-top-container .details-border, .cart-top-container .details-border { width: 300px; box-sizing: border-box;} .search-form {left: -109px; right:0;} .compare-top-container .details { left: -153px; right:0;} .cart-top-container .details { left: -197px;} .search-form-border:before { right: 166px;} .compare-top-container .details-border:before { right: 122px;} .cart-top-container .details-border:before { left: inherit; right: 78px;} #search_mini_form .form-search button { display: block; right: 2px;} /* Search field */ .search-field a.logo { margin-bottom: 59px;} .search-field .search-top-container { position: absolute; left: 0; top: -44px; margin: 0;} .search-field .search-top-container .form-search {margin-left: -127px; margin-right: -173px;} .below-logo .search-field .search-top-container .form-search {margin-left: -119px; margin-right: -179px;} .search-field #search { width: 100%;} .below-logo .nav_below {display: inline-block;} .breadcrumbs {padding: 0 10px;} .sidebar .block { margin: 0 10px 20px; width: 300px;} .cms-index-index .block {margin: 0 0 20px;} /* View Type: Grid */ .products-grid .product-name a, .products-grid .price-box .price { font-size: 14px;} /* View Type: List */ .products-list li.item {padding: 0 0px 30px;} .products-list .product-image, .products-list .f-left { float:none !important; margin: 0 auto; text-align: center;} .products-list .product-image {display: inline-block;} .products-list .product-shop {margin:10px 0 0; padding-left: 0; overflow: inherit;} .products-list .product-name {margin-left: 0;} .products-list .ratings { clear: both; margin-left: 0; white-space: nowrap; width: auto;} .products-list .button-container p, .products-list .add-to-links, .products-list .add-to-links li a {line-height: 30px;} .products-list .button-container .btn-add-cart, .products-list .add-to-links a {font-size: 12px;} .products-list .button-container .btn-add-cart span {width: 30px;height: 30px; margin: 0 9px 0 0;background-position:-243px -91px;} .products-list .add-to-links li:first-child {padding: 0 16px;} .slider-container .jcarousel-list .product-name a {font-size: 14px;} .product-slider-container .jcarousel-skin-tango ul.products-grid li.item {width: 160px;} .brands-slider-container .jcarousel-skin-tango .jcarousel-clip-horizontal, .brands-slider-container .jcarousel-skin-tango .jcarousel-container-horizontal {overflow: hidden;} .brands-slider-container .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: -16px;} .data-table .button span span { padding: 0 0px;} .top-opc li { width: 145px; /*padding-right: 5px;*/} .top-opc li h2 { font-size: 14px;} .my-account .col2-set .col-1, .my-account .col2-set .col-2 {float:none; width:100%;} .dashboard .box-reviews li.item {width: 100%;} .footer-banners { padding: 25px 0 15px;} /* View Type: Grid */ .product-view .add-to-box {margin-left: 0px; margin-top:10px;} .product-shop .ajax_loading {position: relative;margin: 0;text-align: center;} /* Review details */ .product-review .product-img-box { float: none; margin: 0 0 20px; text-align: center; } .product-review .product-details {overflow: inherit;float: none;} .product-slider-container h2 {width:auto;} .cms-shopper-home-2col-left .home-left .block { margin-left: 0; } /*contact page*/ .cms-contacts-page .contacts { width: 51%; } .page-title{min-height:85px;} .thin_big_title{ font-size: 45px !important; line-height: 40px !important; } .fullwidth-bg {padding: 40px 0; } .tb_padding_wrap{padding:0;} .hide_on_mobile{display:none!important;} .align_right, .align_left {text-align: center!important;} .homepage-banners a .content{margin:20px 15px;} } /* Sprite images: -------------------------------*/ select, .sorter .sort-order a, button.btn-proceed-checkout span span:before, .cart-top-title a span.icon, .btn-edit, .btn-remove, .compare-top-container .details .actions a:before, .block-compare .block-content .actions a:before, .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, .header-switch span.current:before, .cart-top > a, .search-top, .search-top-container .search-form .search-top-title span.icon, .compare-top, .compare-top-title a span.icon, .product-view .add-to-links li.compare span.icon, .footer-info ul.twitterList li span.tweet-icon, .breadcrumbs span, .error-msg:before, .success-msg:before, .note-msg:before, .notice-msg:before, .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, .toolbar-switch .toolbar-title:before, .products-grid .hover .button-container button.button span span em, .data-table .btn-edit2, .data-table .btn-remove2, .block-layered-price .ui-widget-content .ui-state-default, .product-view .add-to-cart button.button span span, .product-view .add-to-links li span.icon, .product-view .add-to-links li.email-friend span.icon, #nav ul ul li, .blog-icon .inner { background-size: 300px 350px;} .nav-container li > a em { background-size: 72px 72px;} .jcarousel-next-horizontal, .jcarousel-prev-horizontal { background-size: 70px 70px;} #toTop { background-size: 56px 112px;} .sorter .view-mode .grid:before { background-size: 27px 54px;} .sorter .view-mode .list:before { background-size: 27px 54px;} .product-prev span, .product-next span { background-size: 26px 54px;} .rating-box, .rating-box .rating { background-size: 12px 20px;} .flex-direction-nav a, .tp-leftarrow.round, .tp-rightarrow.round, .tp-leftarrow.large, .tp-rightarrow.large { background-size: 154px 154px;} a.social_links { background-size: 36px 1170px;} .footer-info .block-control { background-size: 70px 70px;} #search_mini_form .form-search button { background-size: 23px 58px;} div.alert button { background-size: 9px 18px;} .new-label, .sale-label { background-size: 364px 182px;} .block .block-content a.shopby_more, .qty-elements a, div.summary-collapse:before { background-size: 34px 34px;} body.blog-post-view .postView .postDetails > div { background-size: 16px 62px;} @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) { /* Sprite images: -------------------------------*/ select, .sorter .sort-order a, button.btn-proceed-checkout span span:before, .cart-top-title a span.icon, .btn-edit, .btn-remove, .compare-top-container .details .actions a:before, .block-compare .block-content .actions a:before, .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, .header-switch span.current:before, .cart-top > a, .search-top, .search-top-container .search-form .search-top-title span.icon, .compare-top, .compare-top-title a span.icon, .product-view .add-to-links li.compare span.icon, .footer-info ul.twitterList li span.tweet-icon, .breadcrumbs span, .error-msg:before, .success-msg:before, .note-msg:before, .notice-msg:before, .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, .toolbar-switch .toolbar-title:before, .products-grid .hover .button-container button.button span span em, .data-table .btn-edit2, .data-table .btn-remove2, .block-layered-price .ui-widget-content .ui-state-default, .product-view .add-to-links li span.icon, .product-view .add-to-links li.email-friend span.icon, .blog-icon .inner #nav ul ul li { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/shopper_sprite@2x.png);} .product-view .add-to-cart button.button span span { background : url('https://www.hantermann.eu/skin/frontend/shopper/default/images/icon_cart_product.png') no-repeat 17px 50% } .nav-container li > a em { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/nav_sprite@2x.png);} .jcarousel-next-horizontal, .jcarousel-prev-horizontal { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/arrow_about@2x.png)} #toTop { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/arrow_totop@2x.png)} .sorter .view-mode .grid:before { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/i_grid_mode@2x.png)} .sorter .view-mode .list:before { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/i_list_mode@2x.png)} .product-prev span, .product-next span { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/prev_next@2x.png)} .rating-box, .rating-box .rating { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/rating@2x.png)} .product-view .product-img-box .jcarousel-next-horizontal, .product-view .product-img-box .jcarousel-prev-horizontal, .flex-direction-nav a, .tp-leftarrow.round, .tp-rightarrow.round, .tp-leftarrow.large, .tp-rightarrow.large { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/slideshow_arrows@2x.png)} a.social_links { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/sprite_socialbuttons@2x.png)} .footer-info .block-control { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/arrow_footer@2x.png)} #search_mini_form .form-search button { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/search_icon@2x.png)} div.alert button { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/remove-popup@2x.png)} .new-label, .sale-label { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/labels@2x.png)} .block .block-content a.shopby_more, .qty-elements a, div.summary-collapse:before { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/moreless@2x.png)} body.blog-post-view .postView .postDetails > div { background-image: url(https://www.hantermann.eu/skin/frontend/shopper/default/images/retina/post_meta@2x.png)} /* Custom style -------------------------------*/ .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, .block .block-content li.item { 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 } } @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:before { 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, .block .block-content li.item { 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} } a { transition: color 600ms ease-in-out;} a:hover { 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, .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; } .product-tabs a, .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a, .product-tabs-container h2.tab-heading { transition: background-color 400ms ease-in-out;} .jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover, #fancybox-right-ico:hover, #fancybox-left-ico:hover{ transition: all 400ms ease-in-out; } #fancybox-close:hover{ transition: all 400ms ease-in-out; } .footer-info .block-control { transition: background-color 400ms ease-in-out; } button.button span, .qty-wrap a, .back-link a, div.summary-collapse:before, .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, a.social_links, .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; } .tags-list li a, .clean_tabs ul.ui-tabs-nav li:after, .block-tags .block-content li a, button.aw-blog-read-more span span, .product-view .box-tags ul.product-tags li, .product-view .box-tags ul.product-tags li a { transition: all 200ms ease-in-out;} .block-tags .block-content li a:hover, .product-view .box-tags ul.product-tags li:hover, .product-view .box-tags ul.product-tags li:hover a { transition: all 200ms ease-in-out;} .ui-accordion h2.ui-accordion-header, .block .block-content a.shopby_more { transition: background-color 200ms ease-in-out;} .sorter .view-mode a, .sorter .view-mode a:before, button.button_white span, button.button_white:hover span { transition: all 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; } #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; } .products-grid .add-to-links li a:hover span { color:#000; 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; } .simple_hover:hover{ opacity: 0.6; filter: alpha(opacity=60); transition: all 400ms ease-in-out; } .simple_hover{ opacity: 1; filter: alpha(opacity=100); transition: all 400ms ease-in-out; } /*----------------------------------------------------------------------------- - Revolution Slider - 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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/skin/frontend/shopper/default/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;} .tp-bannershadow.tp-shadow2 { background:url(https://www.hantermann.eu/skin/frontend/shopper/default/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(https://www.hantermann.eu/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.preview4, .tp-bullets.simplebullets.round { position: absolute; bottom: 12px !important; } .tp-bullets.simplebullets.round .tp-bullets.simplebullets.navbar { margin-left:-40px; border:1px solid #666; border-bottom:1px solid #444; bottom:-20px; background:url(https://www.hantermann.eu/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(https://www.hantermann.eu/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.preview4 .bullet, .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:#ededed; background-image: none !important; width:8px !important; height:8px !important; margin-right:0px; float:left; margin-top:-4px; margin-left:6px !important; -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.preview4 .bullet.last, .tp-bullets.simplebullets.round .bullet.last { margin-right:6px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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.preview4 .bullet:hover, .tp-bullets.simplebullets.preview4 .bullet.selected, .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 !important; } /************************************* - TP ARROWS - **************************************/ .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:#fff url(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/slideshow_arrows.png) no-repeat 0 0 !important; width:78px !important; height:78px !important; float:left; margin-left:39px !important; margin-top:-39px !important; 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(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/slideshow_arrows.png) no-repeat 100% 0 !important; width:78px !important; height:78px !important; float:left !important; margin-right:39px !important; margin-top:-39px !important; 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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/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(https://www.hantermann.eu/skin/frontend/shopper/default/images/sprite/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 !important; 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(https://www.hantermann.eu/skin/frontend/shopper/default/assets/coloredbg.png) repeat;} .tp-loader { background:url(https://www.hantermann.eu/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(https://www.hantermann.eu/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(https://www.hantermann.eu/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; } /**~~ Shopper v2.1.3 ~~**/ /**~~ Theme Color ~~**/ button.button span, .quick-view, #fancybox-close:hover, button.btn-cart.ajax-cart span, .qty-elements a, div.summary-collapse:before, .flexslider:hover a:hover, .btn-remove, .btn-edit, .cart-top > a, .cart-top-container .details-border, .cart-top-title a span.icon, .compare-top, .compare-top-container .details-border, .compare-top-title a span.icon, .search-top, .search-form-border, .search-top-container .search-form .search-top-title span.icon, .footer-info ul.twitterList li span.tweet-icon, .footer-info ul.social li a:hover, .footer-info .block-control:hover, .footer-info .block-control-hide:hover, .products-grid .hover .price-box, .products-grid .hover .button-container button.button span span em, .products-list .button-container .btn-add-cart span, .data-table .btn-remove2, .data-table .btn-edit2, .top-opc li.allow:hover .number, .product-view .add-to-links li:hover span.icon, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, #toTop, .jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover, #fancybox-right-ico:hover, #fancybox-left-ico:hover, .product-view .box-up-sell .jcarousel-next-horizontal:hover, .product-view .box-up-sell .jcarousel-prev-horizontal:hover, nav .nav-top-title:hover, .nav-container .nav-top-title:hover, nav .nav-top-title.active, .nav-container .nav-top-title.active, nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span, .blog-icon .inner, .blog-icon .blog-comments:hover, .block-blog.block-blog-tags li a:hover, .postWrapper:hover .blog-icon .blog-comments, .blog-cat-view .blog-img-wrap .blog-img-link-hover, .blog-index-list .blog-img-wrap .blog-img-link-hover, .clean_tabs .ui-tabs ul.ui-tabs-nav li:hover:after, .clean_tabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active:after, .tags-list li a:hover, .block-tags .block-content li a:hover, .tp-bullets.simplebullets.preview4 .bullet:hover, .tp-bullets.simplebullets.preview4 .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .product-view .box-tags ul.product-tags li:hover, .select2-results .select2-highlighted, .catalog-product-view .product-view #table_quantity_quantity .selected_qty, .catalog-product-view .product-view #table_quantity_quantity tr.selected_qty:nth-of-type(odd), .select2-container .select2-choice .select2-arrow /*.my-account a.link-reorder */ { background-color:#a7c70c} .print_setup #connectFiles { background-color:#a7c70c !important} .product-view #product_part_container, .product-view #steckdosen_container, .product-view #product_part_options, .product-view #price_quantity_container, .product-view #informations_selections_container #informations_container, .product-view #informations_selections_container #selections_container, .product-view #product_info, .product-view .box-tags ul.product-tags li:hover { border-color:#a7c70c !important} .product-view.upload-product .part.active, .attribute_tab div.active { border-top-color:#a7c70c !important; } .tags-list li a:hover, .block-tags .block-content li a:hover, .product-view .box-tags ul.product-tags li:hover a { border-color:#a7c70c} /*-- hover --*/ button.button:hover span, .btn-remove:hover, .btn-edit:hover, .quick-view:hover, .data-table .btn-edit:hover, .data-table .btn-remove:hover, .products-grid .hover .button-container button.button:hover span span em { background-color:#393431;} button.button_white span { background-color: #fff;} button.button_white:hover span { background:#a7c70c} /*-- invert styles --*/ button.invert span, .buttons-set .back-link a, .cart-shipping button.button span, .cart-coupon button.button span, .compare-top-container .details .actions a:before, .block-compare .block-content .actions a:before { background-color:#393431;} /*-- invert styles theme hover --*/ button.invert:hover span, .buttons-set .back-link a:hover, .cart-shipping button.button:hover span, .cart-coupon button.button:hover span, .block .block-content a.shopby_more:hover, .block .block-content a.shopby_more_hide, .block .block-content a.shopby_more_hide:hover { background-color:#a7c70c} /***** iPad Smaller than 959px *****/ @media only screen and (max-width: 959px) { #queldoreiNav>li>a, #nav>li>a, #mobile-nav>li>a {border-radius:3px;} #queldoreiNav>li>a:hover, #nav>li>a:hover, #mobile-nav>li>a:hover, #queldoreiNav>li.over>a, #nav>li.over>a, #mobile-nav>li.over>a, #queldoreiNav>li.active>a, #nav>li.active>a, #mobile-nav>li.active>a { background-color:#a7c70c; color:#fff; border-radius:3px;} } /***** iPad Smaller than 479px *****/ @media only screen and (max-width: 479px) { .nav-container .nav-top-title { background-color:#a7c70c} .nav-container .nav-top-title div.icon span { background-color: #fff;} .nav-container .nav-top-title:hover { background-color: #322c29;} } .footer-info a, .price-box .price, .pager .pages li a:hover, .pager .pages .current, .cms-contacts-page .contact_block p a, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .products-grid .add-to-links li span, .opc h3, .opc h4, .block-progress dt:before, #checkout-step-login .block-checkout-register ul.ul li:before {color:#a7c70c} .footer-info .information ul li:before, .footer-info ul.disc li:before, #checkout-step-login .block-checkout-register ul.ul li:before, .block-progress dt:before { background-color:#a7c70c} .cart-top-container .details-border:before { border-color: transparent transparent #a7c70c transparent;} .compare-top-container .details-border:before { border-color: transparent transparent #a7c70c transparent;} .search-form-border:before { border-color: transparent transparent #a7c70c transparent;} #queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span, #nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span, #mobile-nav>li>a:hover>span, #mobile-nav>li.over>a>span, #mobile-nav>li.active>a>span, .cart .cart-collaterals .cart-block, .opc .step, .block, .cms-index-index .block, .block-login, .cart .cart-collaterals .cart-block, .cform_wrap, .white-border-wrap, .cms-contacts-page .cform_wrap, .product-tabs li.active, .product-tabs-container h2.active, body .ui-accordion h2.ui-state-active, body .ui-tabs .ui-tabs-nav li.ui-tabs-active, add-comments, #customer-reviews { border-top-color:#a7c70c;} body .clean_tabs .ui-accordion h2.ui-state-active { border-top-color:#a7c70c;} /** links hover color **/ .page-title a.link-reorder:hover,.page-title a.link-print:hover, .box-account .box-head a:hover, .dashboard .box-reviews li.item a:hover, .dashboard .box .box-title a:hover, .box-content address a:hover, .addresses-list a:hover, .header-container .links li a:hover, .block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover, .cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover, .block-layered-nav .block-content dd li a:hover, body.blog-post-view .postView .postDetails > div a:hover, .no-rating a:hover, .ratings a:hover, button.aw-blog-read-more span span, .product-view .box-up-sell .product-name:hover, .data-table td a:hover { color:#a7c70c} .header-container, header.fixed { background-color:#ffffff} #queldoreiNav > li > a, #nav > li > a, #mobile-nav > li > a { color:#373230} .slider {background-color:#f4f4f2} body, .main-container, .footer-container .product-slider-container {background-color:#fafafa} .block .block-content a, .block .block-content li a, .block .block-content li.item a, .cms-index-index .block .block-content a, .cms-index-index .block .block-content li a, .cms-index-index .block .block-content li.item a, .block-layered-nav .block-content dd li a, .no-rating a, .ratings a, .product-view .box-up-sell .product-name, .data-table td a:hover, .data-table td .product-name a { color:#322c29} .data-table td .product-name a { color:#322c29} .block-tags .block-content li a, .product-view .box-tags ul.product-tags li, .product-view .box-tags ul.product-tags li a { color:rgba(50,44,41, 0.76)} .page-title a.link-reorder:hover,.page-title a.link-print:hover, .box-account .box-head a:hover, .dashboard .box-reviews li.item a:hover, .dashboard .box .box-title a:hover, .box-content address a:hover, .addresses-list a:hover, .block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover, .cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover, .block-layered-nav .block-content dd li a:hover, .no-rating a:hover, .ratings a:hover, .product-view .box-up-sell .product-name:hover, .postTitle h2 a:hover, .postWrapper:hover .postTitle h2 a, .data-table td a, .data-table td .product-name a:hover { color:#a7c70c} .block-tags .block-content li a:hover, .product-view .box-tags ul.product-tags li:hover, .product-view .box-tags ul.product-tags li:hover a { color:#fff;} .page-title-bg, .col-main-wrap > .blog-title:before, .page-title:before, .breadcrumbs:before, .page-head h3:before, .product-category-title:before {background-color:#f5f5f3} .slider-container:before {background-color:#ededed} .slider-container:before {border-top-color:#e1e1e1} .top-switch-bg {background-color:#f9f9f9} .header-switch span.current {color:#1d1c1b} .header-container .links li a, .header-switch span {color:rgba(29,28,27, 0.65)} .footer-container {background-color:#a7c70c} .footer-container, footer a, footer ul.links li a {color:#ffffff} .footer-banners {background-color:#f7f7f6} .footer-info {background-color:#f4f4f2} .footer-info {border-top-color:#ececea} .footer-info, .footer-info ul.twitterList li {color:#666666} .footer-info ul.twitterList li span.time-ago {color:rgba(102,102,102, 0.85)} /*.price-box .price {font-family:""} */ #slide-timeline {background-color:#a7c70c} #queldoreiNav > li > a:hover, #queldoreiNav > li.active > a, #queldoreiNav > li.over > a, #nav > li > a:hover, #nav > li.active > a, #nav > li.over > a, #mobile-nav > li > a:hover, #mobile-nav > li.active > a, #mobile-nav > li.over > a {color:#373230} .compare-top-title, .compare-top-container {display:none !important} /** Brands slider **/ .brands-slider-container ul.brands li{width:96px;} .brands-slider-container .jcarousel-clip-horizontal{margin:0 24px;} @media only screen and (min-width: 960px) and (max-width: 1199px) { .brands-slider-container .jcarousel-clip-horizontal{margin:0;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .brands-slider-container .jcarousel-clip-horizontal{margin:0;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .brands-slider-container .jcarousel-clip-horizontal{margin:0 36px;} } @media only screen and (max-width: 479px) { .brands-slider-container .jcarousel-clip-horizontal{margin:0 6px;} } /**~~ helper classes ~~**/ .shopper-color {color:#a7c70c} .shopper-bgcolor {background-color:#a7c70c} .shopper-menucolor {color:#373230} .shopper-content_bg {background-color:#fafafa} .shopper-content_link {color:#322c29} .shopper-content_link_hover {color:#a7c70c} .shopper-page_title_bg {background-color:#f5f5f3} /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("https://www.hantermann.eu/skin/frontend/shopper/default/css/ui/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("https://www.hantermann.eu/skin/frontend/shopper/default/css/ui/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('https://www.hantermann.eu/skin/frontend/shopper/default/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } /** * File for custom CSS. You can use it to override the default styling of the theme. * * 1. Copy the file "default.override.css" and rename it to "override.css". * 2. Enable it in the admin panel. * */ /** Header **/ @media ( max-width: 1280px ) { .top-dropdowns > .cart-top-container > .cart-top > span { display: none; } } @media ( max-width: 980px ) { h1.logo > a.logo > img:nth-child(2) { display: none; } } @media ( max-width: 770px ) { #auguria-slider span { font-size: 20px; } #auguria-slider > a.prev, #auguria-slider > a.next { display: none; } } /** Manufaktur - Über uns **/ body.cms-ueber-unsere-manufaktur img.align-right { float: right; } @media ( max-width: 480px ) { body.cms-ueber-unsere-manufaktur img.align-right { float: none; display: inherit; margin: 0 auto; } body.cms-ueber-unsere-manufaktur div.std > p { text-align: justify; } } /** Footer **/ footer ul.links { margin-right: 200px; } /** * @category Auguria * @package Auguria_Sliders * @author Auguria * @license http://opensource.org/licenses/gpl-3.0.html GNU General Public License version 3 (GPLv3) */ /** * Global */ #auguria-slider { margin: 0 auto 15px auto; padding: 0px; position: relative; z-index: 0; } .auguria-slider-container div { display:block; } #auguria-slider .caption { background: none repeat scroll 0 0 rgba(10, 38, 60, 0.5); border-top: 1px solid #0A263C; color: #FFFFFF; font-size: 14px; left: 0; line-height: 14px; padding: 5px 20px 0; position: absolute; text-shadow: none; z-index: 500; } ul.pagination { float:right; list-style: none outside none; margin-top: 7px; } ul.pagination li { float: left; list-style: none outside none; margin: 0 1px; } ul.pagination li a { background-image: url("https://www.hantermann.eu/skin/frontend/base/default/images/auguria/sliders/pagination.png"); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 13px; width: 13px; } ul.pagination li a:hover { background-position: 0 -26px; } ul.pagination li.current a, ul.pagination li.current a:hover { background-position: 0 -13px; } #auguria-slider .next, #auguria-slider .prev { margin: 7px 7px 0 0; float: left; z-index: 101; width: 13px; height: 13px; } #auguria-slider a.next { background-image: url("https://www.hantermann.eu/skin/frontend/base/default/images/auguria/sliders/next.png"); } #auguria-slider a.prev { background-image: url("https://www.hantermann.eu/skin/frontend/base/default/images/auguria/sliders/previous.png"); } #auguria-slider a.next:hover{ background-image: url("https://www.hantermann.eu/skin/frontend/base/default/images/auguria/sliders/next-hover.png"); } #auguria-slider a.prev:hover { background-image: url("https://www.hantermann.eu/skin/frontend/base/default/images/auguria/sliders/previous-hover.png"); } #auguria-slider .next span, #auguria-slider .prev span { display: none; } /** * Nwdthemes Ultratabs Extension * * @package Ultratabs * @author Nwdthemes * @link http://nwdthemes.com/ * @copyright Copyright (c) 2014. Nwdthemes * @license http://themeforest.net/licenses/terms/regular */ .clearfix:after { content: ''; display: table; clear: both; } /* Common */ .ultratabs { margin-top: 2px; } .ultratabs ul.nav li { height: 40px; line-height: 40px; margin: 0; padding-left: 33px; padding-right: 33px; cursor: pointer; transition: background-color 0.2s ease-in-out; position: relative; } .ultratabs ul.nav li a { text-decoration: none; outline : none; transition: color 0.2s ease-in-out; } .ultratabs div.content > div { clear: both; display: none; overflow: auto; } .ultratabs .tab_drawer { display: none; } .ultratabs .ut_border_helper { display: none; } .ultratabs .ut_active_line { display: none; } /* 1.7-8 Layout Update */ .product-collateral { padding: 0; background: none; } .ultratabs .product-view { border: 0; } /* Horizontal layout */ .ultratabs.ut_horizontal .ut_tabs_bar { border-width: 1px; } .ultratabs.ut_horizontal .ut_tabs_bar:after { content: ""; clear: both; display: table; } .ultratabs.ut_horizontal .ut_tabs_bar ul.nav li { float: left; border-width: 0; position: relative; } .ultratabs.ut_horizontal .ut_tabs_bar ul.nav li.active .ut_active_line { position: absolute; display: block; border-width: 2px 0 0 0; left: 0; top: 0; height: 8px; line-height: 2px; padding: 0; margin: 0; width: 100%; } .ultratabs.ut_horizontal .ut_tabs_bar ul.nav li.active { border-width: 0 1px 0 1px; padding-left: 32px; padding-right: 32px; } .ultratabs.ut_horizontal .ut_tabs_bar ul.nav li:first-child.active { border-width: 0 1px 0 0; padding-left: 33px; padding-right: 32px; } .ultratabs.ut_horizontal .ut_border_helper { display: block; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; } .ultratabs.ut_horizontal div.content { clear: both; border-width: 0 1px 1px 1px; min-height: 51px; } .ultratabs.ut_horizontal div.content > div { padding: 21px 17px; } /* Horizontal Rounded Layout */ .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar { border-width: 0; background: none; height: 40px; } .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar ul.nav li { border-width: 1px 1px 0 1px; margin-right: 2px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar ul.nav li.active .ut_active_line { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar ul.nav li.active { border-width: 1px 1px 0 1px; padding-left: 33px; padding-right: 33px; } .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar ul.nav li:first-child.active { border-width: 1px 1px 0 1px; padding-left: 33px; padding-right: 33px; } .ultratabs.ut_horizontal.ut_rounded .ut_tabs_bar ul.nav li:last-child { margin-right: 0; } .ultratabs.ut_horizontal.ut_rounded div.content { border-width: 1px; -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0; } .ultratabs.ut_horizontal.ut_rounded div.content > div { -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0; } /* Vertical Layout */ .ultratabs.ut_vertical .ut_tabs_bar { float: left; border-width: 0; background: none; position: relative; width: auto; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li { text-align: center; border-width: 0 0 0 1px; height: 42px; line-height: 42px; box-sizing: border-box; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li:first-child { border-top-width: 1px; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li:last-child { border-bottom-width: 1px; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li.active .ut_active_line { position: absolute; display: block; border-width: 0 0 0 2px; left: 0; top: 0; height: 100%; line-height: 2px; padding: 0; margin: 0; width: 8px; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li.active { border-top-width: 1px; border-bottom-width: 1px; line-height: 40px; } .ultratabs.ut_vertical .ut_tabs_bar ul.nav li:first-child.active { line-height: 41px; } .ultratabs.ut_vertical .ut_border_helper { display: block; position: absolute; right: -1px; top: 0; width: 1px; height: 100%; } .ultratabs.ut_vertical .ut_content_wrap { overflow: hidden; } .ultratabs.ut_vertical div.content { border-width: 1px; } .ultratabs.ut_vertical div.content > div { padding: 25px 20px; } /* Vertical Rounded Layout */ .ultratabs.ut_vertical.ut_rounded .ut_tabs_bar ul.nav li { height: 42px; line-height: 42px; } .ultratabs.ut_vertical.ut_rounded .ut_tabs_bar ul.nav li { margin-bottom: 2px; border-width: 1px 0 1px 1px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .ultratabs.ut_vertical.ut_rounded .ut_tabs_bar ul.nav li.active .ut_active_line { -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .ultratabs.ut_vertical.ut_rounded .ut_tabs_bar ul.nav li:last-child { margin-bottom: 0; } .ultratabs.ut_vertical.ut_rounded div.content > div { -webkit-border-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius: 8px; -moz-border-radius-topleft: 0; border-radius: 8px; border-top-left-radius: 0; } @media screen and (max-width: 1024px) { .ultratabs ul.nav li {padding-left: 15px; padding-right: 15px;} } /* Responsive Accordeon */ @media screen and (max-width: 770px) { /* Normal */ .ultratabs .tab_drawer { position: relative; text-decoration: none; outline: none; border-width: 0 0 1px 0; height: 40px; line-height: 40px; padding-left: 33px; padding-right: 33px; margin: 0; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ultratabs .tab_drawer .ut_active_line { display: none; } .ultratabs .tab_drawer.active .ut_active_line { position: absolute; display: block; border-width: 2px 0 0 0 ; left: 0; top: 0; width: 100%; height: 8px; line-height: 2px; padding: 0; margin: 0; } .ultratabs .ut_tabs_bar { display: none; } .ultratabs.ut_horizontal div.content, .ultratabs.ut_vertical div.content { border-width: 1px 1px 0 1px; } .ultratabs div.content > div { border-style: solid; border-width: 0 0 1px; } /* Rounded */ .ultratabs.ut_rounded .tab_drawer { border-width: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 2px; } .ultratabs.ut_rounded .tab_drawer.active { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ultratabs.ut_rounded .tab_drawer:first-child { margin-top: 0; } .ultratabs.ut_rounded .tab_drawer.active .ut_active_line { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; } .ultratabs.ut_rounded div.content > div { border-style: solid; border-width: 1px; border-top: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .ultratabs.ut_horizontal.ut_rounded div.content > div, .ultratabs.ut_vertical.ut_rounded div.content > div { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } .ultratabs.ut_horizontal.ut_rounded div.content, .ultratabs.ut_vertical.ut_rounded div.content { border: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } } /* reset bootstrap */ .ultratabs ul.nav { margin: 0; list-style: none; } .ultratabs .nav>li>a { padding: 0 } .ultratabs .nav>li>a:hover, .ultratabs .nav>li>a:focus { background: transparent; } /** Datei fehlt? **/